/* AUDIOS - Amazonia 2030 (preview)
   .s1 cartoes | .s2 faixas de radio | .s3 vitrine dupla | .s4 mesa escura
   Player proprio, toca dentro da pagina. */

.au .au-bloco{background:#fff}
.au-lista{list-style:none;margin:0;padding:0}
.au-capa{position:relative;display:block;width:100%;aspect-ratio:1 / 1}
.au-moldura{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:var(--verde-claro)}
.au-moldura img{width:100%;height:100%;object-fit:cover;display:block}
.au-org{display:block;font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--verde-esc)}
.au-tit{font-family:var(--f-tit);line-height:1.32;color:var(--titulo);display:block}

/* ---------- player ---------- */
.au-player{display:flex;align-items:center;gap:12px;background:#F6F8F5;border:1px solid var(--linha);border-radius:999px;padding:8px 14px 8px 8px}
.au-play{flex:0 0 auto;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--verde-esc);color:#fff;cursor:pointer;transition:transform .2s,background .2s}
.au-play svg{width:17px;height:17px;margin-left:1px}
.au-player.au-tocando .au-play svg{margin-left:0}
.au-play:hover{transform:scale(1.06);background:var(--verde-escuro)}
.au-play:focus-visible{outline:3px solid var(--verde-esc);outline-offset:2px}
.au-player.au-carregando .au-play{background:var(--verde);position:relative;color:transparent}
.au-player.au-carregando .au-play::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:auGira .8s linear infinite}
@keyframes auGira{to{transform:rotate(360deg)}}

.au-meio{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.au-trilha{position:relative;height:5px;border-radius:99px;background:#DDE4DA;cursor:pointer}
.au-trilha:focus-visible{outline:2px solid var(--verde-esc);outline-offset:4px}
.au-buffer{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:#C6D3C2}
.au-preenche{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--verde-esc)}
.au-preenche::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:var(--verde-esc);box-shadow:0 0 0 3px #fff}
.au-tempos{display:flex;justify-content:space-between;font-family:var(--f-txt);font-size:11px;color:var(--texto-sec);font-variant-numeric:tabular-nums}
.au-extras{flex:0 0 auto;display:flex;align-items:center;gap:4px}
.au-bt{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--texto);font-family:var(--f-tit);font-size:10px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}
.au-bt svg{width:15px;height:15px}
.au-bt:hover{background:#E6EDE4;color:var(--verde-esc)}
.au-bt:focus-visible{outline:2px solid var(--verde-esc);outline-offset:1px}
.au-vel{min-width:34px;width:auto;padding:0 7px;border-radius:99px;font-size:11px}
.au-player.au-falhou .au-play{background:#B9433F}
@media(max-width:520px){.au-extras .au-voltar,.au-extras .au-avancar{display:none}}

/* ---------- S1 cartoes ---------- */
.s1 .au-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px)}
.s1 .au-item{display:flex;flex-direction:column;gap:13px}
.s1 .au-tit{font-size:var(--t-bloco)}
.s1 .au-player{margin-top:auto}
@media(max-width:980px){.s1 .au-lista{grid-template-columns:1fr;max-width:620px;margin:0 auto}}

/* ---------- S2 faixas de radio ---------- */
.s2 .au-item{display:grid;grid-template-columns:104px 1fr;gap:clamp(16px,2vw,28px);align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-top:1px solid var(--linha)}
.s2 .au-lista .au-item:last-child{border-bottom:1px solid var(--linha)}
.s2 .au-txt{display:flex;flex-direction:column;gap:9px;min-width:0}
.s2 .au-tit{font-size:var(--t-bloco)}
.s2 .au-player{margin-top:4px}
@media(max-width:620px){.s2 .au-item{grid-template-columns:1fr}.s2 .au-capa{max-width:150px}}

/* ---------- S3 vitrine dupla ---------- */
.s3 .au-destaque{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(24px,3vw,48px);align-items:center;background:var(--creme-2);border-radius:14px;padding:clamp(22px,2.6vw,38px);margin:0 0 clamp(24px,2.8vw,40px)}
.s3 .au-destaque .au-txt{display:flex;flex-direction:column;gap:13px;min-width:0}
.s3 .au-destaque .au-tit{font-size:var(--t-secao);line-height:1.22}
.s3 .au-destaque .au-player{background:#fff}
.s3 .au-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.4vw,34px)}
.s3 .au-item{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;border:1px solid var(--linha);border-radius:12px;padding:18px;box-shadow:var(--sombra-s)}
.s3 .au-item .au-txt{display:flex;flex-direction:column;gap:9px;min-width:0}
.s3 .au-item .au-tit{font-size:var(--t-card)}
@media(max-width:900px){.s3 .au-destaque{grid-template-columns:1fr}.s3 .au-lista{grid-template-columns:1fr}}

/* ---------- S4 mesa escura ---------- */
.s4 .au-bloco{background:var(--verde-escuro)}
.s4 .au-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,30px)}
.s4 .au-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:clamp(20px,2.2vw,30px)}
.s4 .au-capa{width:clamp(120px,12vw,160px)}
.s4 .au-moldura{border-radius:50%}
.s4 .au-org{color:#A9D7A4}
.s4 .au-tit{color:#fff;font-size:var(--t-card)}
.s4 .au-player{width:100%;margin-top:auto;background:rgba(255,255,255,.95);border-color:transparent}
@media(max-width:980px){.s4 .au-lista{grid-template-columns:1fr;max-width:560px;margin:0 auto}}

/* ---------- pagina de escolha ---------- */
.sx .au-escolha{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.au-op{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:24px;text-decoration:none;box-shadow:var(--sombra-s);transition:transform .2s,box-shadow .2s}
.au-op:hover{transform:translateY(-3px);box-shadow:var(--sombra-m)}
.au-op-n{font-family:var(--f-tit);font-size:var(--t-bloco);color:var(--titulo)}
.au-op-d{font-family:var(--f-txt);font-size:var(--t-corpo-xs);line-height:1.6;color:var(--texto)}
.au-op-l{margin-top:6px;font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--verde-esc)}
@media(max-width:760px){.sx .au-escolha{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.au-play{transition:none}.au-player.au-carregando .au-play::after{animation-duration:2.4s}}
/* ---------- icone discreto de link externo, sobre a capa ---------- */
.au-ir{position:absolute;top:9px;right:9px;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.9);color:var(--titulo);box-shadow:0 2px 8px rgba(16,32,22,.18);opacity:.55;transition:opacity .2s,transform .2s,background .2s}
.au-ir svg{width:13px;height:13px}
.au-capa:hover .au-ir{opacity:1}
.au-ir:hover{opacity:1;transform:scale(1.08);background:#fff;color:var(--verde-esc)}
.au-ir:focus-visible{opacity:1;outline:2px solid var(--verde-esc);outline-offset:2px}
.au-dica{position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;font-family:var(--f-txt);font-size:11px;line-height:1;color:#fff;background:#14261B;padding:7px 10px;border-radius:6px;box-shadow:0 4px 14px rgba(16,32,22,.28);opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .18s,transform .18s}
.au-dica::before{content:'';position:absolute;bottom:100%;right:12px;border:5px solid transparent;border-bottom-color:#14261B}
.au-ir:hover .au-dica,.au-ir:focus-visible .au-dica{opacity:1;transform:none}
/* capas pequenas: a dica abre para a direita para nao sair do cartao */
.s2 .au-dica,.s3 .au-item .au-dica{right:auto;left:0}
.s2 .au-dica::before,.s3 .au-item .au-dica::before{right:auto;left:12px}
.s4 .au-ir{top:8%;right:8%}
@media(prefers-reduced-motion:reduce){.au-ir,.au-dica{transition:none}}