/* IA de Cerca · estilos de la landing */
@font-face{font-family:"Nunito";src:url(/fonts/nunito.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/fonts/nunito-italic.woff2) format("woff2");font-weight:700 900;font-style:italic;font-display:swap}

:root{
  --marino:#0B2D5B;
  --marino-2:#123B73;
  --azul:#2F7DF6;
  --azul-osc:#1A5FD0;
  --amarillo:#FFB703;
  --amarillo-2:#FFC93C;
  --gris:#E6EAF0;
  --fondo:#F6F8FB;
  --texto:#0B2D5B;
  --texto-2:#40557A;
  --blanco:#fff;
  --radio:22px;
  --sombra:0 18px 40px -18px rgba(11,45,91,.35);
  --ancho:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--texto);background:var(--blanco);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul-osc)}
h1,h2,h3{line-height:1.12;margin:0 0 .5em;font-weight:900;letter-spacing:-.01em}
h2{font-size:clamp(30px,4.4vw,48px)}
h3{font-size:22px;font-weight:800}
p{margin:0 0 1em}
.envoltura{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--amarillo);outline-offset:3px;border-radius:6px}

/* Subrayado amarillo de la marca */
.subraya{position:relative;white-space:nowrap;display:inline-block}
.subraya::after{content:"";position:absolute;left:2%;right:-2%;bottom:-.12em;height:.22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C 60 2, 140 1, 197 6' stroke='%23FFB703' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.antetitulo{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-osc);margin-bottom:18px}
.antetitulo::before{content:"";width:28px;height:4px;border-radius:4px;background:var(--amarillo)}
.seccion{padding:clamp(64px,9vw,112px) 0}
.seccion--gris{background:var(--fondo)}
.seccion__cabeza{max-width:720px;margin-bottom:44px}
.seccion__cabeza p{color:var(--texto-2);font-size:20px}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 26px;border-radius:999px;font:inherit;font-weight:900;font-size:18px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.boton:hover{transform:translateY(-2px)}
.boton--amarillo{background:var(--amarillo);color:var(--marino);box-shadow:0 10px 24px -10px rgba(255,183,3,.9)}
.boton--amarillo:hover{background:var(--amarillo-2)}
.boton--azul{background:var(--azul);color:#fff;box-shadow:0 10px 24px -10px rgba(47,125,246,.9)}
.boton--azul:hover{background:var(--azul-osc)}
.boton--borde{background:transparent;color:var(--marino);box-shadow:inset 0 0 0 2px var(--marino)}
.boton--borde-claro{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.boton svg{width:22px;height:22px;flex:none}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.cabecera.con-borde{border-bottom-color:var(--gris)}
.cabecera__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.cabecera__logo img{height:44px;width:auto}
.menu{display:flex;align-items:center;gap:6px}
.menu a{color:var(--marino);text-decoration:none;font-weight:800;font-size:16px;padding:10px 12px;border-radius:10px}
.menu a:hover{background:var(--fondo)}
.menu .boton{padding:10px 20px;min-height:44px;font-size:16px;margin-left:8px}
.menu .boton:hover{background:var(--amarillo-2)}
.hamburguesa{display:none;width:48px;height:48px;border:0;background:transparent;border-radius:12px;cursor:pointer;color:var(--marino)}
.hamburguesa svg{width:28px;height:28px}
@media (max-width:900px){
  .hamburguesa{display:inline-flex;align-items:center;justify-content:center}
  .cabecera{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  .menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px 20px 24px;background:#fff;border-bottom:1px solid var(--gris);box-shadow:0 20px 30px -20px rgba(11,45,91,.35);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.18s ease}
  .menu.abierto{transform:none;opacity:1;pointer-events:auto}
  .menu a{font-size:19px;padding:14px 12px}
  .menu .boton{margin:10px 0 0}
  .cabecera__logo img{height:38px}
}

/* Portada */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--fondo) 100%);padding:clamp(40px,7vw,96px) 0 clamp(64px,8vw,110px)}
.hero__in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(44px,7.4vw,84px);margin-bottom:24px}
.hero__texto{font-size:clamp(19px,2.1vw,22px);color:var(--texto-2);max-width:34em;margin-bottom:34px}
.hero__botones{display:flex;flex-wrap:wrap;gap:14px}
.hero__nota{margin-top:22px;font-size:15px;color:var(--texto-2);display:flex;align-items:center;gap:10px}
.hero__nota span{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--gris);align-items:center;justify-content:center;font-size:14px}
.hero__visual{position:relative;aspect-ratio:1;max-width:460px;justify-self:center;width:100%}
.hero__circulo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--azul) 0%,var(--marino) 70%);box-shadow:0 40px 80px -30px rgba(11,45,91,.6)}
.hero__avatar{position:absolute;inset:20%;width:60%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.chip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:12px 16px;font-weight:800;font-size:15px;line-height:1.25;box-shadow:var(--sombra);max-width:220px;animation:flota 6s ease-in-out infinite}
.chip i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:18px}
.chip--1{top:4%;left:-4%}
.chip--1 i{background:#FFF3D1}
.chip--2{top:44%;right:-8%;animation-delay:-2s}
.chip--2 i{background:#E3EEFF}
.chip--3{bottom:2%;left:4%;animation-delay:-4s}
.chip--3 i{background:#E6F7EE}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.destellos{position:absolute;width:70px;top:2%;right:12%}
@media (max-width:900px){
  .hero__in{grid-template-columns:1fr}
  .hero__visual{max-width:320px;margin-top:8px}
  .hero{padding-top:28px}
  .antetitulo{font-size:12px;letter-spacing:.1em}
  .chip{font-size:13px;padding:9px 12px;max-width:180px}
  .chip i{width:28px;height:28px;font-size:15px}
  .chip--1{left:0}
  .chip--2{right:0}
}
@media (max-width:420px){.hero__botones .boton{width:100%}}

/* Qué es */
.quees{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.quees__texto p{font-size:20px;color:var(--texto-2)}
.quees__texto p strong{color:var(--marino)}
.pilares{display:grid;gap:16px}
.pilar{display:flex;gap:18px;align-items:flex-start;padding:22px;border-radius:var(--radio);background:var(--fondo)}
.pilar__icono{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--marino);color:var(--amarillo)}
.pilar__icono svg{width:26px;height:26px}
.pilar h3{margin:2px 0 4px;font-size:20px}
.pilar p{margin:0;color:var(--texto-2);font-size:17px}
@media (max-width:900px){.quees{grid-template-columns:1fr;gap:32px}}

/* Aprende */
.tarjetas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tarjeta{position:relative;background:#fff;border-radius:var(--radio);padding:28px 24px 30px;box-shadow:0 1px 0 var(--gris),0 14px 34px -24px rgba(11,45,91,.45);border:1px solid var(--gris);transition:transform .2s ease,box-shadow .2s ease}
.tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.tarjeta__icono{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:20px}
.tarjeta__icono svg{width:30px;height:30px}
.tarjeta p{margin:0;color:var(--texto-2);font-size:17px}
.tarjeta__pronto{display:inline-block;margin-top:16px;font-size:13px;font-weight:800;color:var(--texto-2);background:var(--fondo);padding:4px 10px;border-radius:999px}
.t1 .tarjeta__icono{background:#E3EEFF;color:var(--azul)}
.t2 .tarjeta__icono{background:#FFF3D1;color:#C98800}
.t3 .tarjeta__icono{background:#FDE7EE;color:#D2386C}
.t4 .tarjeta__icono{background:#E6F7EE;color:#1E9C5A}
@media (max-width:1000px){.tarjetas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tarjetas{grid-template-columns:1fr}}

/* Vídeos */
.videos{background:var(--marino);color:#fff;position:relative;overflow:hidden}
.videos::before{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(47,125,246,.45),transparent 65%)}
.videos .antetitulo{color:var(--amarillo)}
.videos .seccion__cabeza p{color:#C7D3E8}
.videos__cabeza{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;position:relative}
.redes{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.rejilla-videos{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.video{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(160deg,var(--azul) 0%,var(--marino-2) 60%,#071C3A 100%);box-shadow:0 20px 40px -20px rgba(0,0,0,.6);transition:transform .2s ease}
.video:hover{transform:translateY(-4px) scale(1.01)}
.video__portada{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(4,18,40,.85) 100%)}
.video__play{position:absolute;z-index:1;top:50%;left:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--marino);display:grid;place-items:center;transition:transform .2s}
.video:hover .video__play{transform:scale(1.08)}
.video__play svg{width:24px;height:24px;margin-left:3px}
.video__info{position:absolute;z-index:1;left:16px;right:16px;bottom:16px}
.video__cat{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:var(--amarillo);color:var(--marino);padding:3px 9px;border-radius:999px;margin-bottom:8px}
.video__titulo{display:block;font-weight:900;font-size:19px;line-height:1.2}
.video--marca{background:radial-gradient(circle at 30% 20%,var(--azul) 0%,var(--marino) 62%,#071C3A 100%)}
.video--marca .video__titulo{font-size:22px}
.video__red{position:absolute;z-index:1;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.35);display:grid;place-items:center}
.video__red svg{width:18px;height:18px}
.video__marca{position:absolute;top:14px;left:14px;width:48px;height:48px;z-index:1}
section[id]{scroll-margin-top:72px}
@media (max-width:1000px){.rejilla-videos{grid-template-columns:repeat(3,1fr)}.rejilla-videos .video:nth-child(n+4){display:none}}
@media (max-width:640px){.rejilla-videos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}.rejilla-videos::-webkit-scrollbar{display:none}.rejilla-videos .video{scroll-snap-align:start}.rejilla-videos .video:nth-child(n+4){display:block}}

/* Libros */
.libros{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.libro__portada{width:min(320px,70vw);border-radius:6px 14px 14px 6px;box-shadow:-10px 0 0 -4px #d9dee7,0 40px 60px -30px rgba(11,45,91,.65);transform:rotate(-2deg)}
.libro h3{font-size:clamp(30px,3.6vw,40px);margin-bottom:6px}
.libro__autor{font-weight:800;color:var(--texto-2);margin-bottom:20px}
.libro__texto{font-size:20px;color:var(--texto-2);max-width:34em}
.libro__botones{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.coleccion{margin-top:48px;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radio);border:2px dashed #C9D2E0;color:var(--texto-2);font-size:17px}
.coleccion strong{color:var(--marino)}
@media (max-width:800px){.libros{grid-template-columns:1fr;justify-items:center;text-align:center}.libro__texto{margin:0 auto}.libro__botones{justify-content:center}.coleccion{text-align:left}}

/* Newsletter */
.boletin{position:relative;background:linear-gradient(135deg,var(--azul) 0%,var(--marino) 75%);color:#fff;border-radius:32px;padding:clamp(32px,6vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;overflow:hidden;box-shadow:0 40px 80px -40px rgba(11,45,91,.8)}
.boletin::after{content:"";position:absolute;width:360px;height:360px;left:-120px;bottom:-200px;border-radius:50%;background:rgba(255,183,3,.18)}
.boletin .antetitulo{color:var(--amarillo)}
.boletin h2{font-size:clamp(30px,4vw,46px)}
.boletin__texto{color:#D5E2F7;font-size:19px}
.boletin__lista{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.boletin__lista li{display:flex;gap:12px;align-items:flex-start;font-weight:700}
.boletin__lista li::before{content:"";flex:none;width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--amarillo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2D5B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.form{position:relative;z-index:1;background:#fff;color:var(--marino);border-radius:24px;padding:clamp(24px,4vw,36px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.form h3{font-size:26px;margin-bottom:4px}
.form__sub{color:var(--texto-2);font-size:16px;margin-bottom:22px}
.campo{margin-bottom:16px}
.campo label{display:block;font-weight:800;font-size:15px;margin-bottom:6px}
.campo label span{font-weight:600;color:var(--texto-2)}
.campo input{width:100%;font:inherit;font-size:18px;padding:14px 16px;border-radius:14px;border:2px solid var(--gris);background:var(--fondo);color:var(--marino);transition:border-color .15s,background .15s}
.campo input:focus{outline:none;border-color:var(--azul);background:#fff}
.campo input[aria-invalid=true]{border-color:#D2386C}
.casilla{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--texto-2);margin:6px 0 20px;cursor:pointer}
.casilla input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--azul)}
.casilla a{color:var(--azul-osc);font-weight:700}
.form .boton{width:100%}
.form__aviso{font-size:13px;color:var(--texto-2);margin:14px 0 0;line-height:1.45}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mensaje{display:none;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;margin-bottom:16px}
.mensaje.error{display:block;background:#FDE7EE;color:#9B1D46}
.form__ok{display:none;text-align:center;padding:16px 0}
.form__ok .icono-ok{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#E6F7EE;color:#1E9C5A;display:grid;place-items:center}
.form__ok .icono-ok svg{width:38px;height:38px}
.form.enviado .form__campos{display:none}
.form.enviado .form__ok{display:block}
@media (max-width:900px){.boletin{grid-template-columns:1fr}}

/* Charlas */
.charlas{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,72px);align-items:center}
.charlas__texto p{font-size:20px;color:var(--texto-2)}
.temas{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 30px;padding:0;list-style:none}
.temas li{background:#fff;border:1px solid var(--gris);border-radius:999px;padding:8px 16px;font-weight:800;font-size:15px}
.para-quien{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.para-quien div{background:#fff;border-radius:18px;padding:20px;border:1px solid var(--gris)}
.para-quien strong{display:block;font-size:18px;margin-bottom:2px}
.para-quien span{color:var(--texto-2);font-size:15px}
.charlas__foto{position:relative;justify-self:center;max-width:360px}
.charlas__foto img{border-radius:28px;box-shadow:var(--sombra);aspect-ratio:3/4;object-fit:cover;width:100%}
.charlas__foto figcaption{position:absolute;left:-18px;bottom:24px;background:var(--amarillo);color:var(--marino);font-weight:900;padding:12px 18px;border-radius:14px;box-shadow:var(--sombra);font-size:16px;line-height:1.25}
.charlas__foto figcaption small{display:block;font-weight:700;font-size:13px}
@media (max-width:900px){.charlas{grid-template-columns:1fr}.charlas__foto{order:-1;max-width:280px}.charlas__foto figcaption{left:-10px}}
@media (max-width:480px){.para-quien{grid-template-columns:1fr}}

/* Contacto */
.contacto{text-align:center;max-width:760px;margin:0 auto}
.contacto p{font-size:20px;color:var(--texto-2)}
.contacto__botones{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.contacto__correo{margin-top:18px;font-weight:800}

/* Pie */
.pie{background:#071E3F;color:#C7D3E8;padding:64px 0 32px;font-size:16px}
.pie__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.pie__logo img{height:46px;width:auto;margin-bottom:14px}
.pie__lema{font-style:italic;font-weight:800;color:#fff;font-size:19px}
.pie h4{color:#fff;font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin:6px 0 14px}
.pie ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pie a{color:#C7D3E8;text-decoration:none}
.pie a:hover{color:#fff;text-decoration:underline}
.pie button.enlace{background:none;border:0;padding:0;font:inherit;color:#C7D3E8;cursor:pointer}
.pie button.enlace:hover{color:#fff;text-decoration:underline}
.pie__redes{display:flex;gap:10px;margin-top:18px}
.pie__redes a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.pie__redes a:hover{background:var(--azul)}
.pie__redes svg{width:20px;height:20px}
.pie__base{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px}
@media (max-width:800px){.pie__in{grid-template-columns:1fr 1fr}.pie__marca{grid-column:1/-1}}

/* Aparición suave */
.aparece{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.aparece.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.aparece{opacity:1;transform:none}}

/* Aviso de cookies */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;background:var(--marino);color:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 20px 50px -10px rgba(0,0,0,.45);font-size:15px;line-height:1.45}
.ck[hidden]{display:none}
.ck__in{display:flex;gap:14px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ck p{margin:0;flex:1 1 320px}
.ck a{color:#fff;font-weight:800}
.ck__btns{display:flex;gap:10px}
.ck__btn{font:inherit;font-weight:900;font-size:15px;padding:10px 18px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.12);color:#fff}
.ck__btn[data-ck=si]{background:var(--amarillo);color:var(--marino)}

/* Páginas legales y de estado */
.pagina{max-width:760px;margin:0 auto;padding:48px 20px 80px}
.pagina h1{font-size:clamp(34px,5vw,48px)}
.pagina h2{font-size:24px;margin-top:36px}
.pagina p,.pagina li{color:var(--texto-2)}
.pagina .fecha{font-size:15px}
.estado{min-height:70vh;display:grid;place-items:center;text-align:center;padding:48px 20px}
.estado__caja{max-width:560px}
.estado img{width:120px;margin:0 auto 24px}
.estado h1{font-size:clamp(34px,6vw,52px)}
.estado p{font-size:20px;color:var(--texto-2)}