@font-face{font-family:Bricolage;src:url(/fonts/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Outfit;src:url(/fonts/Outfit-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url(/fonts/Outfit-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--amarillo:#FED536;--violeta:#7800E4;--uva:#3A0070;--noche:#1E0A3C;--celeste:#56C7E8;--naranja:#F5833C;
--tinta:#24123F;--suave:#5B4A75;--linea:rgba(58,0,112,.14);--display:Bricolage,"Arial Black",system-ui,sans-serif;
--texto:Outfit,system-ui,sans-serif;--max:760px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--texto);color:var(--tinta);background:#fff;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--violeta)}
.max{max-width:var(--max);margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--uva);text-wrap:balance}
h1{font-size:clamp(36px,7vw,58px);margin:10px 0 18px}
h2{font-size:clamp(26px,4.6vw,36px);margin:44px 0 14px}
h3{font-size:22px;margin:22px 0 6px}
p,li{text-wrap:pretty}
p+p{margin-top:14px}
.barra{position:sticky;top:0;z-index:10;background:var(--amarillo)}
.barra .max{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:1120px}
.logo{font-family:var(--display);font-size:30px;color:var(--violeta);letter-spacing:-.04em;text-decoration:none;display:flex;align-items:flex-start;gap:2px}
.logo svg{width:16px;margin-top:-2px}
.barra nav{display:flex;gap:18px;font-weight:700;font-size:16px}
.barra nav a{text-decoration:none;color:var(--uva)}
.migas{font-size:15px;color:var(--suave);margin-top:28px}
.migas a{color:var(--suave)}
.bajada{font-size:21px;color:var(--suave)}
.foto{margin:28px 0;border-radius:24px;overflow:hidden}
.lista{list-style:none;margin-top:10px}
.lista li{padding:14px 0 14px 40px;border-bottom:1px solid var(--linea);position:relative}
.lista li::before{content:"";position:absolute;left:4px;top:19px;width:20px;height:20px;border-radius:6px;border:2.5px solid var(--violeta)}
.lista b{display:block;color:var(--uva)}
.grilla{display:grid;gap:18px;margin-top:18px}
.tarjeta{border:1px solid var(--linea);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;display:block}
.tarjeta div{padding:16px 18px 20px}
.tarjeta h2,.tarjeta h3{margin:0 0 6px;font-size:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:12px}
.chips li{background:#F3EDFB;color:var(--uva);font-weight:700;border-radius:999px;padding:6px 14px;font-size:16px}
.cta{background:var(--uva);color:#fff;border-radius:24px;padding:28px 24px;margin:48px 0 56px}
.cta h2{color:var(--amarillo);margin:0 0 8px}
.cta p{color:#E4DAF5}
.btn{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:var(--amarillo);color:var(--uva);font-weight:700;text-decoration:none;border-radius:16px;padding:16px 22px}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--celeste);outline-offset:2px}
footer{background:var(--noche);color:#C9BCE0;padding:30px 0 40px;font-size:15px}
footer .max{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;max-width:1120px}
footer a{color:#fff}
@media(min-width:700px){.grilla{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.barra nav{gap:12px;font-size:15px}}