@font-face{font-family:'Lilita One';src:url(/fuentes/lilita.woff2) format('woff2');font-display:swap}
@font-face{font-family:Nunito;font-weight:200 1000;src:url(/fuentes/nunito.woff2) format('woff2');font-display:swap}
:root{--azul:#0E1B33;--azul2:#18294A;--crema:#FFF6E5;--rojo:#D8392F;--oro:#F4B740;--oro2:#FFD27A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--azul);color:var(--crema);font:700 18px/1.45 Nunito,system-ui,sans-serif}
main,header,footer{max-width:1040px;margin:0 auto;padding:0 16px}
header{padding-top:48px;padding-bottom:16px}
h1,h2{font-family:'Lilita One',Nunito,sans-serif;font-weight:400;line-height:1.05;text-wrap:balance;margin:0}
h1{font-size:clamp(40px,8vw,68px);color:var(--oro2)}
h2{font-size:clamp(28px,5vw,40px);color:var(--oro2)}
header p{max-width:60ch;margin:12px 0 0}
section{padding:32px 0;border-top:1px solid rgba(255,246,229,.18)}
section>p{max-width:65ch;margin:10px 0 18px}
.btn{display:inline-block;padding:13px 22px;border-radius:12px;background:var(--rojo);color:#fff;font-weight:900;text-decoration:none}
.btn:hover{background:#B5231C}
a:focus-visible,summary:focus-visible{outline:3px solid var(--oro2);outline-offset:3px}
.idioma{color:var(--oro2);font-weight:800}
ul.gente{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 16px}
.gente img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gente h3{font:400 20px/1.1 'Lilita One',Nunito,sans-serif;margin:9px 0 3px}
.gente a{color:var(--oro2);font-weight:800}
details{margin-top:8px}
summary{cursor:pointer;font-family:'Lilita One',Nunito,sans-serif;font-size:26px;color:var(--oro2)}
footer{padding-top:24px;padding-bottom:40px;font-size:15px;color:#D9D3C4}
