/* Paleta y reset pequeño */
:root{
  --indigo:#312783;
  --orange:#f39200;
  --yellow:#ffde00;
  --red:#e6332a;
  --ink:#1b1b1b;
  --paper:#f6f0e6;
  --white:#fff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  line-height:1.5;
}

img{max-width:100%; height:auto; display:block}
a{color:inherit}
a:hover{opacity:.9}
ul{padding-left:1.2rem}
.list-unstyled{list-style:none; margin:0; padding:0}

.container{width:min(1200px,92%); margin-inline:auto}

/* Header */
.site-header{
  background:linear-gradient(90deg,var(--indigo), #201653);
  color:#fff;
  position:sticky; top:0; z-index:50;
}
.header__inner{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0}
.brand__logo{height:60px; width:auto}
.main-nav .nav__list{display:flex; gap:22px; align-items:center; margin:0; list-style-type: none;}
.main-nav a{text-decoration:none; font-weight:600; color:#fff}
.btn{display:inline-block; padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:700; border: none;}
.btn--accent{background:var(--orange); color:#222}
.btn--small{padding:8px 12px; font-size:14px}

.nav-toggle{display:none}
@media (max-width:900px){
  .nav-toggle{display:inline-block; background:transparent; color:#fff; border:0; font-size:22px}
  .main-nav .nav__list{position:absolute; right:16px; top:60px; background:#221a5a; border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:10px 12px; flex-direction:column; align-items:flex-start; display:none}
  .main-nav .nav__list.is-open{display:flex}
}

/* Footer */
.site-footer{color:#fff}
.footer__top{background:var(--indigo); padding:40px 0}
.footer__grid{
  display:grid; gap:28px;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
}
.footer__brand p{opacity:.9; margin-top:14px}
.footer__col h3{margin:0 0 12px; font-family:"Libre Baskerville",Georgia,serif}
.footer__col a{text-decoration:none; color:#fff}
.newsletter{display:flex; gap:10px; margin-bottom:12px}
.newsletter input{
  flex:1; border-radius:10px; border:1px solid rgba(255,255,255,.3);
  padding:10px 12px; background:rgba(255,255,255,.1); color:#fff
}
.newsletter input::placeholder{color:rgba(255,255,255,.8)}
.social{display:flex; gap:12px}
.social a{background:rgba(255,255,255,.15); padding:6px 8px; border-radius:8px; width: 35px; text-align: center;}

.footer__bottom{background:#1b163f; padding:12px 0}
.footer__bottom small{opacity:.85}

.h1,.h2, h3,.hero__title,.card__title,.evento-card__title, h1, h2, h4, h5{
  font-family:Baskerville,"Libre Baskerville",Georgia,serif;
  letter-spacing:.2px;
}
.h2{font-size:clamp(28px,2.4vw,36px); margin:0 0 16px}

@media (max-width:1024px){
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .footer__grid{grid-template-columns:1fr}
}