/* Abê na web: telas de conta, planos, anúncios, consentimento e novidades. Usa os tokens do app. */
.boas{position:fixed;inset:0;z-index:80;background:radial-gradient(700px 420px at 50% 0%,rgba(226,63,168,.22),transparent 70%),var(--bg);display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}
.boas-in{width:min(460px,100%);display:grid;gap:14px;text-align:center;animation:entra .32s var(--ease,ease)}
.boas-masc{display:flex;justify-content:center;gap:4px;margin-bottom:-6px}
.boas h1{font:800 clamp(34px,8vw,46px)/1 "Barlow Condensed",sans-serif;margin:0}
.boas .sub{color:var(--mut);font-size:16px;line-height:1.45;margin:0}
.boas-acts{display:grid;gap:10px;margin-top:6px}
.boas .nota{margin:0}
.boas-link{color:var(--azul);font-weight:700;font-size:15px;padding:8px}

.entrar{display:grid;gap:12px}
.entrar .g-btn{display:flex;justify-content:center;min-height:44px}
.entrar .ou{display:flex;align-items:center;gap:10px;color:var(--mut2);font:700 13px/1 "Barlow",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.entrar .ou::before,.entrar .ou::after{content:"";flex:1;height:2px;background:var(--line)}
.f-entrar{display:grid;gap:8px}
.f-entrar label{font-size:14px;color:var(--mut)}
.f-entrar input{min-height:48px;font-size:17px}
#enCodigo{letter-spacing:.4em;text-align:center;font:800 26px/1 "Barlow Condensed",sans-serif}
.en-links{display:flex;justify-content:space-between;gap:8px}
.entrar a,.consent a,.selo-teste a{color:var(--azul)}
#enErro{color:var(--erro)}

.selo-teste{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border-radius:16px;border:2px solid var(--ouro);background:linear-gradient(135deg,#2B2410,var(--panel) 70%);font-size:14.5px;line-height:1.4}
.selo-teste b{color:var(--ouro)}
.cod-amigo{display:grid;gap:6px;margin:14px auto 0;max-width:420px}
.cod-amigo label{font-size:14px;color:var(--mut);text-align:center}
.cod-amigo div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.cod-amigo input{text-transform:uppercase;min-height:42px}
.assinar-play{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;margin:4px 0 14px}
.assinar-play img{width:72px;height:72px;object-fit:contain}
.assinar-play>div>b{display:block;font:800 22px/1.1 "Barlow Condensed",sans-serif;margin-bottom:4px}
.assinar-play span{color:var(--mut);font-size:14.5px;line-height:1.45}

.anuncio .ad-casa{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;text-align:left;width:100%;padding:16px;border-radius:16px;border:2px solid var(--line2);background:linear-gradient(135deg,var(--panel2),var(--bg));color:var(--txt);cursor:pointer}
.anuncio .ad-casa img{width:96px;height:96px;object-fit:contain}
.anuncio .ad-casa b{display:block;font:800 21px/1.1 "Barlow Condensed",sans-serif;margin-bottom:6px}
.anuncio .ad-casa small{display:block;color:var(--mut);font-size:14px;line-height:1.4}
.anuncio .ad-casa em{display:inline-block;margin-top:8px;font:800 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--pink)}
.ad-inline{margin:18px 0 6px;padding:10px;border-radius:16px;border:2px dashed var(--line2);min-height:110px}
.ad-inline small{display:block;color:var(--mut2);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}

.consent{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;width:min(560px,calc(100% - 24px));padding:14px 16px;border-radius:18px;background:var(--panel);border:2px solid var(--line2);box-shadow:0 14px 40px rgba(0,0,0,.45);display:grid;gap:10px;font-size:14px;line-height:1.45}
.consent p{margin:0;color:var(--mut)}
.consent div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
@media (min-width:900px){.consent{bottom:24px}}

.conta-card{display:grid;gap:12px}
.conta-topo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.conta-topo b{display:block;font:800 19px/1.15 "Barlow Condensed",sans-serif;overflow-wrap:anywhere}
.conta-topo small{display:block;color:var(--mut);font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.conta-topo .foto{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--line2)}
.conta-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut);cursor:pointer}
.conta-toggle input{width:20px;height:20px;flex:none;accent-color:var(--mag)}
.conta-acts,.conta-extras{display:flex;flex-wrap:wrap;gap:8px}
.conta-acts a.btn{text-decoration:none}

.novidades{display:grid;gap:12px}
.nov{padding:12px 14px;border-radius:16px;background:var(--panel2);border:2px solid var(--line)}
.nov-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-bottom:6px}
.nov-top b{font:800 19px/1.1 "Barlow Condensed",sans-serif}
.nov-top small{color:var(--mut2);font-size:12.5px}
.nov ul{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--mut);font-size:14.5px}