/* ft-hidden-guard v1 */
[hidden]{display:none!important;}
/* ============================================================
   Avorexis · catálogo civil PBA · mayo 2026
   Civic-modernist, drafted, bone-paper + saffron registry tab
   ============================================================ */

:root{
  /* required tokens, exact values */
  --space-xs: 6px;
  --space-sm: 14px;
  --space-md: 27px;
  --space-lg: 46px;
  --space-xl: 86px;
  --card-padding-y: 21px;
  --card-padding-x: 22px;
  --card-gap: 17px;
  --card-radius: 8px;
  --card-border-width: 2px;
  --card-min-height: 324px;
  --card-min-col-width: 301px;
  --btn-padding-y: 16px;
  --btn-padding-x: 18px;
  --btn-radius: 13px;
  --btn-gap-from-text: 25px;
  --grid-gap: 30px;
  --lh-heading: 1.26;
  --lh-body: 1.53;
  --ls-heading: -0.020em;

  /* palette, bone, ink, concrete, saffron */
  --bone: #f1ede2;
  --bone-2: #e7e1d2;
  --paper: #faf7ee;
  --ink: #1b1b1d;
  --ink-2: #2a2a2c;
  --concrete: #6b6a64;
  --hair: #c6c2b4;
  --hair-2: #d8d3c2;
  --saffron: #c96a16;
  --saffron-2: #d97e1f;
  --saffron-tint: #f6e6cf;
  --ok: #2f6b3a;

  --serif: "Iowan Old Style", "Cambria", "Georgia", "Times New Roman", ui-serif, serif;
  --sans: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
}

*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}

html{background:var(--bone)}
body{
  margin:0;
  font-family:var(--sans);
  font-size:16.5px;
  line-height:var(--lh-body);
  color:var(--ink);
  background:
    linear-gradient(var(--bone),var(--bone)) ,
    radial-gradient(1200px 600px at 80% -10%, rgba(217,126,31,0.06), transparent 60%);
  background-attachment:fixed;
}

/* paper grain */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10  0 0 0 0 0.10  0 0 0 0 0.10  0 0 0 0.045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  opacity:.55;mix-blend-mode:multiply;
}

main,header,footer,section{position:relative;z-index:1}

/* Typography */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--ink);margin:0 0 var(--space-sm)}
h1{font-size:clamp(2.2rem,4.8vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.25rem)}
h3{font-size:1.2rem}
h4{font-size:0.95rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--concrete);font-family:var(--sans);font-weight:700}
p{margin:0 0 var(--space-sm)}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--saffron)}

.wrap{max-width:1180px;margin:0 auto;padding:0 var(--space-md)}
.mono{font-family:var(--mono);font-size:0.85em}

/* Section heads with registry key */
.section-head{margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);border-top:1px solid var(--ink);padding-top:var(--space-sm)}
.section-key{font-family:var(--mono);font-size:0.78rem;color:var(--saffron);letter-spacing:0.08em}
.section-sub{color:var(--concrete);max-width:62ch}

/* CHIP / TAB */
.chip{
  display:inline-block;background:var(--saffron);color:#fff;
  font-family:var(--mono);font-size:0.74rem;letter-spacing:0.1em;
  padding:5px 10px;text-transform:uppercase;
}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:var(--btn-padding-y) calc(var(--btn-padding-x) + 8px);
  border-radius:var(--btn-radius);
  border:2px solid var(--ink);
  font-family:var(--sans);font-weight:600;font-size:0.98rem;
  text-decoration:none;cursor:pointer;letter-spacing:0.01em;
  transition:transform .25s ease, background .25s ease, color .25s ease;
}
.btn--solid{background:var(--ink);color:var(--paper)}
.btn--solid:hover{background:var(--saffron);border-color:var(--saffron);color:#fff;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn-link{font-family:var(--sans);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.btn-link:hover{color:var(--saffron)}

/* HEADER */
.site-header{border-bottom:1px solid var(--ink);background:var(--bone);position:sticky;top:0;z-index:50}
.site-header__row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0 var(--space-sm) 0;flex-wrap:wrap}
.brand{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.35rem;font-weight:700;letter-spacing:-0.01em}
.brand__mark{font-size:1.5rem;color:var(--saffron);position:relative;top:2px}
.brand__suffix{font-family:var(--mono);font-size:0.72rem;color:var(--concrete);letter-spacing:0.06em;margin-left:2px}
.brand--footer{color:var(--paper)}
.brand--footer .brand__mark{color:var(--saffron-2)}
nav[aria-label="Principal"]{flex:1}
.nav{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-md);margin:0;padding:0;justify-content:center}
.nav a{text-decoration:none;font-family:var(--sans);font-size:0.92rem;color:var(--ink-2);letter-spacing:0.01em;padding:6px 2px;border-bottom:1px solid transparent;transition:border-color .25s, color .25s}
.nav a:hover{color:var(--saffron);border-color:var(--saffron)}
.age-pill{display:inline-block;border:1.5px solid var(--ink);font-family:var(--mono);font-size:0.78rem;padding:4px 8px;letter-spacing:0.08em}
.age-pill--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* HERO */
.hero{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.hero__grid{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-xl);align-items:center}
.hero__plate{position:relative;background:var(--paper);border:1px solid var(--ink);padding:var(--space-md);min-height:480px}
.hero__tab{position:absolute;top:-1px;left:24px;background:var(--saffron);color:#fff;font-family:var(--mono);font-size:0.78rem;letter-spacing:0.1em;padding:8px 12px}
.hero__draft{margin-top:var(--space-lg)}
.hero__draft svg{width:100%;height:auto}
.hero__copy h1{margin-top:var(--space-sm)}
.hero__sub{display:grid;grid-template-columns:4px 1fr;gap:var(--space-md);margin:var(--space-md) 0 var(--space-lg)}
.hero__sub::before{content:"";display:block;background:var(--saffron);width:4px;height:100%;border-radius:1px}
.hero__sub-mono{font-family:var(--mono);font-size:0.92rem;line-height:1.7;color:var(--ink-2);margin:0}
.hero__cta{display:flex;gap:var(--btn-gap-from-text);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-lg)}
.hero__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);border-top:1px solid var(--ink);padding-top:var(--space-sm);margin:0}
.hero__meta div{display:flex;flex-direction:column;gap:2px}
.hero__meta dt{font-family:var(--mono);font-size:0.7rem;color:var(--concrete);letter-spacing:0.08em;text-transform:uppercase}
.hero__meta dd{margin:0;font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.hero--type-only{padding:var(--space-xl) 0;text-align:left}
.hero--type-only .lede{max-width:55ch;font-size:1.15rem;color:var(--ink-2);margin:var(--space-md) 0 var(--space-lg)}

@media (max-width:880px){
  .hero__grid{grid-template-columns:1fr;gap:var(--space-lg)}
  .hero__meta{grid-template-columns:repeat(2,1fr)}
}

/* ABOUT */
.about{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.about__grid{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--space-xl)}
.about .section-head{border-top:none;padding-top:0}
.about__body .lede{font-family:var(--serif);font-size:1.3rem;line-height:1.45;color:var(--ink);max-width:60ch}
.about__pledges{list-style:none;padding:0;margin:var(--space-md) 0 0;display:grid;gap:var(--space-sm);border-top:1px solid var(--hair);padding-top:var(--space-md)}
.about__pledges li{display:grid;grid-template-columns:32px 1fr;gap:var(--space-sm);font-family:var(--sans);color:var(--ink-2)}
.pledge__k{font-family:var(--mono);color:var(--saffron);font-size:0.85rem;padding-top:3px}
@media (max-width:880px){.about__grid{grid-template-columns:1fr}}

/* HOW-IT-WORKS */
.how-it-works{padding:var(--space-xl) 0;background:linear-gradient(180deg, var(--bone) 0%, var(--bone-2) 100%);border-bottom:1px solid var(--ink)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--card-min-col-width), 1fr));gap:var(--grid-gap)}
.step{display:grid;grid-template-columns:64px 1fr;gap:var(--space-sm);background:var(--paper);border:1px solid var(--ink);padding:var(--card-padding-y) var(--card-padding-x);position:relative}
.step::before{content:"";position:absolute;top:0;left:0;width:64px;height:6px;background:var(--saffron)}
.step > :nth-child(n+2){grid-column:2}
.step__num{grid-column:1;grid-row:1 / span 2;font-family:var(--mono);font-size:1.3rem;color:var(--saffron);font-weight:700;padding-top:8px}
.step__body h3{margin-top:4px}
.step__body p{margin:0;color:var(--ink-2)}

/* OPERATORS */
.operators{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.op-card{
  display:grid;
  grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:var(--card-gap);
  background:var(--paper);
  border:var(--card-border-width) solid var(--ink);
  border-radius:var(--card-radius);
  margin-bottom:var(--card-gap);
  min-height:var(--card-min-height);
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease;
}
.op-card:hover{transform:translateY(-2px);box-shadow:8px 8px 0 var(--ink)}
.op-card__head{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,180px);gap:var(--space-md);align-items:center;padding:var(--card-padding-y) var(--card-padding-x);border-bottom:1px solid var(--hair);background:var(--bone)}
.op-card__id{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}
.op-card__tab{background:var(--saffron);color:#fff;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.08em;padding:4px 8px}
.op-card__logo{padding:12px 18px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:160px;gap:var(--card-gap)}
.op-card__logo img{max-height:36px;width:auto}

/* Brand logo background tokens, declared once */
.logo-bg--bet365{background:#0b3a1a}
.logo-bg--betsson{background:#0f1a3a}
.logo-bg--betwarrior{background:#1a1a1a}

.op-card__title h3{font-size:1.6rem;margin:0 0 4px}
.op-card__legal{font-family:var(--mono);font-size:0.78rem;color:var(--concrete);margin:0 0 4px}
.op-card__lic{font-size:0.92rem;color:var(--ink-2);margin:0}
.op-card__score{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;border-left:1px solid var(--hair);padding-left:var(--space-md);gap:var(--card-gap)}
.op-card__score-num{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--saffron);font-weight:600}
.op-card__score-d{font-family:var(--mono);font-size:0.85rem;color:var(--concrete)}
.op-card__score-l{font-family:var(--mono);font-size:0.7rem;color:var(--concrete);text-transform:uppercase;letter-spacing:0.06em;margin-top:6px}
.op-card__body{grid-column:1 / -1;padding:var(--card-padding-y) var(--card-padding-x);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-lg)}
.op-card__pills{grid-column:1;list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-wrap:wrap;gap:8px}
.op-card__pills li{font-family:var(--mono);font-size:0.74rem;border:1px solid var(--ink);padding:4px 8px;color:var(--ink-2)}
.op-card__specs{grid-column:2;margin:0;display:grid;gap:var(--space-sm);border-left:1px dashed var(--hair);padding-left:var(--space-md)}
.op-card__specs div{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);align-items:start}
.op-card__specs dt{font-family:var(--mono);font-size:0.74rem;color:var(--concrete);text-transform:uppercase;letter-spacing:0.06em;padding-top:3px;min-width:125px}
.op-card__specs dd{margin:0;color:var(--ink-2);font-size:0.92rem}
.op-card__foot{grid-column:1 / -1;display:flex;gap:var(--btn-gap-from-text);align-items:center;flex-wrap:wrap;padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--hair);background:var(--bone)}
.caveat{margin-top:var(--space-md);font-family:var(--mono);font-size:0.82rem;color:var(--concrete);max-width:80ch}

/* Intermediate breakpoint for op-card__head: 2-col before full mobile collapse */
@media (max-width:1024px) and (min-width:881px){
  .op-card__head{grid-template-columns:minmax(0,1fr) minmax(0,180px)}
  .op-card__id{grid-column:1;grid-row:1}
  .op-card__title{grid-column:1;grid-row:2}
  .op-card__score{grid-column:2;grid-row:1 / span 2}
}

@media (max-width:880px){
  .op-card__head{grid-template-columns:1fr}
  .op-card__score{border-left:none;border-top:1px solid var(--hair);padding-left:0;padding-top:var(--space-sm);align-items:flex-start;flex-direction:row;gap:var(--space-sm);align-items:baseline}
  .op-card__body{grid-template-columns:1fr}
  .op-card__specs{border-left:none;border-top:1px dashed var(--hair);padding-left:0;padding-top:var(--space-md)}
}

/* METHODOLOGY */
.methodology{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-col-width),1fr));gap:var(--grid-gap)}
.pillar{display:grid;grid-template-columns:50px 1fr;gap:var(--space-sm);background:var(--paper);border:1px solid var(--ink);padding:var(--card-padding-y) var(--card-padding-x);position:relative;transition:transform .3s ease}
.pillar:hover{transform:translateY(-2px)}
.pillar > :nth-child(n+2){grid-column:2}
.pillar__k{grid-column:1;grid-row:1 / span 2;font-family:var(--serif);font-size:2rem;color:var(--saffron);line-height:1}
.pillar__body h3{margin-bottom:6px}
.pillar__body p{margin:0;color:var(--ink-2);font-size:0.95rem}

/* MARCO */
.marco{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink);background:var(--bone-2)}
.marco__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-xl)}
.marco .section-head{grid-column:1 / -1}
.marco__copy p{color:var(--ink-2)}
.reg-table{width:100%;border-collapse:collapse;font-family:var(--sans);background:var(--paper);border:1px solid var(--ink)}
.reg-table caption{font-family:var(--mono);font-size:0.78rem;letter-spacing:0.08em;color:var(--saffron);text-transform:uppercase;text-align:left;padding:var(--space-sm) var(--space-sm) var(--space-xs)}
.reg-table th,.reg-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--hair);font-size:0.9rem}
.reg-table th{background:var(--bone);font-family:var(--mono);font-size:0.76rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--concrete);font-weight:600}
.reg-table tr:first-child td{font-weight:600}
@media (max-width:880px){.marco__grid{grid-template-columns:1fr}}

/* KYC */
.kyc{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.kyc-list{list-style:none;padding:0;margin:0;counter-reset:k;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-col-width),1fr));gap:var(--grid-gap)}
.kyc-list li{display:grid;grid-template-columns:60px 1fr;gap:var(--space-sm);background:var(--paper);border-left:4px solid var(--saffron);border-top:1px solid var(--hair);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:var(--card-padding-y) var(--card-padding-x)}
.kyc-list li > :nth-child(n+2){grid-column:2}
.kyc-list__num{grid-column:1;grid-row:1 / span 2;font-family:var(--mono);font-size:1.4rem;color:var(--saffron);font-weight:700}
.kyc-list__body h3{margin-bottom:6px}
.kyc-list__body p{margin:0;color:var(--ink-2);font-size:0.95rem}

/* FAQ */
.faq{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.faq__grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--space-xl)}
.faq .section-head{border-top:none;padding-top:0}
.faq__list details{border-top:1px solid var(--ink);padding:var(--space-sm) 0}
.faq__list details:last-child{border-bottom:1px solid var(--ink)}
.faq__list summary{cursor:pointer;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0}
.faq__list summary::after{content:"+";font-family:var(--mono);color:var(--saffron);font-size:1.4rem;transition:transform .3s}
.faq__list details[open] summary::after{content:"—"}
.faq__list details > div{padding:var(--space-sm) 0 var(--space-xs);color:var(--ink-2)}
@media (max-width:880px){.faq__grid{grid-template-columns:1fr}}

/* COMMIT */
.commit{padding:var(--space-xl) 0;background:var(--saffron-tint);border-bottom:1px solid var(--ink)}
.commit__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:start}
.commit__tab{font-family:var(--mono);font-size:0.8rem;letter-spacing:0.08em;color:var(--saffron);text-transform:uppercase;border-top:2px solid var(--saffron);padding-top:var(--space-sm);margin-bottom:var(--space-sm)}
.commit__body p{color:var(--ink-2)}
.commit__line{font-family:var(--mono);font-size:0.92rem;border-top:1px solid var(--ink);padding-top:var(--space-sm);margin-top:var(--space-sm)}

/* FOOTER */
.site-footer{background:var(--ink);color:var(--paper);padding-top:var(--space-xl)}
.site-footer h4{color:var(--saffron-2);margin-bottom:var(--space-sm)}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr));gap:var(--space-lg);padding-bottom:var(--space-xl)}
.footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.footer__col a{color:var(--paper);text-decoration:none;border-bottom:1px solid transparent}
.footer__col a:hover{color:var(--saffron-2);border-color:var(--saffron-2)}
.footer__about p{color:#ccc7b8;font-size:0.92rem}
.footer__about address{font-style:normal;font-size:0.92rem;color:#ccc7b8;margin-bottom:var(--space-sm)}

.reg-plate{background:#0d0d0f;border:1px solid #2a2a2c;padding:18px;border-radius:6px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:center}
.reg-plate a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:6px;border-radius:4px;background:transparent;border:none;transition:background .25s}
.reg-plate a:hover{background:rgba(255,255,255,0.06);border:none}
.reg-plate img{max-height:48px;width:auto;background:transparent;padding:0;border:none;opacity:.95;filter:brightness(1.05)}

.footer__legal{border-top:1px solid #2a2a2c;padding:var(--space-md) 0;background:#0d0d0f;font-size:0.88rem}
.footer__legal p{margin:0 0 6px;color:#bdb7a8}
.footer__legal p:last-child{margin:0;color:#7c776a;font-family:var(--mono);font-size:0.8rem}

@media (max-width:880px){
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__about{grid-column:1 / -1}
}

/* AGE MODAL */
.age-modal{position:fixed;inset:0;background:rgba(27,27,29,0.85);z-index:100;align-items:center;justify-content:center;padding:var(--space-md)}
.age-modal:not([hidden]){display:flex}
.age-modal__card{background:var(--paper);border:2px solid var(--ink);max-width:520px;width:100%;padding:var(--space-lg);position:relative}
.age-modal__tab{position:absolute;top:-1px;left:24px;background:var(--saffron);color:#fff;font-family:var(--mono);font-size:0.74rem;letter-spacing:0.1em;padding:6px 10px}
.age-modal__card h2{margin-top:var(--space-md)}
.age-modal__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}
.age-modal__fine{margin-top:var(--space-md);font-family:var(--mono);font-size:0.78rem;color:var(--concrete);border-top:1px solid var(--hair);padding-top:var(--space-sm)}

/* COOKIE */
.cookie{position:fixed;left:var(--space-md);right:var(--space-md);bottom:var(--space-md);z-index:90;background:var(--ink);color:var(--paper);border:2px solid var(--saffron);max-width:760px;margin:0 auto;padding:var(--space-md)}
.cookie:not([hidden]){display:block}
.cookie__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center}
.cookie__inner p{margin:0;font-size:0.92rem}
.cookie__inner a{color:var(--saffron-2)}
.cookie__actions{display:flex;gap:var(--space-sm)}
.cookie .btn{padding:10px 16px;font-size:0.88rem}
.cookie .btn--solid{background:var(--saffron);border-color:var(--saffron);color:#fff}
.cookie .btn--ghost{color:var(--paper);border-color:var(--paper)}
.cookie .btn--ghost:hover{background:var(--paper);color:var(--ink)}
@media (max-width:600px){.cookie__inner{grid-template-columns:1fr}}

/* MENORES */
.menores{min-height:100vh;display:flex;align-items:center;padding:var(--space-xl) 0;background:var(--bone)}
.menores__card{max-width:720px;background:var(--paper);border:2px solid var(--ink);padding:var(--space-xl);position:relative}
.menores__card .chip{margin-bottom:var(--space-md)}
.menores__help{margin-top:var(--space-lg);border-top:1px solid var(--hair);padding-top:var(--space-md)}
.menores__help h2{font-size:1.2rem}
.menores__help ul{padding-left:1.2em}

/* BRAND PAGES */
.brand-page{padding:var(--space-xl) 0;border-bottom:1px solid var(--ink)}
.brand-hero{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,200px);gap:var(--space-lg);align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--ink);margin-bottom:var(--space-lg)}
.brand-hero__logo{padding:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.brand-hero__logo img{max-height:50px;width:auto}
.brand-hero__score{text-align:right;border-left:1px solid var(--hair);padding-left:var(--space-md)}
.brand-hero__score .n{font-family:var(--serif);font-size:3.2rem;color:var(--saffron);font-weight:600;line-height:1}
.brand-hero__score .d{font-family:var(--mono);font-size:0.85rem;color:var(--concrete)}
.brand-hero__score-l{font-family:var(--mono);font-size:0.7rem;color:var(--concrete);text-transform:uppercase;letter-spacing:0.06em;margin-top:6px;display:block}
.brand-cta{display:flex;gap:var(--btn-gap-from-text);flex-wrap:wrap;margin:var(--space-md) 0}
.brand-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-lg);align-items:start}
.brand-ficha{background:var(--paper);border:1px solid var(--ink);padding:var(--card-padding-y) var(--card-padding-x)}
.brand-ficha h3{font-family:var(--mono);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--saffron);margin-bottom:var(--space-sm);border-bottom:1px solid var(--hair);padding-bottom:6px}
.brand-ficha dl{display:grid;grid-template-columns:120px 1fr;gap:var(--space-xs) var(--space-sm);margin:0}
.brand-ficha dt{font-family:var(--mono);font-size:0.76rem;color:var(--concrete);text-transform:uppercase;letter-spacing:0.04em;padding-top:3px}
.brand-ficha dd{margin:0;font-size:0.95rem}
.brand-contras{margin-top:var(--space-lg);background:var(--bone-2);border-left:4px solid var(--saffron);padding:var(--card-padding-y) var(--card-padding-x)}
.brand-contras h3{font-family:var(--mono);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--space-sm)}
.brand-contras ul{padding-left:1.2em;margin:0}
.brand-back{margin-top:var(--space-lg)}
@media (max-width:880px){.brand-hero{grid-template-columns:1fr}.brand-hero__score{border-left:none;border-top:1px solid var(--hair);padding-left:0;padding-top:var(--space-sm);text-align:left}.brand-body{grid-template-columns:1fr}}

/* POLICY pages */
.policy{padding:var(--space-xl) 0}
.policy__layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:var(--space-lg);align-items:start}
.policy__toc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;border-left:2px solid var(--saffron);padding-left:var(--space-sm);font-family:var(--mono);font-size:0.82rem}
.policy__toc ol{padding-left:1.2em;margin:0;display:flex;flex-direction:column;gap:6px}
.policy__toc a{text-decoration:none;color:var(--ink-2)}
.policy__toc a:hover{color:var(--saffron)}
.policy h2{margin-top:var(--space-lg);border-top:1px solid var(--hair);padding-top:var(--space-md)}
.policy h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
@media (max-width:880px){.policy__layout{grid-template-columns:1fr}.policy__toc{position:static;max-height:none}}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s ease, transform .8s ease}
.reveal.is-in{opacity:1;transform:none}

/* hairline draw animation, chained to scroll reveal so it fires when section enters viewport */
@keyframes hairline { from { transform:scaleX(0) } to { transform:scaleX(1) } }
.section-head{position:relative}
.section-head::after{content:"";display:block;width:60px;height:2px;background:var(--saffron);margin-top:var(--space-sm);transform-origin:left center;transform:scaleX(0)}
section.is-in .section-head::after{animation:hairline .9s ease both}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}