/* Editor Studio — CSS único das telas do módulo (layout, home, conta, planos, login/cadastro, termos).
   Escopo: tudo sob body.std-studio ou classes std-/cta-/ap-. O painel compartilhado com o AgFlex (.pp-*)
   só recebe ajustes de DESKTOP escopados em .std-corpo. O overlay do editor (.ase-*) não é alterado aqui.

html, body.std-studio { background:#05070d !important; margin:0; padding:0; color:#eef0f6; }
.std-studio .sidebar-container, .std-studio .main-header, .std-studio .hdr-top { display:none !important; }
.std-studio a:focus-visible, .std-studio button:focus-visible, .std-studio input:focus-visible { outline:2px solid #A24BFF; outline-offset:2px; }

/* ---------- Barra superior ---------- */
.std-barra{ display:flex; align-items:center; gap:14px; padding:10px 16px; background:#0b0f18; border-bottom:1px solid rgba(255,255,255,.08); position:sticky; top:0; z-index:50; }
.std-logo{ font-weight:800; font-size:15px; color:#fff; text-decoration:none; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.std-logo i{ color:#A24BFF; }
.std-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
.std-nav a, .std-nav button{
    color:#c7c9d9; text-decoration:none; font:inherit; font-size:13px; font-weight:600; background:none; border:0; cursor:pointer;
    padding:7px 12px; border-radius:9px; display:flex; align-items:center; gap:6px; white-space:nowrap; min-height:34px;
}
.std-nav a:hover, .std-nav button:hover{ background:rgba(255,255,255,.08); color:#fff; }
.std-nav a.std-ativo{ background:rgba(162,75,255,.16); color:#fff; }
.std-nav .std-nav-oq{ color:#e4cdff; background:rgba(162,75,255,.14); }
.std-nav .std-nav-oq:hover{ background:rgba(162,75,255,.26); }
.std-corpo{ min-height:calc(100vh - 53px); background:#05070d; }
.std-nav .std-curto{ display:none; }
@media (max-width:520px){
    .std-barra{ gap:6px; padding:8px 10px; }
    .std-logo{ font-size:14px; }
    .std-nav a, .std-nav button{ padding:7px 8px; font-size:12px; }
    .std-nav a i, .std-nav button i{ display:none; }
    .std-nav .std-longo{ display:none; }
    .std-nav .std-curto{ display:inline; }
}
@media (min-width:1024px){
    .std-barra{ padding:14px 32px; }
    .std-logo{ font-size:19px; }
    .std-nav{ gap:6px; }
    .std-nav a, .std-nav button{ font-size:15.5px; padding:10px 16px; min-height:44px; border-radius:11px; }
    .std-corpo{ min-height:calc(100vh - 73px); }
}

/* ---------- Botões e cartões padrão do Studio ---------- */
.std-btn{
    display:block; width:100%; padding:12px; margin-top:6px; border:none; border-radius:11px; text-align:center; text-decoration:none;
    background:linear-gradient(135deg,#FF4E8B,#A24BFF 55%,#FF9D2E); color:#fff; font-size:14.5px; font-weight:700; cursor:pointer;
    font-family:inherit; box-shadow:0 10px 22px -10px rgba(162,75,255,.55); box-sizing:border-box;
}
.std-btn:hover{ filter:brightness(1.07); }
.std-btn:disabled{ opacity:.55; cursor:not-allowed; }
@media (min-width:1024px){ .std-btn{ padding:15px; font-size:16.5px; border-radius:13px; } }

/* ---------- Telas de entrada (login, cadastro, senha, falha SSO) ---------- */
.std-login-wrap{ min-height:calc(100vh - 53px); display:flex; align-items:center; justify-content:center; padding:24px; box-sizing:border-box; }
.std-login-card{
    width:100%; max-width:400px; background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:34px 30px;
    box-shadow:0 18px 44px -22px rgba(0,0,0,.6); box-sizing:border-box; color:#0f172a;
}
.std-login-card.std-card-largo{ max-width:440px; }
.std-login-card.std-centro{ text-align:center; max-width:440px; }
.std-login-logo{ font-size:20px; font-weight:800; color:#0f172a; text-align:center; margin-bottom:6px; }
.std-login-logo i{ color:#A24BFF; margin-right:6px; }
.std-login-sub{ font-size:13px; color:#64748b; text-align:center; margin:0 0 26px; }
.std-group{ margin-bottom:16px; }
.std-label{ display:block; font-size:12.5px; font-weight:600; color:#475569; margin-bottom:5px; }
.std-input{ width:100%; padding:11px 13px; border-radius:10px; border:1.5px solid #e2e8f0; background:#f8fafc; color:#0f172a; font-size:14px; font-family:inherit; outline:none; box-sizing:border-box; }
.std-input:focus{ border-color:#A24BFF; background:#fff; box-shadow:0 0 0 3px rgba(162,75,255,.12); }
.std-group .help-block{ font-size:12px; color:#dc2626; margin-top:4px; display:block; }
.std-aviso{ background:#fef3c7; border:1px solid #fde68a; color:#92400e; border-radius:9px; padding:10px 12px; font-size:12.5px; margin:0 0 16px; }
.std-signup{ text-align:center; font-size:13px; color:#64748b; margin:20px 0 0; }
.std-signup.std-signup-sm{ margin-top:12px; }
.std-signup a{ color:#8b2fe0; font-weight:600; text-decoration:none; }
.std-signup a:hover{ text-decoration:underline; }
.std-check-row{ display:flex; align-items:flex-start; gap:8px; font-size:12.5px; color:#64748b; margin:14px 0 18px; }
.std-check-row a{ color:#8b2fe0; }
.std-check-row input{ margin-top:2px; accent-color:#A24BFF; }
.std-honeypot{ position:absolute; left:-9999px; top:-9999px; }
.std-sso-msg{ background:#fef2f2; border:1px solid #fecaca; color:#991b1b; border-radius:9px; padding:12px 14px; font-size:13.5px; margin:18px 0; text-align:left; }
.std-sso-volta{ font-size:13px; color:#64748b; }
@media (min-width:1024px){
    .std-login-card{ max-width:460px; padding:44px 40px; border-radius:22px; }
    .std-login-card.std-card-largo, .std-login-card.std-centro{ max-width:520px; }
    .std-login-logo{ font-size:26px; }
    .std-login-sub{ font-size:15.5px; margin-bottom:30px; }
    .std-label{ font-size:14px; margin-bottom:7px; }
    .std-input{ font-size:16px; padding:14px 16px; border-radius:12px; }
    .std-group .help-block{ font-size:13px; }
    .std-signup, .std-check-row, .std-sso-volta{ font-size:14.5px; }
    .std-aviso, .std-sso-msg{ font-size:14.5px; }
}

/* ---------- Textos longos (termos, política) ---------- */
.std-pp-wrap{ max-width:760px; margin:0 auto; padding:36px 20px 60px; color:#dfe2ee; }
.std-pp-wrap.std-pp-conta{ padding:24px 16px 40px; }
.std-pp-wrap h1{ font-size:21px; font-weight:800; color:#fff; margin:0 0 4px; }
.std-pp-meta{ font-size:12.5px; color:#8a8fa3; margin-bottom:26px; }
.std-pp-wrap h2{ font-size:15px; font-weight:700; color:#fff; margin:24px 0 8px; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:6px; }
.std-pp-wrap p, .std-pp-wrap li{ font-size:13.5px; line-height:1.7; color:#c7c9d9; }
.std-pp-wrap ul{ padding-left:20px; }
.std-pp-wrap a{ color:#c9a6ff; }
.std-ta{ max-width:800px; margin:0 auto; padding:24px 16px; color:#dfe2ee; }
.std-ta-box{ border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.04); padding:18px; margin-bottom:16px; }
.std-ta-texto{ max-height:55vh; overflow:auto; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:4px 16px; }
.std-ta-mud{ background:rgba(99,102,241,.15); border:1px solid rgba(99,102,241,.4); border-radius:10px; padding:12px 14px; font-size:14px; margin-bottom:14px; }
@media (min-width:1024px){
    .std-pp-wrap{ max-width:900px; padding:52px 24px 80px; }
    .std-pp-wrap h1{ font-size:30px; }
    .std-pp-wrap h2{ font-size:19px; margin-top:32px; }
    .std-pp-wrap p, .std-pp-wrap li{ font-size:16.5px; }
    .std-pp-meta{ font-size:14.5px; }
    .std-ta{ max-width:960px; }
    .std-ta-mud{ font-size:16px; }
}

/* ---------- Minha conta / planos (cta-*, ap-*) ---------- */
.cta-wrap{ max-width:640px; margin:0 auto; padding:26px 16px 60px; }
.cta-card{ background:#0f1420; border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:22px; margin-bottom:18px; }
.cta-card.cta-destaque{ border-color:rgba(162,75,255,.3); }
.cta-card.cta-perigo{ border-color:rgba(248,113,113,.25); }
.cta-card h3{ margin:0 0 14px; font-size:15px; color:#fff; }
.cta-card.cta-perigo h3{ color:#fca5a5; }
.cta-txt{ font-size:12.5px; color:#9aa0b5; margin:0 0 10px; line-height:1.5; }
.cta-vazio{ color:#8a8fa3; font-size:13px; margin:0; }
.cta-row{ display:flex; justify-content:space-between; gap:12px; font-size:13.5px; color:#c7c9d9; padding:6px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.cta-row.cta-row-top{ margin-top:10px; }
.cta-row b{ color:#fff; text-align:right; }
.cta-bar{ height:10px; border-radius:6px; background:#1b2130; overflow:hidden; margin-top:6px; }
.cta-bar i{ display:block; height:100%; background:linear-gradient(90deg,#A24BFF,#FF4E8B); }
.cta-planos{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.cta-plano-btn{ font-family:inherit; cursor:pointer; border:1px solid rgba(255,255,255,.1); background:#141a28; color:#fff; border-radius:12px; padding:14px; text-align:center; }
.cta-plano-btn:hover{ border-color:#A24BFF; }
.cta-plano-btn b{ display:block; font-size:16px; margin-bottom:2px; }
.cta-plano-btn span{ font-size:12px; color:#9aa0b5; }
table.cta-tab{ width:100%; font-size:13px; color:#c7c9d9; border-collapse:collapse; }
table.cta-tab th, table.cta-tab td{ text-align:left; padding:6px 4px; border-bottom:1px solid rgba(255,255,255,.05); }
#ap-modal{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.6); align-items:center; justify-content:center; z-index:200; }
#ap-modal .box{ background:#0f1420; border-radius:16px; padding:22px; max-width:360px; width:92%; color:#eef0f6; box-shadow:0 24px 60px -20px rgba(0,0,0,.7); border:1px solid rgba(255,255,255,.08); }
#ap-pix-cc{ width:100%; background:#070a12; color:#eef0f6; border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:8px; font-size:11px; box-sizing:border-box; }
.ap-btn{ display:block; width:100%; margin-top:10px; padding:10px; border:none; border-radius:9px; cursor:pointer; font-weight:700; font-family:inherit; box-sizing:border-box; text-align:center; text-decoration:none; }
.ap-btn-p{ background:linear-gradient(135deg,#FF4E8B,#A24BFF); color:#fff; }
.ap-btn-out{ background:transparent; color:#aab0c4; border:1px solid rgba(255,255,255,.15); }
.ap-btn-out:hover{ color:#fff; border-color:rgba(255,255,255,.3); }
.ap-btn-perigo{ background:#3a0d0d; color:#fca5a5; border:1px solid #7a1212; }
.ap-btn:focus-visible, .cta-plano-btn:focus-visible{ outline:2px solid #A24BFF; outline-offset:2px; }
.ap-p{ font-size:13px; color:#c7c9d9; margin:0 0 6px; }
.ap-p b{ color:#fff; }
.ap-p-sm{ font-size:12px; color:#9aa0b5; line-height:1.45; margin:0 0 6px; }
.ap-erro-txt{ color:#fca5a5; font-size:13px; }
.ap-ok-txt{ color:#86efac; font-size:14px; }
.ap-status-txt{ display:none; margin-top:8px; font-size:12px; color:#fca5a5; }
@media (min-width:1024px){
    .cta-wrap{ max-width:880px; padding:44px 24px 80px; }
    .cta-card{ padding:30px; border-radius:20px; margin-bottom:22px; }
    .cta-card h3{ font-size:19px; margin-bottom:18px; }
    .cta-row{ font-size:16px; padding:9px 0; }
    .cta-txt{ font-size:15px; }
    .cta-vazio, table.cta-tab{ font-size:15.5px; }
    table.cta-tab th, table.cta-tab td{ padding:10px 6px; }
    .cta-plano-btn{ padding:20px; border-radius:14px; }
    .cta-plano-btn b{ font-size:19px; }
    .cta-plano-btn span{ font-size:14.5px; }
    .ap-btn{ padding:14px; font-size:16px; border-radius:11px; }
    #ap-modal .box{ max-width:460px; padding:30px; }
    .ap-p{ font-size:16px; } .ap-p-sm{ font-size:14px; } .ap-erro-txt, .ap-ok-txt{ font-size:16px; }
    #ap-pix-cc{ font-size:13px; }
}

/* ---------- Home do Studio ---------- */
.stu-home{ max-width:1100px; margin:0 auto; padding:30px 16px 60px; box-sizing:border-box; }
.stu-hero{ margin-bottom:22px; }
.stu-hero h1{ margin:0 0 8px; font-size:26px; font-weight:800; color:#fff; line-height:1.2; }
.stu-hero h1 .grad{ background:linear-gradient(135deg,#FF4E8B,#A24BFF 55%,#FF9D2E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stu-hero p{ margin:0; font-size:15px; color:#b6bacd; line-height:1.55; max-width:760px; }
.stu-acoes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; margin-bottom:34px; }
.stu-acao{
    cursor:pointer; text-align:left; text-decoration:none; border-radius:18px; padding:22px; color:#fff; font-family:inherit;
    border:1px solid rgba(255,255,255,.1); background:#0f1420; display:block; box-sizing:border-box;
}
.stu-acao:hover{ border-color:rgba(162,75,255,.55); }
.stu-acao.stu-acao-prim{ border:0; background:linear-gradient(135deg,#FF4E8B,#A24BFF 55%,#FF9D2E); box-shadow:0 16px 38px -18px rgba(162,75,255,.6); }
.stu-acao.stu-acao-prim:hover{ filter:brightness(1.06); }
.stu-acao .stu-ic{ font-size:30px; margin-bottom:10px; display:block; }
.stu-acao:not(.stu-acao-prim) .stu-ic{ color:#7db4ff; }
.stu-acao b{ display:block; font-size:18px; font-weight:800; }
.stu-acao small{ display:block; font-size:13.5px; opacity:.85; margin-top:4px; line-height:1.45; }
.stu-sec-t{ margin:0 0 4px; font-size:19px; font-weight:800; color:#fff; }
.stu-sec-s{ margin:0 0 16px; font-size:14px; color:#9aa0b5; }
.stu-oq{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.stu-oq-card{ background:#0f1420; border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:20px; }
.stu-oq-card .stu-oq-ic{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; margin-bottom:12px; }
.stu-oq-card:nth-child(1) .stu-oq-ic{ background:linear-gradient(135deg,#6366f1,#0ea5e9); }
.stu-oq-card:nth-child(2) .stu-oq-ic{ background:linear-gradient(135deg,#22c55e,#06b6d4); }
.stu-oq-card:nth-child(3) .stu-oq-ic{ background:linear-gradient(135deg,#A24BFF,#FF4E8B); }
.stu-oq-card:nth-child(4) .stu-oq-ic{ background:linear-gradient(135deg,#FF4E8B,#FF9D2E); }
.stu-oq-card h3{ margin:0 0 6px; font-size:16.5px; font-weight:800; color:#fff; }
.stu-oq-card p{ margin:0; font-size:14px; color:#b6bacd; line-height:1.55; }
.stu-mais{ margin-top:18px; font-size:14px; color:#9aa0b5; }
.stu-mais a{ color:#c9a6ff; font-weight:700; }
.stu-cota{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.35); border-radius:14px; padding:12px 16px; margin-bottom:18px; }
.stu-cota i{ color:#fbbf24; font-size:16px; }
.stu-cota span{ font-size:13.5px; color:#fde68a; flex:1; min-width:180px; }
.stu-cota a{ text-decoration:none; font-size:13px; font-weight:800; color:#1a1200; background:#fbbf24; border-radius:999px; padding:8px 16px; white-space:nowrap; }
@media (min-width:1024px){
    .stu-home{ max-width:1240px; padding:36px 32px 90px; }
    .stu-hero{ margin-bottom:24px; }
    .stu-hero h1{ font-size:38px; }
    .stu-hero p{ font-size:18.5px; max-width:900px; }
    .stu-acoes{ gap:20px; margin-bottom:34px; }
    .stu-acao{ padding:30px; border-radius:22px; }
    .stu-acao .stu-ic{ font-size:38px; margin-bottom:14px; }
    .stu-acao b{ font-size:22px; }
    .stu-acao small{ font-size:16px; }
    .stu-sec-t{ font-size:26px; }
    .stu-sec-s{ font-size:16.5px; margin-bottom:22px; }
    .stu-oq{ grid-template-columns:repeat(4,1fr); gap:20px; }
    .stu-oq-card{ padding:26px; border-radius:20px; }
    .stu-oq-card .stu-oq-ic{ width:54px; height:54px; font-size:24px; border-radius:15px; margin-bottom:16px; }
    .stu-oq-card h3{ font-size:19px; }
    .stu-oq-card p{ font-size:16px; }
    .stu-mais{ font-size:16px; margin-top:24px; }
    .stu-cota span{ font-size:15.5px; } .stu-cota a{ font-size:14.5px; padding:10px 20px; }
}

/* ---------- Modal "O que é o Editor?" ---------- */
.stu-modal{ position:fixed; inset:0; z-index:300; display:none; align-items:center; justify-content:center; padding:16px; background:rgba(3,5,10,.74); box-sizing:border-box; }
.stu-modal.stu-aberto{ display:flex; }
.stu-modal-box{ width:100%; max-width:560px; max-height:92vh; overflow:auto; background:#0f1420; border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:26px; box-shadow:0 28px 70px -24px rgba(0,0,0,.8); color:#eef0f6; box-sizing:border-box; }
.stu-modal-top{ display:flex; align-items:flex-start; gap:12px; margin-bottom:6px; }
.stu-modal-top h2{ margin:0; flex:1; font-size:21px; font-weight:800; color:#fff; line-height:1.25; }
.stu-modal-x{ flex:0 0 auto; width:36px; height:36px; border-radius:50%; border:0; cursor:pointer; background:rgba(255,255,255,.1); color:#fff; font-size:17px; line-height:1; }
.stu-modal-x:hover{ background:rgba(255,255,255,.2); }
.stu-modal-sub{ margin:0 0 16px; font-size:14.5px; color:#b6bacd; line-height:1.55; }
.stu-modal-lista{ list-style:none; margin:0 0 18px; padding:0; display:grid; gap:12px; }
.stu-modal-lista li{ display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:#c7c9d9; line-height:1.5; }
.stu-modal-lista li > i{ flex:0 0 36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(162,75,255,.18); color:#d9b8ff; font-size:15px; }
.stu-modal-lista b{ display:block; color:#fff; font-size:15.5px; margin-bottom:1px; }
.stu-modal-rod{ display:flex; gap:10px; flex-wrap:wrap; }
.stu-modal-rod a, .stu-modal-rod button{ flex:1; min-width:160px; padding:12px 16px; border-radius:12px; font:inherit; font-size:14.5px; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; box-sizing:border-box; }
.stu-modal-rod .stu-m-prim{ border:0; color:#fff; background:linear-gradient(135deg,#FF4E8B,#A24BFF 55%,#FF9D2E); }
.stu-modal-rod .stu-m-sec{ background:transparent; color:#e4cdff; border:1px solid rgba(255,255,255,.18); }
.stu-modal-rod .stu-m-sec:hover{ border-color:#A24BFF; }
@media (min-width:1024px){
    .stu-modal-box{ max-width:680px; padding:34px; }
    .stu-modal-top h2{ font-size:26px; }
    .stu-modal-sub{ font-size:16.5px; }
    .stu-modal-lista li{ font-size:16px; } .stu-modal-lista b{ font-size:17px; }
    .stu-modal-rod a, .stu-modal-rod button{ font-size:16px; padding:14px 18px; }
}

/* ---------- Painel de Publicidade no Studio (view compartilhada com o AgFlex: só desktop e só aqui) ---------- */
@media (min-width:1024px){
    .std-corpo .pp-wrap{ max-width:1320px; padding:34px 32px 80px; }
    .std-corpo .pp-head h1{ font-size:30px; }
    .std-corpo .pp-btn{ font-size:16px; padding:14px 22px; border-radius:14px; }
}


/* ---------- Mensagens e detalhes pequenos ---------- */
.std-erro{ background:#fef2f2; border:1px solid #fecaca; color:#991b1b; border-radius:9px; padding:10px 12px; font-size:12.5px; margin:0 0 16px; }
.std-ok{ background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; border-radius:9px; padding:10px 12px; font-size:12.5px; margin:0 0 16px; }
.std-login-card .std-erro-txt{ color:#dc2626; font-size:12.5px; margin-bottom:12px; }
.std-dica{ font-size:12px; color:#64748b; margin:0 0 10px; }
.std-turnstile{ margin:6px 0 10px; }
.std-btn-topo{ margin-top:12px; }
.std-ta h1{ font-size:22px; font-weight:800; color:#fff; margin:0 0 14px; }
.std-ta-link{ margin:10px 0 0; } .std-ta-link a{ color:#c9a6ff; }
.std-ta-p{ margin:0 0 10px; }
.std-ta-form{ margin-top:14px; }
.std-ta-aceite{ display:flex; gap:10px; align-items:flex-start; cursor:pointer; font-size:14px; }
.std-ta-aceite input{ width:18px; height:18px; min-width:18px; margin-top:2px; accent-color:#A24BFF; }
.std-ta-nota{ font-size:12px; color:#8a8fa3; margin:10px 0 0; }
.std-resumo{ background:rgba(99,102,241,.15); border:1px solid rgba(99,102,241,.4); border-radius:10px; padding:14px 18px; margin:20px 0; }
.std-resumo strong{ display:block; margin-bottom:6px; color:#fff; }
.std-resumo ul{ margin:0; }
@media (min-width:1024px){
    .std-erro, .std-ok, .std-login-card .std-erro-txt{ font-size:14.5px; }
    .std-dica{ font-size:13.5px; }
    .std-ta h1{ font-size:30px; }
    .std-ta-aceite{ font-size:16px; } .std-ta-nota{ font-size:14px; } .std-ta-p{ font-size:16px; }
}

/* O Bootstrap pinta a:hover/a:focus de azul e sublinha; links-botão do Studio mantêm a cor e sem sublinhado */
.std-studio a.stu-acao:hover, .std-studio a.stu-acao:focus,
.std-studio a.std-btn:hover, .std-studio a.std-btn:focus,
.std-studio a.ap-btn-p:hover, .std-studio a.ap-btn-p:focus,
.std-studio a.std-logo:hover, .std-studio a.std-logo:focus{ color:#fff; text-decoration:none; }
.std-studio a.ap-btn-out:hover, .std-studio a.ap-btn-out:focus{ color:#fff; text-decoration:none; }
.std-studio .stu-cota a:hover, .std-studio .stu-cota a:focus{ color:#1a1200; text-decoration:none; }
.std-studio .stu-modal-rod a:hover, .std-studio .stu-modal-rod a:focus{ text-decoration:none; }
.std-studio .std-nav a:hover, .std-studio .std-nav a:focus{ text-decoration:none; }

/* ---------- Guia de 3 passos (primeira entrada) ---------- */
.stu-onb{ position:fixed; inset:0; z-index:9999; background:rgba(15,16,22,.72); display:flex; align-items:center; justify-content:center; padding:16px; }
.stu-onb-box{ max-width:380px; width:100%; border-radius:20px; overflow:hidden; background:#1b1d26; color:#fff; box-shadow:0 24px 60px -20px rgba(0,0,0,.6); }
.stu-onb-topo{ padding:26px 22px 18px; background:linear-gradient(135deg,#FF4E8B,#A24BFF 55%,#FF9D2E); }
.stu-onb-ic{ font-size:30px; }
.stu-onb-n{ font-size:12px; opacity:.9; margin-top:10px; }
.stu-onb-corpo{ padding:20px 22px; }
.stu-onb-tit{ font-size:16.5px; font-weight:800; margin-bottom:6px; }
.stu-onb-txt{ font-size:13.5px; color:#c7c9d4; line-height:1.5; }
.stu-onb-rod{ display:flex; gap:10px; margin-top:18px; }
.stu-onb-pular{ flex:0 0 auto; background:none; border:0; color:#aab0c4; font:inherit; font-size:13px; cursor:pointer; padding:10px 8px; }
.stu-onb-pular:hover{ color:#fff; }
.stu-onb-prox{ flex:1; border:0; border-radius:12px; padding:12px; font:inherit; font-weight:800; font-size:14px; color:#fff; cursor:pointer; background:linear-gradient(135deg,#FF4E8B,#A24BFF); }
.stu-onb-prox:hover{ filter:brightness(1.07); }
@media (min-width:1024px){
    .stu-onb-box{ max-width:480px; border-radius:24px; }
    .stu-onb-topo{ padding:32px 30px 22px; }
    .stu-onb-ic{ font-size:38px; }
    .stu-onb-n{ font-size:14px; }
    .stu-onb-corpo{ padding:26px 30px; }
    .stu-onb-tit{ font-size:21px; }
    .stu-onb-txt{ font-size:16px; }
    .stu-onb-pular{ font-size:15px; }
    .stu-onb-prox{ font-size:16px; padding:14px; }
}

/* ---------- Balão "Excluir minha conta" (pede a senha) ---------- */
.cta-excluir-erro{ display:none; margin:8px 0 0; }
.cta-balao{ position:absolute; z-index:60; background:#2a2e38; color:#fff; border-radius:12px; padding:14px; box-shadow:0 12px 30px -8px rgba(0,0,0,.5); font-size:13px; width:min(300px, calc(100vw - 24px)); box-sizing:border-box; }
.cta-balao p{ margin:0 0 8px; line-height:1.45; }
.cta-balao-in{ width:100%; box-sizing:border-box; margin:0 0 10px; padding:9px 10px; border-radius:8px; border:1px solid #454a56; background:#1b1e26; color:#fff; font:inherit; font-size:14px; }
.cta-balao-in:focus{ outline:2px solid #A24BFF; outline-offset:1px; }
.cta-balao-nao, .cta-balao-sim{ border:0; border-radius:8px; padding:8px 14px; font:inherit; font-size:13px; cursor:pointer; color:#fff; }
.cta-balao-nao{ background:#454a56; margin-right:6px; }
.cta-balao-sim{ background:#dc2626; font-weight:700; }
.cta-balao-nao:hover{ background:#555b69; } .cta-balao-sim:hover{ background:#ef3535; }
@media (min-width:1024px){
    .cta-balao{ width:340px; font-size:15px; padding:18px; }
    .cta-balao-in{ font-size:15.5px; padding:11px 12px; }
    .cta-balao-nao, .cta-balao-sim{ font-size:15px; padding:10px 18px; }
}

/* ---------- Dica "?" ao lado de um rótulo (abre balão AgflexUI.dica) ---------- */
.cta-dica{ background:none; border:0; padding:2px 4px; margin-left:2px; color:#8a8fa3; cursor:pointer; font-size:14px; line-height:1; border-radius:50%; }
.cta-dica:hover, .cta-dica:focus-visible{ color:#c9a6ff; }
.cta-dica:focus-visible{ outline:2px solid #A24BFF; outline-offset:1px; }
@media (min-width:1024px){ .cta-dica{ font-size:17px; padding:4px 6px; } }

/* ---------- Editor no desktop: ícones e rótulos da lateral maiores (só Studio; palco 9:16 intacto) ---------- */
@media (min-width:1024px){
    .std-studio .ase-rail .ase-tool .ico{ width:46px; height:46px; font-size:18px; }
    .std-studio .ase-rail .ase-tool .lb{ font-size:11px; }
}