/* Praticar e Escutar · Yoga.pro.br
   Cores, tamanhos e espaçamentos ficam aqui no topo, com nomes claros. */
:root{
  --fundo:#F6F1E4;          /* marfim */
  --cartao:#FBF8F2;         /* papel claro */
  --branco:#FFFFFF;
  --tinta:#17181C;
  --tinta-suave:#4E4A43;
  --tinta-fraca:#6B675E;
  --borda:#D9D2C3;
  --sindura:#BA2216;        /* vermelho da marca */
  --sindura-escuro:#8E3B26;
  --palavra-fundo:#ECDFD1;  /* श्रवणम् ao fundo: cor sólida, nunca transparente */
  --faixa-agora:#2A2723;
  --ouro:#E9C46A;
  --sombra:0 4px 14px rgba(31,27,22,.08);
  --raio:20px;
  --raio-p:14px;
  --margem:16px;
  --largura:720px;
  --mini-altura:76px;
  --fonte-titulo:Fraunces, Georgia, serif;
  --fonte-texto:'Gentium Book Plus', Georgia, serif;
  --fonte-deva:'Noto Serif Devanagari', serif;
  --cat:#8E3B26;            /* cor da categoria (muda por página) */
  --cat-texto:#8E3B26;
  --cat-vao:#F3E9E4;
  color-scheme:light;
}
/* Modo noturno: classe «breu» porque «.noite» já tem outro uso no site */
:root.breu{
  --fundo:#0E0F12; --cartao:#1B1C21; --branco:#202128; --tinta:#ECEAE2; --tinta-suave:#C9C5BA; --tinta-fraca:#A3A096;
  --borda:#34353C; --palavra-fundo:#1B1A17; --faixa-agora:#1B1C21; --sombra:0 4px 14px rgba(0,0,0,.35);
  --sindura:#E0604F; --sindura-escuro:#E07A6A;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte-texto);font-size:17px;line-height:1.6;
  padding-bottom:calc(var(--mini-altura) + 24px + env(safe-area-inset-bottom));min-height:100vh;overflow-x:hidden}
a{color:var(--sindura-escuro)}
button{font:inherit;color:inherit}
svg{display:block}
.gb{font-family:var(--fonte-texto)!important}
.deva{font-family:var(--fonte-deva)}
.pular{position:absolute;left:-9999px;top:0;background:var(--tinta);color:var(--fundo);padding:10px 16px;z-index:99;border-radius:0 0 10px 0}
.pular:focus{left:0}
:focus-visible{outline:3px solid var(--sindura);outline-offset:3px;border-radius:8px}
main{max-width:var(--largura);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) var(--margem) 24px;position:relative;outline:none}

/* ---------- topo ---------- */
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;position:relative;z-index:2}
.voltar{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:15px;min-height:44px}
.pilula{display:inline-flex;align-items:center;gap:8px;background:var(--branco);color:var(--tinta);border:1.5px solid var(--borda);border-radius:999px;
  padding:8px 16px;min-height:44px;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap}
.pilula svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.opcoes .pilula[aria-pressed="true"]{background:var(--cat);border-color:var(--cat);color:#fff}

/* ---------- página inicial ---------- */
.capa{position:relative;padding-top:8px}
.palavra-fundo{position:absolute;right:-34px;top:-6px;font-family:var(--fonte-deva);font-size:120px;line-height:1;color:var(--palavra-fundo);pointer-events:none;user-select:none;z-index:0}
.sobretitulo{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sindura-escuro);position:relative}
h1{font-family:var(--fonte-titulo);font-weight:500;font-size:clamp(34px,9vw,48px);line-height:1.05;margin:8px 0 12px;position:relative}
.intro{margin:0 0 22px;color:var(--tinta-suave);position:relative;max-width:36em}
.agora{display:flex;align-items:center;gap:12px;background:var(--faixa-agora);color:#F1F1EC;border-radius:var(--raio);padding:14px 14px 14px 18px;margin-bottom:22px;position:relative}
.agora .ponto{width:10px;height:10px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 5px rgba(233,196,106,.25);flex:none}
.agora .txt{flex:1;font-size:15px;line-height:1.35}
.agora strong{color:var(--ouro);font-weight:700}
.degrade{height:3px;border-radius:3px;background:linear-gradient(90deg,#B23A2A,#B8913A,#A5482F,#7A8A55,#2B2622,#C2652A,#3F8C84,#3E4C80);margin:4px 0 30px}
.portas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
@media (min-width:640px){.portas{grid-template-columns:repeat(4,minmax(0,1fr))}}
.porta{display:block;position:relative;text-decoration:none;color:var(--tinta);filter:drop-shadow(0 4px 10px rgba(31,27,22,.07));border-radius:16px}
.porta .arco{position:absolute;inset:0}
.porta .corpo{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 14px 22px;min-height:254px}
.porta .icone{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2px 0 8px}
.porta .icone svg,.icone-svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.porta h3{font-family:var(--fonte-titulo);font-weight:500;font-size:20px;line-height:1.1;margin:0 0 4px}
.porta .curta{font-size:13px;color:var(--tinta-fraca);line-height:1.3}
.porta .conta{margin-top:auto;font-size:12px;padding-top:8px}
.selo{background:var(--tinta);color:var(--fundo);font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:1px 8px;margin-bottom:4px}
h2.secao{font-family:var(--fonte-titulo);font-weight:500;font-size:26px;margin:40px 0 4px}
.secao-intro{margin:0 0 16px;color:var(--tinta-fraca);font-size:15px}
.sessoes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin:0 calc(-1 * var(--margem));padding-left:var(--margem);padding-right:var(--margem)}
.sessao{flex:0 0 250px;scroll-snap-align:start;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra)}
.sessao h3{font-family:var(--fonte-titulo);font-weight:500;font-size:21px;margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sessao h3 small{font-family:var(--fonte-texto);font-size:13px;color:var(--tinta-fraca);font-weight:400}
.sessao p{margin:6px 0 10px;font-size:14px;color:var(--tinta-fraca)}
.sessao ul{list-style:none;margin:0 0 14px;padding:0;font-size:14px}
.sessao li{display:flex;align-items:center;gap:8px}
.sessao li i{width:9px;height:9px;border-radius:50%;flex:none}
.botao-escuro{display:inline-flex;align-items:center;gap:10px;background:var(--tinta);color:var(--fundo);border:0;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer;font-size:15px}
.botao-escuro svg{width:14px;height:14px;fill:currentColor}
.rodape-txt{margin:32px 0 0;font-size:14px;color:var(--tinta-fraca);text-align:center}
.rodape-txt a{color:inherit}

/* ---------- página de categoria ---------- */
.abas{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:6px calc(-1 * var(--margem)) 8px;padding-left:var(--margem);padding-right:var(--margem);scrollbar-width:none}
.abas::-webkit-scrollbar{display:none}
.abas .pilula i{width:9px;height:9px;border-radius:50%;flex:none}
.abas .pilula[aria-current="page"]{background:var(--cat);border-color:var(--cat);color:#fff}
.abas .pilula[aria-current="page"] i{background:#fff!important}
.cab{display:flex;gap:14px;align-items:center;margin:8px 0 6px}
.cab .mini-arco{width:62px;height:80px;flex:none;position:relative;color:var(--cat-texto)}
.cab .mini-arco svg.ic{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cab .verbo{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-texto)}
.cab h1{font-size:32px;margin:2px 0 2px}
.cab .total{font-size:14px;color:var(--cat-texto)}
.desc{margin:4px 0 16px;color:var(--tinta-suave);font-size:15px}
.desc button{background:none;border:0;padding:0;color:var(--cat-texto);text-decoration:underline;cursor:pointer;font-weight:700}
.desc.curto span.resto{display:none}
.leitor{background:var(--branco);border-radius:var(--raio);padding:16px 14px;box-shadow:var(--sombra);margin-bottom:16px}
.rotulo{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-texto)}
.leitor h2{font-family:var(--fonte-titulo);font-weight:600;font-size:21px;line-height:1.2;margin:4px 0 2px}
.leitor .sub{margin:0;font-size:15px;color:var(--tinta-suave)}
.leitor .autor{margin:6px 0 10px;font-size:14px;color:var(--tinta-fraca)}
.barra{margin:6px 0 2px}
input.prog{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:28px;margin:0;cursor:pointer;--p:0%}
input.prog::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--cat) var(--p),var(--borda) var(--p))}
input.prog::-moz-range-track{height:5px;border-radius:5px;background:var(--borda)}
input.prog::-moz-range-progress{height:5px;border-radius:5px;background:var(--cat)}
input.prog::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cat);margin-top:-6.5px;border:2px solid var(--branco)}
input.prog::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cat);border:2px solid var(--branco)}
.tempos{display:flex;justify-content:space-between;font-size:13px;color:var(--tinta-fraca);font-variant-numeric:tabular-nums}
.controles{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;padding:0 4px}
.redondo{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--tinta);flex:none}
.redondo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.redondo.play{background:var(--cat);color:#fff;width:60px;height:60px}
.redondo.play svg{fill:currentColor;stroke:none;width:22px;height:22px}
.redondo.fantasma{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.salto{position:relative}
.salto b{position:absolute;font-size:8.5px;font-family:var(--fonte-texto);top:50%;left:50%;transform:translate(-50%,-38%);font-weight:700}
.opcoes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.opcoes .pilula{font-size:14px;padding:6px 14px;min-height:40px}
.lista{background:var(--branco);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.lista-cab{display:flex;justify-content:space-between;padding:14px 16px 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-fraca)}
.lista ol{list-style:none;margin:0;padding:0}
.faixa{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-top:1px solid var(--borda)}
.faixa.atual{background:color-mix(in srgb,var(--cat) 8%,var(--branco))}
.faixa .num{width:28px;flex:none;font-family:var(--fonte-titulo);color:var(--cat-texto);font-size:18px;font-variant-numeric:tabular-nums}
.faixa .txt{flex:1;min-width:0;cursor:pointer;background:none;border:0;text-align:left;padding:0}
.faixa .t{display:block;font-size:16px;line-height:1.3;color:var(--tinta)}
.faixa .s{display:block;font-size:14px;line-height:1.3;color:var(--tinta-fraca)}
.faixa .parou{display:inline-block;font-size:12.5px;color:var(--cat-texto);margin-top:2px}
.faixa .dur{font-size:13px;color:var(--tinta-fraca);font-variant-numeric:tabular-nums;flex:none}
.faixa .tocar{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--cat);color:var(--cat-texto);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.faixa .tocar svg{width:12px;height:12px;fill:currentColor}
.comece{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--cat);color:var(--cat-texto);border-radius:999px;padding:0 8px;margin-left:6px;vertical-align:2px;font-weight:700}
.eq{display:inline-flex;gap:2px;align-items:flex-end;height:16px}
.eq i{width:3px;background:var(--cat);animation:eq 1s ease-in-out infinite;height:40%}
.eq i:nth-child(2){animation-delay:.25s}.eq i:nth-child(3){animation-delay:.5s}
.pausado .eq i{animation-play-state:paused}
@keyframes eq{0%,100%{height:30%}50%{height:100%}}

/* Yoganidrā e Sleepcast: escuros também de dia */
body.pag-escura{--sindura:#E0604F;--sindura-escuro:#E07A6A;--fundo:#101218;--cartao:#1B1C21;--branco:#1F2027;--tinta:#ECEAE2;--tinta-suave:#C9C5BA;--tinta-fraca:#A3A096;--borda:#34353C;--palavra-fundo:#1B1A17;color-scheme:dark;background:var(--fundo);color:var(--tinta)}

/* ---------- minileitor ---------- */
.mini{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:calc(var(--largura) - 8px);
  display:flex;align-items:center;gap:10px;background:var(--branco);border:1px solid var(--borda);border-radius:18px;padding:8px 10px 8px 8px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:20;overflow:hidden;min-height:var(--mini-altura)}
.mini-abrir{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;text-align:left;padding:4px}
.mini-capa{width:52px;height:52px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--cat-texto);background:var(--cat-vao)}
.mini-capa svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mini-txt{min-width:0;display:flex;flex-direction:column}
.mini-tit{font-size:15.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-sub{font-size:13px;color:var(--cat-texto);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .redondo.play{width:52px;height:52px}
.mini-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.mini-prog span{display:block;height:100%;width:0;background:var(--cat)}

/* ---------- leitor em ecrã cheio ---------- */
.cheio{position:fixed;inset:0;z-index:40;overflow-y:auto;color:#F1EEE6;
  background:radial-gradient(120% 70% at 50% 25%,color-mix(in srgb,var(--cat) 45%,#121316) 0%,#121316 70%);
  padding:calc(12px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;max-width:100%}
.cheio>*{width:100%;max-width:520px;margin-left:auto;margin-right:auto;flex:none}
.cheio .redondo{color:#F1EEE6}
.cheio-topo{display:flex;justify-content:space-between;align-items:center}
.cheio-cat{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.cheio-arco{height:min(38vh,300px);position:relative;margin:10px auto 6px;color:var(--cat-luz,#E0A08E)}
.cheio-arco svg.arco{position:absolute;inset:0;margin:auto;height:100%;width:auto}
.cheio-arco svg.ic{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:76px;height:76px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cheio .rotulo{color:var(--cat-luz,#E0A08E)}
.cheio-tit{font-family:var(--fonte-titulo);font-weight:500;font-size:28px;line-height:1.15;margin:6px 0 4px}
.cheio-sub{margin:0;color:#D8D3C8}
.cheio-autor{margin:8px 0 6px;font-size:14px;color:#A9A498}
.cheio input.prog::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--cat-luz,#E0A08E) var(--p),rgba(255,255,255,.2) var(--p))}
.cheio input.prog::-webkit-slider-thumb{background:var(--cat-luz,#E0A08E);border-color:#121316}
.cheio input.prog::-moz-range-progress{background:var(--cat-luz,#E0A08E)}
.cheio .tempos{color:#A9A498}
.cheio .redondo.play{background:var(--cat-luz,#E0A08E);color:#17181C;width:76px;height:76px}
.cheio .pilula{background:transparent;color:#F1EEE6;border-color:rgba(255,255,255,.3)}
.cheio .pilula[aria-pressed="true"]{background:var(--cat-luz,#E0A08E);color:#17181C;border-color:transparent}
.letra{margin-top:18px;background:rgba(255,255,255,.06);border-radius:16px;padding:16px 18px}
.verso{padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}
.verso:first-child{border-top:0;padding-top:0}
.verso .rot{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-luz,#E0A08E);margin-bottom:6px}
.verso .d{font-family:var(--fonte-deva);font-size:19px;line-height:1.75;white-space:pre-line;margin:0 0 8px}
.verso .i{font-style:italic;white-space:pre-line;margin:0 0 8px;color:#E9E4D8}
.verso .tr{white-space:pre-line;margin:0;color:#CFC9BC;font-size:15.5px}
.letra-vazia{margin:0;color:#CFC9BC;font-size:15px}

.apagado{position:fixed;inset:0;background:#000;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px}
.apagado button{background:none;border:0;color:#333;font-size:14px;padding:20px;cursor:pointer}
.aviso{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--mini-altura) + 28px + env(safe-area-inset-bottom));background:var(--tinta);color:var(--fundo);
  border-radius:12px;padding:10px 16px;font-size:14.5px;z-index:70;max-width:calc(100% - 32px);box-shadow:var(--sombra)}
.menu-tempo{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .eq i{animation:none;height:70%}
}

/* Medalhões sanjhi (30/10): substituem os arcos e os ícones de traço */
.porta{filter:none;border-radius:0}
.porta .corpo{padding:6px 6px 10px;min-height:0}
.porta .medalhao{width:min(150px,38vw);aspect-ratio:1;margin:0 0 12px;transition:filter .4s ease,box-shadow .6s ease}
.portas:has(.porta:hover) .porta:not(:hover) .medalhao{filter:grayscale(1) brightness(.92)}
.porta h3{font-size:22px}
.porta .selo{margin-bottom:8px}
.cab .cab-med{width:84px;height:84px}
.mini-capa{background:transparent!important;border-radius:50%}
.mini-capa .medalhao{width:52px;height:52px}
.cheio-arco{display:flex;align-items:center;justify-content:center}
.cheio-med{width:min(62vw,280px);aspect-ratio:1}
@media (hover:none){.portas:has(.porta:hover) .porta:not(:hover) .medalhao{filter:none}}
.porta .corpo{position:relative}
.porta .selo{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;margin:0}

/* ===== Medalhões sanjhi em duas camadas (30/10/2026) =====
   camada de baixo: a figura, sempre clara (papel de dia; lanterna acesa à noite)
   camada de cima (<i>): o disco na cor da porta, com a figura vazada; é ela que se aproxima ao passar o cursor/tocar,
   e o círculo fica parado porque o <span> recorta tudo o que passa da borda */
.medalhao{position:relative;display:block;flex:none;border-radius:50%;overflow:hidden;isolation:isolate;
  --papel:#FFFDF7;background:var(--papel)}
.medalhao i{position:absolute;inset:-2.2%;display:block;background:var(--cor);
  -webkit-mask-image:var(--m);mask-image:var(--m);-webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  transform-origin:50% 48%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){
  .porta:hover .medalhao i,.porta:focus-visible .medalhao i{transform:scale(1.09);transition-delay:80ms}
}
.porta:active .medalhao i{transform:scale(1.07);transition:transform .16s ease-out}
.porta:focus-visible{outline:2px solid var(--tinta);outline-offset:4px;border-radius:12px}

/* À noite e nas páginas escuras: a figura vira lanterna de papel recortado — luz quente por trás do recorte,
   mais forte no centro, com um halo na cor da porta. O disco continua escuro; a figura continua clara. */
:root.breu .medalhao,body.pag-escura .medalhao,.cheio .medalhao{
  background:radial-gradient(circle at 50% 46%,#FFF8E6 0%,#FBE7B9 42%,color-mix(in srgb,var(--luz) 70%,#F6D58E) 100%);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--luz) 35%,transparent),0 0 34px -6px color-mix(in srgb,var(--luz) 75%,transparent)}
:root.breu .medalhao i,body.pag-escura .medalhao i,.cheio .medalhao i{background:color-mix(in srgb,var(--cor) 82%,#120d0a)}
:root.breu .porta:hover .medalhao,body.pag-escura .porta:hover .medalhao{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--luz) 55%,transparent),0 0 54px -4px color-mix(in srgb,var(--luz) 90%,transparent)}
/* no leitor em ecrã cheio a lanterna respira devagar enquanto toca (como chama de lamparina) */
@keyframes chama{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,var(--luz) 40%,transparent),0 0 40px -6px color-mix(in srgb,var(--luz) 70%,transparent)}
  50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--luz) 55%,transparent),0 0 70px 0 color-mix(in srgb,var(--luz) 85%,transparent)}}
.cheio .cheio-med{animation:chama 5.5s ease-in-out infinite}
.mini-capa .medalhao{box-shadow:none}
@media (prefers-reduced-motion:reduce){.medalhao i{transition:none!important;transform:none!important}.cheio .cheio-med{animation:none}}

/* ===== Página inicial: a japamala «K1 · Mālā oval» (30/10/2026) =====
   a conta grande (Pratique) no canto; as outras sete numa oval; um fio contínuo atravessa todas pelo centro.
   Duas versões: larga (a partir de 760 px) e estreita (celular). Tudo em % da largura, para escalar sem quebrar. */
:root{--fio:#D3C8B2;--no:#C9BCA2;--anel:#E2D9C8}
:root.breu,body.pag-escura{--fio:#4A463E;--no:#5A554B;--anel:#2E2F36}
body.pag-inicio main{max-width:1180px}
body.pag-inicio .capa{max-width:720px}
body.pag-inicio .secao,body.pag-inicio .secao-intro,body.pag-inicio .sessoes,body.pag-inicio .rodape-txt{max-width:720px;margin-left:auto;margin-right:auto}
.orbita{container-type:inline-size;margin:8px 0 44px}
.orbita-larga{display:none}
@media (min-width:760px){.orbita-larga{display:block}.orbita-estreita{display:none}}
.orb-palco{position:relative;width:100%}
.orb-palco .fio{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.orb-palco .fio path{fill:none;stroke:var(--fio);stroke-linecap:round;stroke-linejoin:round}
.orb-palco .fio circle{fill:var(--no)}
.orb-palco .anel{position:absolute;overflow:visible;pointer-events:none}
.conta{position:absolute;aspect-ratio:1;display:block;color:var(--tinta);text-decoration:none;border-radius:50%}
.conta .medalhao{width:100%;height:100%;box-shadow:0 8px 22px -10px rgba(31,27,22,.35);transition:filter .45s ease,box-shadow .6s ease}
.conta-link{display:block;width:100%;height:100%;border-radius:50%}
.conta.grande:hover .medalhao i,.conta-link:focus-visible .medalhao i{transform:scale(1.06);transition-delay:80ms}
.play-grande{position:absolute;aspect-ratio:1;border-radius:50%;border:4px solid var(--fundo);background:var(--sindura);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 6px 16px rgba(120,30,20,.25);z-index:2}
.play-grande svg{width:42%;height:42%}
.rot{position:absolute;line-height:1.25;text-shadow:0 0 6px var(--fundo),0 0 3px var(--fundo)}
.rot b{display:block;font-family:var(--fonte-titulo,Fraunces,Georgia,serif);font-weight:500;font-size:clamp(15px,1.75cqw,23px);line-height:1.1}
.rot .curta{display:block;font-size:clamp(12px,1.1cqw,14px);color:var(--tinta-suave)}
.rot .conta-n{display:block;font-size:clamp(11px,1cqw,13px);margin-top:2px}
.rot-lado{left:calc(100% + 1.4cqw);top:50%;transform:translateY(-50%);width:17cqw}
.rot-baixo{left:50%;top:calc(100% + 1.1cqw);transform:translateX(-50%);width:18cqw;text-align:center}
.rot-esquerda{right:calc(100% + 1.4cqw);top:50%;transform:translateY(-50%);width:17cqw;text-align:right}
.rot-cima{left:50%;bottom:calc(100% + 1.1cqw);transform:translateX(-50%);width:18cqw;text-align:center}
.curvo{position:absolute;left:-20%;top:-20%;width:140%;height:140%;overflow:visible;pointer-events:none}
.curvo text{font-family:var(--fonte-titulo,Fraunces,Georgia,serif);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.texto-grande{text-align:center}
.orbita-larga .texto-grande{position:absolute;text-shadow:0 0 8px var(--fundo),0 0 4px var(--fundo)}
.texto-grande h2{font-family:var(--fonte-titulo,Fraunces,Georgia,serif);font-weight:500;font-size:clamp(26px,3.1cqw,40px);line-height:1.05;margin:0}
.texto-grande .sub{margin:2px 0 0;font-size:clamp(13px,1.15cqw,15px);color:var(--tinta-suave)}
.texto-grande .comece-rot{margin:12px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sindura)}
.faixa-grande{background:none;border:0;padding:0;color:var(--tinta);cursor:pointer;font-family:'Gentium Book Plus',Georgia,serif;font-weight:700;font-size:clamp(15px,1.5cqw,19px);text-decoration:underline;text-decoration-color:var(--anel);text-underline-offset:4px}
.orbita-estreita .texto-grande{margin-top:4px}
@media (hover:hover){
  .orbita:has(.conta:hover) .conta:not(:hover) .medalhao{filter:grayscale(1) brightness(.94) contrast(.92)}
}
.conta:focus-visible{outline:none}.conta:focus-visible .medalhao{outline:2px solid var(--tinta);outline-offset:6px}
:root.breu .conta .medalhao{box-shadow:0 0 0 1px color-mix(in srgb,var(--luz) 35%,transparent),0 0 34px -6px color-mix(in srgb,var(--luz) 75%,transparent)}

/* 30/10 21:05 — o play da conta grande sai de cima do Hanumān: fica no espaço livre, em baixo à direita, fora do anel.
   Círculo cor de papel com contorno fino e triângulo escuro; ao passar, ganha o vermelho sindūra. */
.play-grande{background:var(--fundo);color:var(--tinta);border:1.5px solid var(--anel);box-shadow:0 4px 14px -6px rgba(31,27,22,.3);transition:background .25s ease,color .25s ease,border-color .25s ease}
.play-grande svg{margin-left:8%}
.play-grande:hover,.play-grande:focus-visible{background:var(--sindura);color:#fff;border-color:var(--sindura)}