:root{--papel:#e8ebed;--placa:#cfd6da;--casco:#12303f;--casco2:#0c2230;--tinta:#10242e;--oxido:#c24e1d;--oxido2:#e07a47;--mut:#5b7180;--w:1120px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font:17px/1.65 Barlow,system-ui,sans-serif;background:var(--papel);color:var(--tinta)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--oxido);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.wrap{max-width:var(--w);margin:auto;padding:0 22px}
h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;line-height:1.05;letter-spacing:.01em}
h1{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:800;max-width:15ch}
h2{font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700;margin-bottom:22px;max-width:20ch}
h3{font-size:1.45rem;font-weight:700;margin-bottom:6px}
p+p{margin-top:14px}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;background:var(--casco);color:#fff;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.45rem "Barlow Condensed",sans-serif}
.top nav{display:flex;gap:22px;align-items:center}
.top nav a{text-decoration:none;font-weight:500}
.top nav a:hover{color:var(--oxido2)}
.cta{background:var(--oxido);padding:8px 16px;border-radius:3px}
.menu-btn{display:none;background:none;border:2px solid #fff;color:#fff;padding:6px 14px;font:inherit;border-radius:3px}
.hero{position:relative;overflow:hidden;background:var(--casco);color:#fff;padding:92px 0 150px;background-image:radial-gradient(circle,#ffffff14 2px,transparent 2.5px);background-size:34px 34px}
.hero .wrap{position:relative;z-index:2}
.sello{display:inline-block;border:2px solid var(--oxido2);color:var(--oxido2);padding:3px 12px;font-weight:600;margin-bottom:22px}
.lead{font-size:1.25rem;max-width:46ch;margin:22px 0 30px;color:#d5e0e6}
.casco{position:absolute;right:0;bottom:0;width:min(900px,95%);color:#ffffff40;z-index:1}
.btn{display:inline-block;background:var(--oxido);color:#fff;padding:12px 22px;border-radius:3px;text-decoration:none;font-weight:600;border:2px solid var(--oxido);cursor:pointer;font-family:inherit;font-size:1rem}
.btn:hover{background:#a63f14;border-color:#a63f14}
.btn.ghost{background:transparent;border-color:currentColor}
.btn.ghost:hover{background:#ffffff1f;border-color:currentColor}
.acciones{display:flex;gap:12px;flex-wrap:wrap}
.sec{padding:84px 0}
.oscura{background:var(--casco2);color:#fff}
.placa{background:var(--placa)}
.dos{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.datos,.lista{list-style:none;padding:0}
.datos li{padding:16px 16px 16px 20px;border-left:5px solid var(--oxido);background:#fff;margin-bottom:10px}
.datos strong{display:block;font:700 1.35rem "Barlow Condensed",sans-serif}
.lista li{padding:13px 0;border-bottom:2px solid var(--placa);font-weight:500}
.grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2px;background:#ffffff26;border:2px solid #ffffff26}
.grilla article{background:var(--casco2);padding:28px}
.grilla p{color:#b9cad4}
.contactos{background:var(--placa);border-color:var(--placa)}
.contactos article{background:#fff}
.contactos p{color:var(--mut);margin-bottom:14px}
.contactos .btn{margin:0 6px 8px 0}
.contactos .btn.ghost{color:var(--tinta)}
.ancho{max-width:68ch}
.caso{margin-top:34px;background:#fff;border-left:6px solid var(--oxido);padding:24px 28px;max-width:70ch}
.marco{position:relative;background:#000;aspect-ratio:3/2;max-height:78vh;margin:auto}
.marco img{width:100%;height:100%;object-fit:contain}
.nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:72px;border:0;background:#0c2230cc;color:#fff;font-size:2.6rem;cursor:pointer;line-height:1}
.nav:hover{background:var(--oxido)}
.prev{left:0}.next{right:0}
figcaption{background:var(--papel);color:var(--tinta);padding:16px 22px;min-height:96px;border-bottom:5px solid var(--oxido)}
figcaption strong{display:block;font:700 1.5rem "Barlow Condensed",sans-serif}
.cont{float:right;color:var(--mut);font-weight:600}
.barra{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}
.barra button{background:none;border:2px solid #fff;color:#fff;padding:6px 14px;font:inherit;cursor:pointer}
.tiras{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}
.tiras button{flex:0 0 120px;height:80px;padding:0;border:3px solid transparent;background:#000;cursor:pointer;scroll-snap-align:start;opacity:.6}
.tiras button img{width:100%;height:100%;object-fit:cover}
.tiras button[aria-current=true]{border-color:var(--oxido2);opacity:1}
.tiras.abierta{flex-wrap:wrap;overflow:visible}
.tiras.abierta button{flex:1 1 120px;max-width:170px;height:110px}
footer{background:var(--casco);color:#c9d6dd;padding:30px 0;font-size:.95rem}
footer .wrap{display:flex;gap:14px 30px;flex-wrap:wrap;justify-content:space-between}
@media(max-width:1000px){
 .dos{grid-template-columns:1fr;gap:30px}
 .menu-btn{display:block}
 .top nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0}
 .top nav.abierto{display:flex}
 .hero{padding:60px 0 130px}.sec{padding:60px 0}
 .nav{width:42px;height:56px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* v2: toque profesional */
.info{background:var(--casco2);color:#b9cad4;font-size:.9rem;padding:6px 0}
.info .wrap{display:flex;gap:6px 26px;flex-wrap:wrap;justify-content:center;text-align:center}
.info a{text-decoration:none}.info a:hover{color:#fff}
.marca span{font-size:1.2rem;line-height:1}
.hero{background-image:radial-gradient(circle,#ffffff14 2px,transparent 2.5px),linear-gradient(#12303fd9,#12303fd9),url(../img/hero.jpg);background-size:34px 34px,cover,cover;background-position:0 0,center,center}
.franja{background:var(--oxido);color:#fff}
.franja .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.franja div{padding:20px 22px;border-left:2px solid #ffffff55}
.franja div:first-child{border-left:0;padding-left:0}
.franja strong{display:block;font:700 1.5rem/1.1 "Barlow Condensed",sans-serif}
.pasos{list-style:none;padding:0;counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border-top:4px solid var(--casco)}
.pasos li{counter-increment:p;padding:22px 18px 10px 0;position:relative}
.pasos li::before{content:counter(p);position:absolute;top:-17px;left:0;width:30px;height:30px;background:var(--casco);color:#fff;font:700 1rem/30px "Barlow Condensed",sans-serif;text-align:center}
.pasos li:first-child{padding-top:26px}.pasos li{padding-top:26px}
.wsp{position:fixed;right:18px;bottom:18px;z-index:60;background:#1f9d55;color:#fff;padding:12px 20px;border-radius:40px;text-decoration:none;font-weight:600;box-shadow:0 4px 14px #0005}
.wsp:hover{background:#17803f}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
footer span,footer strong{display:block}footer strong{color:#fff;font:700 1.3rem "Barlow Condensed",sans-serif}
@media(max-width:700px){.franja .wrap{grid-template-columns:1fr}.franja div{border-left:0;border-top:2px solid #ffffff55;padding-left:0}.franja div:first-child{border-top:0}.info .wrap{justify-content:center}}