/* layout.css — header, footer, hero, grid */
.site-header{
  background:var(--c-dark);
  color:var(--c-text-inverse);
}
.site-header .bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px var(--gutter);max-width:var(--maxw);margin:0 auto;gap:16px;flex-wrap:wrap;
}
.brand{
  font-family:var(--font-head);font-size:var(--fs-22);font-weight:600;
  color:#fff;text-decoration:none;
}
.brand .tag{
  display:block;font-family:var(--font-body);font-size:var(--fs-12);
  font-weight:400;color:var(--c-accent-soft);
}
.badge-indep{
  font-size:var(--fs-12);border:1px solid var(--c-accent-soft);
  border-radius:999px;padding:.25em .8em;color:var(--c-text-inverse);
}
nav.main-nav ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;
}
nav.main-nav a{
  color:var(--c-text-inverse);text-decoration:none;font-size:var(--fs-14);
  padding:6px 2px;border-bottom:2px solid transparent;
}
nav.main-nav a:hover,nav.main-nav a[aria-current="page"]{border-bottom-color:var(--c-accent-soft);}

.breadcrumbs{font-size:var(--fs-12);padding:12px var(--gutter);max-width:var(--maxw);margin:0 auto;color:#5B6472;}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0;}
.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:6px;color:#9AA2AD;}
.breadcrumbs a{color:#5B6472;}

.hero{
  background:var(--c-dark);color:var(--c-text-inverse);
  padding:48px 0 40px;
}
.hero .container{max-width:var(--maxw);}
.hero h1{color:#fff;max-width:20ch;}
.estatuto{
  background:var(--c-dark-surface);border-left:4px solid var(--c-accent);
  padding:16px 20px;border-radius:4px;margin-top:20px;font-size:var(--fs-16);
  max-width:70ch;
}
.estatuto p{margin:0;color:var(--c-text-inverse);}

main{display:block;padding:40px 0 64px;}
.prose{max-width:70ch;}
section+section{margin-top:40px;}

.grid-cards{
  display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  margin:24px 0;
}
.card{
  background:#fff;border:1px solid #DDE1E6;border-radius:6px;padding:20px;
}
@media (prefers-color-scheme: dark){
  .card{background:#1A2437;border-color:#33465F;}
}
.fact-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #DDE1E6;}
.fact-row .val{font-family:var(--font-head);font-size:var(--fs-28);color:var(--c-accent);min-width:2.4ch;}
.fact-row .icon{font-size:var(--fs-22);}
.fact-row .lbl{font-size:var(--fs-14);color:#5B6472;}

.responsible-gaming-banner{
  background:var(--c-dark-surface);color:var(--c-text-inverse);
  padding:14px var(--gutter);text-align:center;font-size:var(--fs-14);
}
.responsible-gaming-banner a{color:#9ED2EF;}

.site-footer{
  background:var(--c-dark);color:var(--c-text-inverse);padding:40px 0 24px;
  font-size:var(--fs-14);
}
.site-footer .container{max-width:var(--maxw);}
.site-footer h2{color:#fff;font-size:var(--fs-18);}
.footer-cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;}
.footer-cols ul{list-style:none;padding:0;margin:0;}
.footer-cols li{margin-bottom:6px;}
.footer-cols a{color:var(--c-text-inverse);text-decoration:none;}
.footer-cols a:hover{text-decoration:underline;}
.independence-note{
  border-top:1px solid #33465F;padding-top:20px;color:var(--c-accent-soft);
  font-size:var(--fs-12);max-width:80ch;
}
.copyright{margin-top:16px;font-size:var(--fs-12);color:var(--c-accent-soft);}

@media (max-width:900px){
  .site-header .bar{flex-direction:column;align-items:flex-start;}
}