:root{--navy:#061b3b;--deep:#041125;--blue:#0876e8;--silver:#c5cbd3;--white:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#16253b;background:var(--white)}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}.header{display:flex;align-items:center;gap:26px;justify-content:space-between;padding:12px 5%;background:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px #061b3b15}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:#063b83;white-space:nowrap}.brand img{width:55px;height:55px;object-fit:contain}.brand small{font-size:12px}.header nav{display:flex;gap:21px;font-size:14px}.header nav a:hover,.link{color:#0876e8}.btn,.outline{border:1px solid #138cf7;border-radius:10px;padding:14px 20px;font-weight:700;display:inline-block}.btn{background:linear-gradient(135deg,#0097ff,#0040b9);color:white}.btn:hover{filter:brightness(1.12)}.outline{background:white;color:#0053af}.hero{min-height:540px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding:75px 6%;background:radial-gradient(circle at 80% 45%,#164e9b 0%,#061b3b 45%,#030c1b 100%);color:white;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:800;color:#1b9cff}.hero h1{font-size:clamp(36px,5vw,72px);line-height:1.08;margin:20px 0}.hero h1 em{color:#19a3ff;font-style:normal}.heroText>p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:620px;color:#dbe5f3}.heroStats{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:transparent;border-color:#e4e9f1}.heroArt{text-align:center;opacity:.85}.gear{font-size:clamp(150px,24vw,350px);line-height:1;color:#54aaff;text-shadow:0 0 65px #048eff80}.heroArt p{letter-spacing:4px;font-size:12px}.section{padding:75px 6%}.sectionTitle{margin-bottom:30px}.section h2{font-size:clamp(28px,3.5vw,44px);margin:10px 0}.section p{line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;color:#1b2b42;border-radius:14px;padding:24px;box-shadow:0 10px 35px #061b3b16}.cardArt{display:grid;place-items:center;height:145px;font-size:76px;background:linear-gradient(135deg,#062550,#0b6bd3);border-radius:10px;margin-bottom:18px}.card h3{font-size:22px}.card p{color:#566478}.link{font-weight:800}.sectionDark{background:#071b39;color:white}.sectionDark .card{background:#102c54;color:white;border:1px solid #315480}.sectionDark .card p{color:#d6e3f4}.note{font-size:13px;opacity:.78}.productFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.serviceArt{display:grid;place-items:center;font-size:150px;min-height:250px;border-radius:20px;background:linear-gradient(135deg,#092552,#0876e8)}footer{background:#020b19;color:#aabdd5;text-align:center;padding:30px}dialog{border:0;border-radius:16px;padding:28px;max-width:530px;width:calc(100% - 30px);box-shadow:0 20px 80px #0007}dialog::backdrop{background:#020b19aa}.dialogTop{display:flex;justify-content:space-between;align-items:center}.iconBtn{background:none;border:0;font-size:24px}.cartLine{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #ddd;padding:14px 0}.cartLine button{border:0;border-radius:5px;padding:7px}.full{width:100%;text-align:center}#cartCount{background:#0876e8;color:white;border-radius:20px;padding:2px 7px}@media(max-width:900px){.header{flex-wrap:wrap}.header nav{order:3;overflow:auto;width:100%;padding-bottom:5px}.hero{grid-template-columns:1fr}.heroArt{display:none}.cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.split{grid-template-columns:1fr}.hero{padding:55px 6%}.hero h1{font-size:39px}.header nav{gap:14px}.section{padding:55px 6%}}

/* Identidad HERTOPLAS: logo original en portada */
.heroLogo{display:block;width:min(100%,370px);height:auto;margin:0 auto 20px;filter:drop-shadow(0 0 18px rgba(20,148,255,.62)) drop-shadow(0 0 45px rgba(4,110,235,.32));border-radius:50%}.heroArt{opacity:1}.machineryCards{grid-template-columns:repeat(3,minmax(0,1fr))}.machineryCards .card h3{font-size:20px}@media(max-width:900px){.heroArt{display:block}.heroLogo{width:min(65vw,260px)}.machineryCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.machineryCards{grid-template-columns:1fr}.heroLogo{width:min(60vw,220px)}}

/* Catálogo fotográfico y videos integrados */
.machinePhoto{width:100%;height:225px;object-fit:contain;background:#f3f7fc;border-radius:12px;display:block}.machineThumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.machineThumbs img{width:60px;height:56px;object-fit:cover;border-radius:7px;cursor:pointer;border:2px solid #cbd9eb}.machineThumbs img:hover,.machineThumbs img:focus{border-color:#0876e8}.machinePlaceholder{height:225px;border-radius:12px;background:#eff4fb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6a7b91}.machinePlaceholder span{font-size:50px}.machinePlaceholder p{font-size:14px}.videoLabel{font-weight:700;font-size:14px;color:#174a84!important;margin-bottom:8px}.machineVideo{width:100%;aspect-ratio:16/9;object-fit:contain;background:#061b3b;border-radius:10px;display:block;margin-bottom:18px}.contactInfo{margin:18px 0 22px}.contactInfo p{margin:7px 0}.contactInfo a{color:#0066cf;text-decoration:underline}.machineCard{display:flex;flex-direction:column}.machineCard>.link{margin-top:auto;padding-top:15px}

/* Fichas del catálogo y sección Nosotros */
.machinePhoto{background:#fff;object-fit:contain;border:1px solid #e6edf6}.aboutSection>p:not(.eyebrow),.aboutSection>h3{max-width:930px}.aboutSection>h3{font-size:clamp(20px,2.3vw,28px);line-height:1.4;color:#e8f3ff}.aboutSection>p{color:#e4edf9;font-size:16px}.aboutMotto{margin-top:25px;color:#fff!important}.aboutValues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:930px;margin-top:28px}.aboutValues>div{border:1px solid #2e5e9b;border-radius:14px;padding:20px;background:#123462;display:flex;flex-direction:column;gap:10px;text-align:center;font-size:22px}.aboutValues strong{font-size:16px}@media(max-width:600px){.aboutValues{grid-template-columns:1fr}}

/* Catálogo de repuestos: icono neutro hasta recibir fotografías reales */
.spareArt{height:105px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#eaf3ff,#d5e7fb);color:#1766b5;font-size:45px;margin-bottom:15px}.sectionDark .spareArt{background:#183e70;color:#cbe7ff}.sectionDark .card h3{overflow-wrap:anywhere}

/* Accesorios con carrito compartido */
.sectionAccessories{background:#f0f5fc}.sectionAccessories .spareArt{background:#e2ebf8}.sectionAccessories .cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}@media(max-width:600px){.sectionAccessories .cards{grid-template-columns:1fr}}