/* ═══════════════════════════════════════════════════════════
   BoaCall · Design System v2
   Fonte única de tokens e componentes. Carregado pelo tema (depois do
   style.css) e pelas ferramentas fora do WordPress:
   <link rel="stylesheet" href="/wp-content/themes/boacall-theme/ds.css">
   ═══════════════════════════════════════════════════════════ */

/* ── fontes do próprio domínio ──────────────────────────────────────────
   Mesmos arquivos para o tema e para as ferramentas estáticas (cache compartilhado).
   Só o subset latin, que cobre o pt-BR. Archivo na largura 125 (eixo de peso 500 a 900),
   Saira variável (400 a 700), Chakra Petch em 4 pesos estáticos.
   URLs relativas a este arquivo: wp-content/themes/boacall-theme/fonts/. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:500 900;font-stretch:125%;font-display:swap;
  src:url(fonts/archivo-125-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Saira";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;
  src:url(fonts/saira-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/chakra-petch-400-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/chakra-petch-500-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/chakra-petch-600-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/chakra-petch-700-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Fontes de reserva métricas: Arial (ou equivalente) esticado para ter a mesma largura
   e a mesma altura de linha da fonte web, para a troca de fonte não mexer no layout.
   Valores calculados a partir das métricas reais dos woff2 (largura média ponderada pela
   frequência de letras do pt-BR contra Arial; ascent e descent da tabela hhea / size-adjust). */
@font-face{font-family:"Archivo Fallback";font-weight:500 900;
  src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold");
  size-adjust:129.8%;ascent-override:67.6%;descent-override:16.2%;line-gap-override:0%}
@font-face{font-family:"Saira Fallback";font-weight:400 500;
  src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");
  size-adjust:103.2%;ascent-override:110%;descent-override:42.5%;line-gap-override:0%}
@font-face{font-family:"Saira Fallback";font-weight:600 700;
  src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold");
  size-adjust:97.2%;ascent-override:116.7%;descent-override:45.2%;line-gap-override:0%}
@font-face{font-family:"Chakra Petch Fallback";font-weight:400 500;
  src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");
  size-adjust:94%;ascent-override:105.5%;descent-override:32.8%;line-gap-override:0%}
@font-face{font-family:"Chakra Petch Fallback";font-weight:600 700;
  src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold");
  size-adjust:95.3%;ascent-override:104%;descent-override:32.3%;line-gap-override:0%}

:root{
  /* superfícies e texto */
  --bg:#0D0D11;--panel:#15151B;--panel2:#1A1A22;--line:#26262F;--line2:#33333F;
  --text:#EDEDF2;--bright:#F6F6FA;--text2:#9A9AA8;--text3:#6A6A78;
  /* marca e jogos */
  --gold:#E8C15A;--gold-dim:#8A7333;--gold-ink:#151004;
  --cs2:#FF8A3D;--val:#FF4655;--lol:#3DD6C3;--hot:#56E08B;--warn:#F29A7A;
  /* profundidade: casca e núcleo da moldura dupla */
  --hair:rgba(255,255,255,.07);--hair2:rgba(255,255,255,.12);
  --shell:rgba(255,255,255,.028);--core:linear-gradient(180deg,#17171E,#121218);
  --lift:0 40px 80px -48px rgba(0,0,0,.85);
  --bezel:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px var(--hair),0 0 0 6px rgba(255,255,255,.028),0 0 0 7px var(--hair);
  --bezel-hover:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(232,193,90,.28),0 0 0 6px rgba(255,255,255,.03),0 0 0 7px rgba(232,193,90,.2),var(--lift);
  --r-shell:28px;--r-core:22px;
  /* o anel externo da moldura ocupa 7px fora da caixa: gaps entre cards com anel somam 2x isso */
  --ring:7px;
  /* movimento */
  --ease:cubic-bezier(.32,.72,0,1);--spring:cubic-bezier(.34,1.4,.64,1);
  --bc-ease:var(--ease);--bc-spring:var(--spring);
  /* tipografia */
  --disp:"Archivo","Archivo Fallback",system-ui,sans-serif;--body:"Saira","Saira Fallback",system-ui,sans-serif;--data:"Chakra Petch","Chakra Petch Fallback","Courier New",monospace;
  --bc-disp:var(--disp);--bc-body:var(--body);--bc-data:var(--data);
  --xhair-color:#43FF6B;
}
.tom-lol{--tom:var(--lol)} .tom-cs2{--tom:var(--cs2)} .tom-val{--tom:var(--val)} .tom-gold{--tom:var(--gold)}

/* ── entrada ao rolar: só com JS; sem JS tudo aparece ── */
.bc-js .reveal,.js .rv{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.bc-js .reveal.is-in,.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .bc-js .reveal,.js .rv{opacity:1;transform:none;transition:none}
}

/* ── topo da página (primeira dobra): entrada só com CSS, sem esperar o JS.
   O elemento já nasce visível; a animação só vale onde o navegador a executa. ── */
.rv-topo{animation:bc-topo .5s var(--ease) backwards}
/* Começa já visível (opacidade .35): o navegador só conta o LCP quando o elemento aparece,
   e um fade a partir de 0 atrasava o LCP do título em todo o tempo da animação. */
@keyframes bc-topo{from{opacity:.35;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .rv-topo{animation:none}
}

/* ── rótulos ── */
.bc-kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;
  background:color-mix(in srgb,var(--tom,var(--gold)) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tom,var(--gold)) 22%,transparent);
  font-family:var(--data);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--tom,var(--gold))}
.bc-kicker::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.bc-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;text-decoration:none;
  font-family:var(--data);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tom,var(--gold));background:color-mix(in srgb,var(--tom,var(--gold)) 9%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tom,var(--gold)) 32%,transparent);
  transition:background .5s var(--ease),transform .5s var(--ease)}
a.bc-pill:hover{background:color-mix(in srgb,var(--tom,var(--gold)) 18%,transparent);transform:translateY(-1px)}

/* ── botões ilha com orbe ── */
.bc-cta{display:inline-flex;align-items:center;gap:14px;padding:7px 7px 7px 22px;border:0;border-radius:99px;text-decoration:none;cursor:pointer;
  background:var(--gold);color:var(--gold-ink);font-family:var(--body);font-weight:700;font-size:14.5px;white-space:nowrap;
  box-shadow:0 18px 40px -18px rgba(232,193,90,.55),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.bc-cta:active{transform:scale(.98)}
.bc-orb{width:34px;height:34px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(21,16,4,.12);transition:transform .6s var(--spring)}
.bc-orb .bc-ico,.bc-orb svg{width:16px;height:16px}
a:hover .bc-orb,button:hover>.bc-orb{transform:translate(3px,-2px) scale(1.06)}
.bc-cta--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--hair2)}
.bc-cta--ghost .bc-orb{background:rgba(255,255,255,.06)}
.bc-cta--ghost:hover{box-shadow:inset 0 0 0 1px rgba(232,193,90,.45)}
.bc-cta--sm{font-size:13.5px;padding:5px 5px 5px 16px;gap:10px}
.bc-cta--sm .bc-orb{width:28px;height:28px}
.bc-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* ── moldura dupla (casca + núcleo) ── */
.bc-shell{padding:6px;border-radius:var(--r-shell);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair)}
.bc-core{border-radius:var(--r-core);background:var(--core);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

/* ── cabeçalho de seção ── */
.bc-sechead{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px 24px;margin-bottom:34px}
.bc-sechead h2{flex-basis:100%;order:2;font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:clamp(24px,2.8vw,34px);
  line-height:1.08;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.bc-sechead .bc-kicker{order:1}
.bc-sechead .bc-cta,.bc-sechead .all{order:3}
@media (min-width:768px){
  .bc-sechead{display:grid;grid-template-columns:1fr auto;align-items:end}
  .bc-sechead .bc-kicker{grid-column:1;justify-self:start}
  .bc-sechead h2{grid-column:1}
  .bc-sechead .bc-cta,.bc-sechead .all{grid-column:2;grid-row:1 / span 2}
}

/* ── filtros em pílula ── */
.bc-chipbar{display:flex;flex-wrap:wrap;gap:10px}
.bc-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:0;border-radius:99px;text-decoration:none;cursor:pointer;
  font:600 14px var(--body);color:var(--text2);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);
  transition:color .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease)}
.bc-chip:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--hair2)}
.bc-chip.is-on,.bc-chip[aria-pressed="true"]{color:var(--gold-ink);background:var(--tom,var(--gold));box-shadow:none}
.bc-chip__n{font-family:var(--data);font-size:11px;opacity:.7}

/* ── perguntas frequentes ── */
.bc-faq{display:grid;gap:10px}
.bc-faq details+details{margin-top:10px}
.bc-faq>details+details{margin-top:0}
.bc-faq details,.bc-faq details:last-of-type{border:0;border-radius:20px;background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);padding:4px}
.bc-faq summary{list-style:none;cursor:pointer;padding:18px 20px;border-radius:16px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:16px}
.bc-faq summary::-webkit-details-marker{display:none}
.bc-faq summary::after{content:'+';rotate:none;font-family:var(--data);font-size:18px;color:var(--gold);transition:transform .5s var(--ease)}
.bc-faq details[open] summary::after{rotate:none;transform:rotate(45deg)}
.bc-faq details p{max-width:none;font-size:15px;padding:0 20px 18px;color:var(--text2);line-height:1.65}

/* ═══ Navegação: ilha flutuante ═══ */
.bc-island{position:sticky;top:14px;z-index:40;margin:14px auto 0;width:max-content;max-width:calc(100% - 24px);
  display:flex;align-items:center;gap:6px;padding:7px 7px 7px 16px;border-radius:99px;
  background:rgba(18,18,24,.74);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 0 0 1px var(--hair2),0 20px 50px -30px rgba(0,0,0,.9)}
.bc-island__logo{display:flex}
.bc-island__logo img{height:30px;width:auto;display:block}
.bc-island__links{display:flex;gap:2px;margin-left:10px}
.bc-island__links a{padding:8px 13px;border-radius:99px;font-size:14px;font-weight:500;color:var(--text2);text-decoration:none;
  transition:color .5s var(--ease),background .5s var(--ease)}
.bc-island__links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.bc-island__links a[aria-current]{color:var(--gold);background:rgba(232,193,90,.08)}
.bc-island__search{position:relative;display:flex;align-items:center;margin-left:4px}
.bc-island__search svg{position:absolute;left:12px;width:15px;height:15px;color:var(--text3);pointer-events:none}
.bc-island__search input{width:190px;height:38px;border:0;border-radius:99px;padding:0 34px 0 34px;background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px var(--hair);color:var(--text);font:500 13.5px var(--body);outline:none;
  transition:width .6s var(--ease),box-shadow .5s var(--ease)}
.bc-island__search input::placeholder{color:var(--text3)}
.bc-island__search input:focus{width:240px;box-shadow:inset 0 0 0 1px rgba(232,193,90,.5)}
.bc-island__search kbd{position:absolute;right:10px;font-family:var(--data);font-size:10.5px;color:var(--text3);padding:0 5px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--hair2);pointer-events:none}
.bc-island .bc-cta{margin-left:6px}
.bc-island__burger{display:none;position:relative;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.06);cursor:pointer;margin-left:6px;flex:none}
.bc-island__burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .6s var(--ease)}
.bc-island__burger span:nth-child(1){top:16px}.bc-island__burger span:nth-child(2){top:23px}
.bc-island__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.bc-island__burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.bc-ov{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:90px 28px 40px;overflow:auto;
  background:rgba(13,13,17,.9);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.bc-ov.open{opacity:1;pointer-events:auto}
.bc-ov__grupo{font-family:var(--data);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);margin-top:18px}
.bc-ov a{font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:clamp(22px,6vw,30px);line-height:1.25;text-transform:uppercase;
  text-decoration:none;color:var(--text);opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.bc-ov a.bc-ov__tool{font-size:clamp(17px,4.6vw,21px);color:var(--text2)}
.bc-ov.open a{opacity:1;transform:none}
.bc-ov.open a:nth-child(2){transition-delay:.04s}.bc-ov.open a:nth-child(3){transition-delay:.08s}.bc-ov.open a:nth-child(4){transition-delay:.12s}
.bc-ov.open a:nth-child(5){transition-delay:.16s}.bc-ov.open a:nth-child(n+6){transition-delay:.2s}
.bc-ov__search{display:flex;align-items:center;gap:10px;height:52px;margin-bottom:10px;padding:0 18px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--hair2)}
.bc-ov__search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:500 16px var(--body);outline:none}
.bc-ov__search svg{width:18px;height:18px;color:var(--text3)}
body.bc-ov-aberto{overflow:hidden}
@media (max-width:1060px){.bc-island__search input{width:150px}.bc-island__search input:focus{width:180px}}
@media (max-width:980px){
  .bc-island__links,.bc-island__search,.bc-island .bc-cta{display:none}
  .bc-island__burger{display:block}
}

/* ═══ Rodapé ═══ */
.bc-foot{margin-top:120px;padding:56px 0 40px;border-top:1px solid var(--hair);
  background:radial-gradient(700px 260px at 10% 0,rgba(232,193,90,.05),transparent 70%)}
.bc-foot__wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.bc-foot__grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:34px}
.bc-foot__marca img{height:40px;width:auto;display:block}
.bc-foot__marca p{margin-top:16px;max-width:34ch;font-size:13.5px;line-height:1.6;color:var(--text2)}
.bc-foot h3,.bc-foot__h{font-family:var(--data);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text3);margin-bottom:14px}
.bc-foot nav{display:flex;flex-direction:column;gap:9px}
.bc-foot nav a{font-size:14px;color:var(--text2);text-decoration:none;transition:color .4s var(--ease)}
.bc-foot nav a:hover{color:var(--gold)}
.bc-foot__bar{margin-top:44px;padding-top:22px;border-top:1px solid var(--hair);display:grid;gap:10px;font-size:12px;line-height:1.6;color:var(--text3)}
.bc-foot__bar p{max-width:860px}
@media (max-width:900px){.bc-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-foot__marca{grid-column:1 / -1}}
@media (max-width:767px){
  :root{--ring:5px;--bezel:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px var(--hair),0 0 0 4px rgba(255,255,255,.028),0 0 0 5px var(--hair);
    --bezel-hover:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(232,193,90,.28),0 0 0 4px rgba(255,255,255,.03),0 0 0 5px rgba(232,193,90,.2),var(--lift)}
}
@media (max-width:767px){.bc-kicker{letter-spacing:.14em}}
@media (max-width:767px){.bc-foot{margin-top:88px}.bc-foot__wrap{padding:0 16px}}
@media (max-width:480px){.bc-foot__grid{grid-template-columns:minmax(0,1fr)}}

/* ═══ Painel de ferramentas (abre pelo botão dourado da ilha) ═══ */
.bc-island__tools{position:relative}
.bc-island__tools>.bc-cta .bc-orb svg{transition:transform .6s var(--ease)}
.bc-island__tools>.bc-cta[aria-expanded="true"] .bc-orb svg{transform:rotate(180deg)}
.bc-tp{position:absolute;right:-7px;top:calc(100% + 16px);width:min(620px,calc(100vw - 32px));padding:6px;border-radius:var(--r-shell);
  background:rgba(18,18,24,.92);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:inset 0 0 0 1px var(--hair2),0 40px 80px -30px rgba(0,0,0,.9);
  opacity:0;transform:translate3d(0,-8px,0) scale(.98);transform-origin:top right;pointer-events:none;
  transition:opacity .45s var(--ease),transform .6s var(--ease)}
.bc-tp.open{opacity:1;transform:none;pointer-events:auto}
.bc-tp__core{border-radius:var(--r-core);background:var(--core);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:10px}
.bc-tp__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.bc-tp__item{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;padding:14px;border-radius:16px;text-decoration:none;color:var(--text);
  transition:background .45s var(--ease)}
.bc-tp__item:hover,.bc-tp__item:focus-visible{background:rgba(255,255,255,.045)}
.bc-tp__ico{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  color:var(--tom,var(--gold));background:color-mix(in srgb,var(--tom,var(--gold)) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tom,var(--gold)) 26%,transparent)}
.bc-tp__ico svg{width:20px;height:20px}
.bc-tp__nome{font-weight:700;font-size:14.5px;line-height:1.25}
.bc-tp__desc{font-size:12.5px;line-height:1.45;color:var(--text2)}
.bc-tp__pe{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 14px 4px;border-top:1px solid var(--hair)}
.bc-tp__pe span{font-family:var(--data);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text3)}
.bc-tp__pe a{font-size:13.5px;font-weight:600;color:var(--gold);text-decoration:none}
.bc-tp__pe a:hover{text-decoration:underline;text-underline-offset:3px}

/* utilidades */
.bc-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bc-skip{position:absolute;left:-9999px;top:10px;z-index:60;padding:10px 16px;border-radius:99px;background:var(--gold);color:var(--gold-ink);font-weight:700}
.bc-skip:focus{left:16px}
:where(.bc-island,.bc-ov,.bc-tp,.bc-foot) a:focus-visible,:where(.bc-island,.bc-ov) button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:99px}