*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:#F5F2EB;color:#1A1A1A;overflow-x:hidden}
:root{--negro:#1A1A1A;--blanco:#F5F2EB;--rojo:#D42B2B;--amarillo:#F5C518;--azul:#1B4FD8;--gris:#C8C3B8}

/* NAV */
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 60px;background:var(--blanco);border-bottom:4px solid var(--negro)}
nav ul{list-style:none;display:flex;gap:32px}
nav ul li a{color:var(--negro);text-decoration:none;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
nav ul li a:hover{color:var(--rojo)}
nav ul li a.active{color:var(--rojo)}
.nav-cta{background:var(--rojo);color:#fff;padding:10px 24px;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:900;cursor:pointer;border:none;transition:.2s}
.nav-cta:hover{background:#B01E1E}
.logo-wrap{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.logo-geo{position:relative;width:52px;height:52px;flex-shrink:0}
.lg-red{position:absolute;bottom:0;left:0;width:38px;height:38px;background:var(--rojo)}
.lg-black{position:absolute;top:0;left:6px;width:22px;height:22px;background:var(--negro)}
.lg-yellow{position:absolute;top:6px;left:20px;width:22px;height:22px;background:var(--amarillo)}
.logo-text{display:flex;flex-direction:column;margin-left:10px}
.logo-main{background:var(--azul);color:#fff;font-size:17px;font-weight:900;letter-spacing:3px;text-transform:uppercase;padding:4px 12px;line-height:1.3}
.logo-sub{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#555;font-weight:600;padding:3px 12px;text-align:center}

/* FOOTER */
footer{background:var(--negro);padding:48px 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;border-top:4px solid var(--amarillo)}
footer p{font-size:13px;color:#666;line-height:1.7}
footer h5{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--amarillo);font-weight:900;margin-bottom:20px}
footer ul{list-style:none}
footer ul li{margin-bottom:12px}
footer ul li a{color:#999;text-decoration:none;font-size:13px;transition:.2s}
footer ul li a:hover{color:var(--blanco)}
.footer-bottom{background:var(--negro);padding:24px 60px;border-top:1px solid #333;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom p{font-size:12px;color:#555;letter-spacing:1px}

/* PAGE HEADER */
.page-header{background:var(--negro);padding:64px 60px;display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:4px solid var(--amarillo)}
.page-header-tag{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--amarillo);font-weight:900;margin-bottom:16px}
.page-header h1{font-size:72px;font-weight:900;text-transform:uppercase;letter-spacing:-3px;color:var(--blanco);line-height:1}
.page-header h1 span{color:var(--rojo)}
.page-header-right{padding-left:60px;border-left:4px solid #333;display:flex;align-items:center}
.page-header-right p{font-size:17px;color:#999;line-height:1.7}

/* SECTION TAGS & SHARED */
.section-tag{font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:900;margin-bottom:40px}
.btn-white{background:var(--blanco);color:var(--rojo);padding:20px 56px;font-size:14px;letter-spacing:3px;text-transform:uppercase;font-weight:900;border:3px solid var(--blanco);cursor:pointer;position:relative;z-index:1;transition:.2s}
.btn-white:hover{background:transparent;color:var(--blanco)}
.final-cta{background:var(--rojo);padding:100px 60px;text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;border:4px solid rgba(255,255,255,.1);top:-200px;right:-100px}
.final-cta::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.1);bottom:-100px;left:-100px}
.final-cta h2{font-size:56px;font-weight:900;text-transform:uppercase;letter-spacing:-2px;color:var(--blanco);line-height:1;margin-bottom:16px;position:relative;z-index:1}
.final-cta p{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:48px;position:relative;z-index:1;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7}

/* TABLET */
@media(max-width:768px){
  nav{padding:16px 24px}
  nav ul{display:none}
  .nav-cta{font-size:11px;padding:8px 16px}
  .page-header{grid-template-columns:1fr;padding:48px 24px;gap:32px}
  .page-header h1{font-size:52px}
  .page-header-right{padding-left:0;border-left:none;border-top:4px solid #333;padding-top:32px}
  footer{padding:48px 24px;grid-template-columns:1fr 1fr;gap:32px}
  .footer-bottom{padding:24px}
  .final-cta{padding:64px 24px}
  .final-cta h2{font-size:40px}
}

/* MÓVIL */
@media(max-width:480px){
  nav{padding:12px 16px}
  .logo-main{font-size:14px;letter-spacing:2px}
  .logo-sub{display:none}
  .page-header{padding:40px 16px}
  .page-header h1{font-size:40px}
  footer{grid-template-columns:1fr;padding:40px 16px}
  .footer-bottom{padding:16px;flex-direction:column;align-items:flex-start}
  .final-cta{padding:48px 16px}
  .final-cta h2{font-size:32px}
  .btn-white{padding:16px 32px;font-size:12px}
}