/* ════════════════════════════════════════════════════════════
   NexxusCars — sistema de diseño compartido (páginas internas)
   Identidad: negro / blanco / rojo. Mismo lenguaje que el home.
   ════════════════════════════════════════════════════════════ */
:root{
  --rojo:#C41B1B;--rojo-claro:#E02B2B;--negro:#0D0D0D;--carbon:#161616;
  --blanco:#FFFFFF;--gris-bg:#F6F6F7;--gris-txt:#555;--verde:#25D366;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter','Archivo',Arial,sans-serif;background:#fff;color:#111;}
.wrap{max-width:480px;margin:0 auto;}
h1,h2,h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.4px;}
.rojo{color:var(--rojo);}
a{text-decoration:none;color:inherit;}
.icn{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* ═══ NAV ═══ */
.nav{background:#1A1A1A;display:flex;align-items:center;gap:9px;padding:14px 16px;position:sticky;top:0;z-index:40;}
.nav img{width:34px;height:auto;}
.nav b{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:1.5px;color:#fff;}
.nav b span{color:var(--rojo);}
.burger{display:flex;flex-direction:column;gap:4px;margin-left:14px;cursor:pointer;}
.burger s{display:block;width:20px;height:2px;background:#fff;}

/* ═══ Selector de idioma profesional ═══ */
.langsel{margin-left:auto;position:relative;}
.langsel-btn{display:flex;align-items:center;gap:7px;background:#1C1C1C;border:1px solid #3A3A3A;border-radius:9px;color:#fff;font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:1px;padding:8px 12px;cursor:pointer;line-height:1;}
.langsel-btn:hover{border-color:var(--rojo);}
.langsel-btn .caret{width:11px;height:11px;transition:transform .2s;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.langsel.open .langsel-btn .caret{transform:rotate(180deg);}
.langsel.open .langsel-btn{border-color:var(--rojo);}
.langsel-menu{display:none;position:absolute;right:0;top:calc(100% + 7px);min-width:172px;background:#161616;border:1px solid #333;border-radius:11px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.55);z-index:60;list-style:none;}
.langsel.open .langsel-menu{display:block;}
.langsel-menu li{display:flex;align-items:center;gap:9px;padding:12px 15px;font-family:'Archivo',sans-serif;font-size:.84rem;color:#EDEDED;cursor:pointer;border-bottom:1px solid #242424;}
.langsel-menu li:last-child{border-bottom:none;}
.langsel-menu li b{font-family:'Oswald',sans-serif;color:#fff;letter-spacing:.5px;min-width:24px;}
.langsel-menu li:hover{background:#222;}
.langsel-menu li.on{background:rgba(196,27,27,.16);}
.langsel-menu li.on b{color:var(--rojo);}
.langsel-menu li .tick{margin-left:auto;color:var(--rojo);font-weight:700;opacity:0;}
.langsel-menu li.on .tick{opacity:1;}

/* menú hamburguesa */
.menu-panel{display:none;background:#111;border-top:1px solid #2A2A2A;flex-direction:column;position:sticky;top:0;z-index:39;}
.menu-panel.open{display:flex;}
.menu-panel a{color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:.82rem;padding:15px 20px;border-bottom:1px solid #222;cursor:pointer;}
.menu-panel a:active{background:#1c1c1c;color:var(--rojo);}
.menu-lang{padding:14px 20px 16px;border-bottom:1px solid #222;}
.menu-lang .ml-title{font-family:'Oswald',sans-serif;font-size:.6rem;letter-spacing:1.5px;color:#7c7c7c;text-transform:uppercase;margin-bottom:9px;}
.menu-lang .ml-opts{display:flex;flex-direction:column;gap:7px;}
.menu-lang .ml-opt{display:flex;align-items:center;gap:9px;background:#1a1a1a;border:1px solid #2c2c2c;border-radius:9px;padding:11px 13px;font-family:'Archivo',sans-serif;font-size:.85rem;color:#eee;cursor:pointer;}
.menu-lang .ml-opt b{font-family:'Oswald',sans-serif;min-width:26px;letter-spacing:.5px;}
.menu-lang .ml-opt.on{border-color:var(--rojo);background:rgba(196,27,27,.14);}
.menu-lang .ml-opt.on b{color:var(--rojo);}

/* ═══ HERO de página interna ═══ */
.page-hero{position:relative;background:radial-gradient(ellipse at 75% 15%,rgba(196,27,27,.25),transparent 55%),linear-gradient(170deg,#1A0505,#0D0D0D 70%);padding:40px 20px 34px;overflow:hidden;color:#fff;}
.page-hero .wm{position:absolute;right:-40px;top:16px;width:220px;opacity:.14;}
.page-hero .pill{display:inline-block;border:1px solid var(--rojo);color:var(--rojo);font-size:.58rem;letter-spacing:2.5px;padding:7px 14px;font-family:'Oswald',sans-serif;margin-bottom:16px;background:rgba(196,27,27,.08);}
.page-hero h1{font-family:'Anton',Impact,sans-serif;font-size:2.2rem;line-height:1.05;letter-spacing:.5px;}
.page-hero h1 .g{color:var(--rojo);text-shadow:0 0 24px rgba(196,27,27,.55);}
.page-hero p{color:#B9B9B9;font-size:.9rem;margin-top:14px;line-height:1.6;max-width:340px;}

/* ═══ secciones ═══ */
.sec{padding:34px 20px;}
.sec h2{font-size:1.25rem;color:#111;}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.eyebrow{font-family:'Oswald',sans-serif;font-size:.64rem;color:var(--rojo);letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:7px;}
.sub{color:var(--gris-txt);font-size:.82rem;margin-bottom:18px;line-height:1.5;}
.dark{background:linear-gradient(160deg,#150404,#0D0D0D 60%);color:#fff;padding:38px 20px;position:relative;overflow:hidden;}
.dark h2{color:#fff;}.dark .sub{color:#9A9A9A;}
.dark .wm2{position:absolute;left:-60px;bottom:-30px;width:220px;opacity:.08;}
.prose p{font-size:.86rem;color:#333;line-height:1.65;margin-bottom:12px;}
.dark .prose p{color:#C9C9C9;}
.prose h3{font-family:'Oswald',sans-serif;font-size:1rem;color:#111;text-transform:none;letter-spacing:.2px;margin:20px 0 8px;}
.prose ul{margin:0 0 14px 18px;}
.prose li{font-size:.85rem;color:#333;line-height:1.6;margin-bottom:6px;}
.prose a{color:var(--rojo);text-decoration:underline;}
.legal-note{background:#FFF7E6;border:1px solid #E9C46A;border-left:3px solid #E9A62A;border-radius:10px;padding:12px 14px;font-size:.76rem;color:#7a5b00;line-height:1.5;margin-bottom:20px;}
.legal-date{font-size:.74rem;color:#999;margin-bottom:18px;}

/* botones */
.btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:15px;font-family:'Oswald',sans-serif;font-size:.9rem;letter-spacing:1.2px;text-transform:uppercase;width:100%;border:none;cursor:pointer;}
.btn svg{width:17px;height:17px;flex:none;}
.btn-rojo{background:linear-gradient(180deg,var(--rojo-claro),var(--rojo));color:#fff;box-shadow:0 6px 18px rgba(196,27,27,.4);}
.btn-linea{background:transparent;color:#fff;border:1.5px solid #444;margin-top:10px;}
.btn-verde{background:var(--verde);color:#fff;}
.btn-osc{background:#1c1c1c;color:#fff;border:1px solid #333;}

/* tarjetas / beneficios / pasos */
.cards{display:grid;grid-template-columns:1fr;gap:12px;}
.card-b{background:#fff;border:1px solid #ECECEE;border-radius:14px;padding:18px 16px;box-shadow:0 3px 12px rgba(0,0,0,.05);}
.card-b .ci{width:36px;height:36px;color:var(--rojo);margin-bottom:9px;}
.card-b h3{font-size:.92rem;color:#111;text-transform:none;letter-spacing:.2px;margin-bottom:5px;}
.card-b p{font-size:.76rem;color:var(--gris-txt);line-height:1.5;}
.benefits{list-style:none;display:flex;flex-direction:column;gap:11px;margin:4px 0 20px;}
.benefits li{display:flex;gap:11px;align-items:flex-start;font-size:.82rem;color:#333;line-height:1.45;}
.dark .benefits li{color:#D6D6D6;}
.benefits li .bk{flex:none;width:22px;height:22px;color:var(--rojo);margin-top:1px;}
.steps{display:flex;flex-direction:column;gap:12px;}
.step{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #ECECEE;border-radius:14px;padding:16px 15px;box-shadow:0 3px 12px rgba(0,0,0,.05);}
.step .num{flex:none;width:38px;height:38px;border-radius:11px;background:linear-gradient(180deg,var(--rojo-claro),var(--rojo));color:#fff;font-family:'Anton',sans-serif;font-size:1.1rem;display:flex;align-items:center;justify-content:center;}
.step .st-b h3{font-size:.95rem;color:#111;text-transform:none;margin-bottom:3px;}
.step .st-b p{font-size:.74rem;color:var(--gris-txt);line-height:1.45;}

/* formularios */
.form-card{background:#fff;border:1px solid #ECECEE;border-radius:16px;padding:20px 16px;box-shadow:0 5px 16px rgba(0,0,0,.07);}
.f-field{background:var(--gris-bg);border:1px solid #E8E8EA;border-radius:10px;padding:12px 13px;font-size:.85rem;color:#111;margin-bottom:10px;width:100%;font-family:'Archivo',sans-serif;outline:none;}
.f-field:focus{border-color:var(--rojo);}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.f-check{display:flex;gap:10px;align-items:flex-start;font-size:.74rem;color:#555;line-height:1.45;margin:4px 0 14px;}
.f-check input{margin-top:2px;flex:none;}
.f-ok{display:none;text-align:center;padding:26px 10px;}
.f-ok .big{font-size:2.4rem;}
.f-ok h3{font-size:1rem;margin:10px 0 6px;color:#111;text-transform:none;}
.f-ok p{font-size:.8rem;color:#666;line-height:1.55;}

/* métricas automáticas */
.real-band{display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.04);border:1px solid rgba(196,27,27,.45);border-radius:14px;padding:16px 10px;box-shadow:0 0 24px rgba(196,27,27,.15);}
.rb{text-align:center;}
.rb .n{font-family:'Anton',sans-serif;font-size:1.6rem;color:var(--rojo);}
.rb .l{font-family:'Oswald',sans-serif;font-size:.54rem;letter-spacing:1.2px;color:#CCC;text-transform:uppercase;margin-top:3px;}
.rb-sep{width:1px;height:34px;background:#333;}

/* ═══ FOOTER corporativo ═══ */
.footer{background:#1A1A1A;color:#fff;padding:34px 20px 100px;}
.footer .f-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.footer .f-top img{width:44px;}
.footer .f-brand{font-family:'Oswald',sans-serif;font-size:1.05rem;letter-spacing:1.5px;}
.footer .f-brand span{color:var(--rojo);}
.footer .f-tag{color:#8A8A8A;font-size:.72rem;line-height:1.6;margin-bottom:22px;}
.footer .f-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin-bottom:22px;}
.footer .f-col h4{font-family:'Oswald',sans-serif;font-size:.62rem;letter-spacing:1.5px;color:#fff;text-transform:uppercase;margin-bottom:11px;}
.footer .f-col a{display:block;color:#9C9C9C;font-size:.76rem;padding:5px 0;}
.footer .f-col a:hover{color:#fff;}
.footer .f-lang{margin-bottom:20px;}
.footer .f-legal{border-top:1px solid #222;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:14px;}
.footer .f-legal a{color:#9C9C9C;font-size:.72rem;}
.footer .f-legal a:hover{color:#fff;}
.footer .f-contact{color:#8A8A8A;font-size:.72rem;line-height:1.8;}
.footer .f-contact .fw{color:var(--verde);font-weight:600;}
.footer .f-contact a{color:#8A8A8A;}
.footer .f-copy{color:#6A6A6A;font-size:.68rem;margin-top:14px;line-height:1.6;}

/* WhatsApp flotante */
.fab{position:fixed;bottom:18px;right:16px;width:56px;height:56px;background:var(--verde);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4);z-index:50;}
.fab svg{width:32px;height:32px;fill:#fff;}