/* ID Inglês — Plataforma de Exercícios V3 */
html,body{max-width:100%;overflow-x:hidden}
.id-v3-fullbleed{
width:100vw!important;
max-width:none!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
margin-top:0!important;
margin-bottom:0!important;
}
.id-v3-fullbleed,.id-v3-fullbleed *{box-sizing:border-box}
.id-v3-app{
--bg:#060607;--panel:#100e11;--panel2:#151116;--line:rgba(255,255,255,.08);
--txt:#f8f4f8;--muted:#938a95;--pink:#ca1b95;--pink2:#e45abd;--purple:#7b35b7;
--green:#5cdb94;--red:#ff6b7c;
width:100%;min-height:100svh;display:grid;grid-template-columns:240px minmax(0,1fr);
background:
radial-gradient(circle at 20% -5%,rgba(202,27,149,.08),transparent 27%),
radial-gradient(circle at 90% 8%,rgba(123,53,183,.07),transparent 30%),var(--bg);
color:var(--txt);font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.id-v3-sidebar{height:100svh;position:sticky;top:0;z-index:20;padding:26px 17px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(7,7,8,.94);backdrop-filter:blur(18px)}
.id-v3-logo{height:70px;display:flex;align-items:center;padding:0 10px;margin-bottom:23px}
.id-v3-logo img{width:62px!important;height:54px!important;max-width:62px!important;object-fit:contain!important}
.id-v3-nav{display:grid;gap:7px}
.id-v3-nav a,.id-v3-settings{min-height:50px;padding:0 14px;display:flex;align-items:center;gap:13px;border-radius:14px;color:#89818b!important;text-decoration:none!important;font-size:14px;font-weight:750;transition:.2s ease}
.id-v3-nav a span,.id-v3-settings span{width:23px;display:grid;place-items:center}
.id-v3-nav a:hover,.id-v3-settings:hover{color:#fff!important;background:rgba(255,255,255,.035)}
.id-v3-nav a.is-active{color:#fff!important;border:1px solid rgba(228,90,189,.13);background:linear-gradient(90deg,rgba(202,27,149,.14),rgba(123,53,183,.055))}
.id-v3-nav a.is-active span{color:var(--pink2)}
.id-v3-sidebar__bottom{margin-top:auto;display:grid;gap:11px}
.id-v3-streak{padding:14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.023)}
.id-v3-streak>span{font-size:19px}.id-v3-streak strong,.id-v3-streak small{display:block}.id-v3-streak strong{font-size:13px}.id-v3-streak small{margin-top:2px;color:#716a73;font-size:10px}
.id-v3-main{min-width:0}
.id-v3-topbar{height:88px;position:sticky;top:0;z-index:18;padding:0 clamp(20px,3vw,44px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:rgba(7,7,8,.78);backdrop-filter:blur(18px)}
.id-v3-mobile-logo{display:none}
.id-v3-topbar__title small,.id-v3-topbar__title strong{display:block}.id-v3-topbar__title small{color:#6e6770;font-size:11px}.id-v3-topbar__title strong{margin-top:5px;font-size:15px}
.id-v3-topbar__stats{display:flex;align-items:center;gap:9px}
.id-v3-top-pill{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);font-size:12px}
.id-v3-top-pill--xp{color:#eb65c6;border-color:rgba(202,27,149,.16);background:rgba(202,27,149,.05)}
.id-v3-user{display:flex;align-items:center;gap:9px;margin-left:2px}.id-v3-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:900}
.id-v3-user small,.id-v3-user strong{display:block}.id-v3-user small{color:#746c76;font-size:9px}.id-v3-user strong{margin-top:2px;font-size:11px}
.id-v3-content{width:min(1380px,100%);margin:0 auto;padding:clamp(28px,4vw,52px)}
.id-v3-session-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:23px}
.id-v3-section-label,.id-v3-side-label{color:#e65dbf;font-size:10px;font-weight:850;letter-spacing:.16em}
.id-v3-session-head h1{margin:9px 0 8px;font-size:clamp(37px,4.2vw,55px);line-height:1;letter-spacing:-.045em}
.id-v3-session-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.id-v3-session-counters{display:flex;gap:10px}.id-v3-session-counters>div{min-width:112px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.023)}
.id-v3-session-counters span,.id-v3-session-counters strong{display:block}.id-v3-session-counters span{color:#756d77;font-size:9px}.id-v3-session-counters strong{margin-top:5px;font-size:13px}
.id-v3-progress{height:6px;margin-bottom:28px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.05)}
.id-v3-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--purple));box-shadow:0 0 18px rgba(202,27,149,.25);transition:width .45s ease}
.id-v3-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.id-v3-right{display:grid;gap:14px;position:sticky;top:108px}
.id-v3-side-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.016))}
.id-v3-score{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.055)}.id-v3-score strong,.id-v3-score small{display:block}.id-v3-score strong{font-size:38px;line-height:1}.id-v3-score small{margin-top:6px;color:#756e77;font-size:10px}
.id-v3-side-row{display:flex;justify-content:space-between;gap:15px;padding-top:13px;color:#8c838e;font-size:11px}.id-v3-side-row strong{color:#fff}
.id-v3-tip-card>strong{display:block;margin:12px 0 6px;font-size:14px}.id-v3-tip-card p{margin:0;color:#8e858f;font-size:11px;line-height:1.65}
.id-v3-player-slot{min-width:0;transition:opacity .2s ease,transform .2s ease}.id-v3-player-slot.is-changing{opacity:.3;transform:translateY(8px)}
.id-v3-player{position:relative;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.09);border-radius:26px;background:radial-gradient(circle at 94% 0%,rgba(202,27,149,.09),transparent 31%),linear-gradient(180deg,#141015,#0d0b0e);box-shadow:0 30px 80px rgba(0,0,0,.25)}
.id-v3-orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.18;pointer-events:none}.id-v3-orb--one{width:230px;height:230px;right:-130px;top:-130px;background:var(--pink)}.id-v3-orb--two{width:190px;height:190px;left:-130px;bottom:-130px;background:var(--purple)}
.id-v3-player__top,.id-v3-tags,.id-v3-answers,.id-v3-player__actions,.id-v3-feedback,.id-v3-next-wrap{position:relative;z-index:2}
.id-v3-player__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}
.id-v3-kicker{display:inline-flex;align-items:center;gap:9px;color:#e65dbf;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.id-v3-kicker i{width:7px;height:7px;border-radius:50%;background:var(--pink2);box-shadow:0 0 14px rgba(228,90,189,.6)}
.id-v3-question{max-width:760px;margin:15px 0 10px!important;color:var(--txt)!important;font-size:clamp(31px,4vw,47px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:800!important}
.id-v3-context{max-width:720px;margin:0!important;color:var(--muted)!important;font-size:14px!important;line-height:1.7!important}
.id-v3-xp-badge{min-width:70px;padding:12px 13px;text-align:center;border:1px solid rgba(202,27,149,.16);border-radius:15px;background:rgba(202,27,149,.05)}.id-v3-xp-badge strong,.id-v3-xp-badge span{display:block}.id-v3-xp-badge strong{color:#eb66c7;font-size:18px}.id-v3-xp-badge span{margin-top:2px;color:#806e80;font-size:8px}
.id-v3-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.id-v3-tag{min-height:29px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#99909a;font-size:10px;font-weight:800}
.id-v3-answers{display:grid;gap:10px}.id-v3-answer{width:100%;min-height:68px;padding:12px 15px;display:grid;grid-template-columns:42px minmax(0,1fr) 27px;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022);color:#ddd5df;text-align:left;cursor:pointer;transition:.2s ease}
.id-v3-answer:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(228,90,189,.28);background:rgba(202,27,149,.045)}
.id-v3-answer.is-selected{border-color:rgba(228,90,189,.55);background:linear-gradient(90deg,rgba(202,27,149,.12),rgba(123,53,183,.065));box-shadow:0 0 26px rgba(202,27,149,.07)}
.id-v3-answer__letter{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);font-size:12px;font-weight:900}.id-v3-answer.is-selected .id-v3-answer__letter{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}
.id-v3-answer__text{font-size:14px;font-weight:700;line-height:1.5}.id-v3-answer__state{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}
.id-v3-answer.is-correct{border-color:rgba(92,219,148,.48);background:rgba(92,219,148,.06)}.id-v3-answer.is-correct .id-v3-answer__letter{color:#8cf0b8;background:rgba(92,219,148,.13);border-color:rgba(92,219,148,.28)}.id-v3-answer.is-correct .id-v3-answer__state:before{content:"✓";color:#7ce8aa;font-weight:900}
.id-v3-answer.is-wrong{border-color:rgba(255,107,124,.42);background:rgba(255,107,124,.055)}.id-v3-answer.is-wrong .id-v3-answer__letter{color:#ff99a6;background:rgba(255,107,124,.12);border-color:rgba(255,107,124,.25)}.id-v3-answer.is-wrong .id-v3-answer__state:before{content:"×";color:#ff8796;font-weight:900;font-size:17px}
.id-v3-player__actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.id-v3-hint{color:#726a74;font-size:11px}
.id-v3-check,.id-v3-next{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:14px;color:#fff!important;font-size:13px;font-weight:900;cursor:pointer;transition:.2s ease}.id-v3-check{background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 13px 34px rgba(202,27,149,.2)}.id-v3-check:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.id-v3-check:hover:not(:disabled),.id-v3-next:hover{transform:translateY(-2px)}
.id-v3-feedback{margin-top:19px;padding:17px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.024);animation:idv3in .3s ease both}.id-v3-feedback[hidden],.id-v3-next-wrap[hidden]{display:none!important}
.id-v3-feedback__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900}.id-v3-feedback.is-success{border-color:rgba(92,219,148,.2);background:rgba(92,219,148,.03)}.id-v3-feedback.is-success .id-v3-feedback__icon{color:#83e9ae;background:rgba(92,219,148,.11)}.id-v3-feedback.is-success .id-v3-feedback__icon:before{content:"✓"}.id-v3-feedback.is-error{border-color:rgba(255,107,124,.18);background:rgba(255,107,124,.027)}.id-v3-feedback.is-error .id-v3-feedback__icon{color:#ff8a98;background:rgba(255,107,124,.1)}.id-v3-feedback.is-error .id-v3-feedback__icon:before{content:"!"}
.id-v3-feedback__title{display:block;margin:2px 0 5px;font-size:14px}.id-v3-feedback__text{margin:0!important;color:#99909b!important;font-size:12px!important;line-height:1.65!important}.id-v3-feedback__xp{align-self:center;color:#ec67c7;font-size:13px;font-weight:900;white-space:nowrap}
.id-v3-next-wrap{display:flex;justify-content:flex-end;margin-top:12px}.id-v3-next{background:rgba(255,255,255,.055);border:1px solid var(--line)}
.id-v3-complete{padding:50px 25px;text-align:center;border:1px solid rgba(228,90,189,.16);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(202,27,149,.1),transparent 50%),#100e11}.id-v3-complete span{font-size:36px}.id-v3-complete h2{margin:13px 0 8px;color:#fff;font-size:34px}.id-v3-complete p{margin:0;color:#938a95}
.id-v3-bottom-nav{display:none}.id-v3-warning{padding:16px;background:#fff7db;color:#5a4714;border-radius:10px}
@keyframes idv3in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
.id-v3-app{grid-template-columns:200px minmax(0,1fr)}
.id-v3-layout{grid-template-columns:1fr}.id-v3-right{position:static;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
.id-v3-app{display:block;padding-bottom:80px}.id-v3-sidebar{display:none}.id-v3-topbar{height:72px;padding:0 14px}.id-v3-mobile-logo{display:block;width:48px!important;height:40px!important;object-fit:contain!important}.id-v3-topbar__title{display:none}.id-v3-topbar__stats{margin-left:auto}.id-v3-user>div:last-child{display:none}.id-v3-top-pill{min-height:38px;padding:0 9px;font-size:10px}.id-v3-content{padding:25px 14px}.id-v3-session-head{display:block}.id-v3-session-counters{margin-top:17px}.id-v3-session-counters>div{flex:1;min-width:0}.id-v3-right{grid-template-columns:1fr}.id-v3-tip-card,.id-v3-account-card{display:none}.id-v3-player{padding:20px 14px;border-radius:22px}.id-v3-player__top{grid-template-columns:1fr}.id-v3-xp-badge{position:absolute;top:0;right:0}.id-v3-question{padding-right:82px;font-size:clamp(28px,9vw,37px)!important}.id-v3-answer{grid-template-columns:38px minmax(0,1fr) 24px;gap:10px;padding:11px 12px}.id-v3-answer__letter{width:38px;height:38px}.id-v3-answer__text{font-size:13px}.id-v3-player__actions{display:block}.id-v3-hint{display:block;margin-bottom:11px}.id-v3-check,.id-v3-next{width:100%}.id-v3-feedback{grid-template-columns:40px minmax(0,1fr)}.id-v3-feedback__xp{grid-column:2}.id-v3-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:100;min-height:64px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(13,11,14,.95);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.id-v3-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d7580!important;text-decoration:none!important;border-radius:12px}.id-v3-bottom-nav a.is-active{color:#e45dbd!important;background:rgba(202,27,149,.075)}.id-v3-bottom-nav small{font-size:9px;font-weight:700}
}
@media(max-width:430px){
.id-v3-session-head h1{font-size:35px}.id-v3-session-counters{gap:8px}.id-v3-session-counters>div{padding:12px}.id-v3-question{font-size:29px!important}.id-v3-answer{grid-template-columns:36px minmax(0,1fr)}.id-v3-answer__state{display:none}
}
@media(prefers-reduced-motion:reduce){.id-v3-app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* ==========================================================
V4 — RESPONSIVE HARDENING
Corrige quebras entre 360px e 1440px, evita overflow
e redistribui sidebar/painel lateral em larguras médias.
========================================================== */
/* Base anti-overflow */
.id-v3-app,
.id-v3-main,
.id-v3-content,
.id-v3-layout,
.id-v3-player-slot,
.id-v3-player,
.id-v3-player__top,
.id-v3-question,
.id-v3-context,
.id-v3-answer,
.id-v3-answer__text,
.id-v3-right,
.id-v3-side-card {
min-width: 0 !important;
}
.id-v3-question,
.id-v3-context,
.id-v3-answer__text,
.id-v3-session-head h1,
.id-v3-session-head p {
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
}
.id-v3-answer {
overflow: hidden;
}
.id-v3-answer__text {
white-space: normal !important;
overflow: hidden;
text-overflow: clip;
}
.id-v3-content {
overflow: visible;
}
/* Wide desktop: limita a largura visual para não "esticar" demais em 2K/4K */
@media (min-width: 1600px) {
.id-v3-content {
width: min(1500px, calc(100% - 72px));
}
.id-v3-layout {
grid-template-columns: minmax(0, 1fr) 320px;
gap: 24px;
}
.id-v3-question {
font-size: clamp(34px, 2.7vw, 52px) !important;
}
}
/* Desktop intermediário: painel lateral vai para baixo antes do player ficar apertado */
@media (max-width: 1320px) {
.id-v3-layout {
grid-template-columns: 1fr !important;
}
.id-v3-right {
position: static !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.id-v3-player {
max-width: none;
}
}
/* Entre 980 e 1180: reduz sidebar e tipografia, mantendo layout de desktop */
@media (max-width: 1180px) and (min-width: 981px) {
.id-v3-app {
grid-template-columns: 184px minmax(0,1fr) !important;
}
.id-v3-sidebar {
padding-inline: 12px !important;
}
.id-v3-content {
padding: 28px 26px !important;
}
.id-v3-session-head h1 {
font-size: clamp(34px, 4.2vw, 46px) !important;
}
.id-v3-question {
font-size: clamp(30px, 4.5vw, 42px) !important;
}
.id-v3-right {
grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
}
/* Tablet: vira "app" sem sidebar fixa */
@media (max-width: 980px) {
.id-v3-app {
display: block !important;
padding-bottom: 86px !important;
}
.id-v3-sidebar {
display: none !important;
}
.id-v3-topbar {
height: 74px !important;
padding: 0 18px !important;
}
.id-v3-mobile-logo {
display: block !important;
width: 50px !important;
height: 42px !important;
object-fit: contain !important;
flex: 0 0 auto;
}
.id-v3-topbar__title {
display: none !important;
}
.id-v3-topbar__stats {
margin-left: auto !important;
gap: 8px !important;
}
.id-v3-user > div:last-child {
display: none !important;
}
.id-v3-content {
padding: 28px 22px 110px !important;
}
.id-v3-session-head {
display: grid !important;
grid-template-columns: minmax(0,1fr) auto !important;
align-items: end !important;
gap: 20px !important;
}
.id-v3-session-head h1 {
font-size: clamp(34px, 5.6vw, 46px) !important;
}
.id-v3-session-counters {
margin-top: 0 !important;
}
.id-v3-session-counters > div {
min-width: 104px !important;
}
.id-v3-layout {
grid-template-columns: 1fr !important;
}
.id-v3-right {
position: static !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
.id-v3-tip-card {
display: block !important;
}
.id-v3-account-card {
grid-column: 1 / -1;
}
.id-v3-bottom-nav {
display: grid !important;
}
}
/* Tablet estreito / mobile grande */
@media (max-width: 760px) {
.id-v3-topbar {
padding: 0 14px !important;
}
.id-v3-top-pill {
min-height: 38px !important;
padding: 0 9px !important;
}
.id-v3-content {
padding: 22px 14px 112px !important;
}
.id-v3-session-head {
display: block !important;
}
.id-v3-session-head h1 {
font-size: clamp(32px, 8vw, 42px) !important;
}
.id-v3-session-head p {
font-size: 13px !important;
}
.id-v3-session-counters {
margin-top: 16px !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
.id-v3-session-counters > div {
min-width: 0 !important;
}
.id-v3-player {
padding: 18px 13px 20px !important;
border-radius: 20px !important;
}
.id-v3-player__top {
display: block !important;
}
.id-v3-xp-badge {
position: static !important;
display: inline-flex !important;
align-items: baseline !important;
gap: 5px !important;
min-width: 0 !important;
width: auto !important;
padding: 7px 10px !important;
margin-top: 12px !important;
}
.id-v3-question {
padding-right: 0 !important;
font-size: clamp(27px, 8.5vw, 36px) !important;
line-height: 1.08 !important;
}
.id-v3-context {
font-size: 13px !important;
}
.id-v3-answers {
gap: 9px !important;
}
.id-v3-answer {
min-height: 62px !important;
grid-template-columns: 38px minmax(0, 1fr) 22px !important;
gap: 10px !important;
padding: 10px 11px !important;
border-radius: 14px !important;
}
.id-v3-answer__letter {
width: 38px !important;
height: 38px !important;
}
.id-v3-answer__text {
font-size: 13px !important;
line-height: 1.45 !important;
}
.id-v3-player__actions {
display: block !important;
}
.id-v3-hint {
display: block !important;
margin-bottom: 10px !important;
}
.id-v3-check,
.id-v3-next {
width: 100% !important;
}
.id-v3-right {
display: block !important;
}
.id-v3-side-card {
margin-top: 14px !important;
}
.id-v3-tip-card,
.id-v3-account-card {
display: none !important;
}
.id-v3-bottom-nav {
left: 10px !important;
right: 10px !important;
bottom: max(10px, env(safe-area-inset-bottom)) !important;
}
}
/* Mobile */
@media (max-width: 480px) {
.id-v3-topbar {
height: 68px !important;
padding: 0 10px !important;
}
.id-v3-mobile-logo {
width: 43px !important;
height: 36px !important;
}
.id-v3-topbar__stats {
gap: 5px !important;
}
.id-v3-top-pill {
min-height: 36px !important;
padding: 0 8px !important;
font-size: 10px !important;
border-radius: 11px !important;
}
.id-v3-user {
margin-left: 0 !important;
}
.id-v3-avatar {
width: 36px !important;
height: 36px !important;
border-radius: 11px !important;
}
.id-v3-content {
padding: 20px 8px 116px !important;
}
.id-v3-session-head {
padding-inline: 2px;
}
.id-v3-section-label {
font-size: 9px !important;
}
.id-v3-session-head h1 {
font-size: clamp(29px, 9vw, 36px) !important;
margin-top: 8px !important;
}
.id-v3-session-counters > div {
padding: 12px !important;
}
.id-v3-progress {
margin-bottom: 18px !important;
}
.id-v3-player {
padding: 16px 10px 18px !important;
border-radius: 18px !important;
}
.id-v3-kicker {
font-size: 9px !important;
}
.id-v3-question {
font-size: clamp(26px, 9vw, 33px) !important;
letter-spacing: -.035em !important;
}
.id-v3-context {
font-size: 12.5px !important;
}
.id-v3-tags {
margin: 17px 0 !important;
}
.id-v3-tag {
min-height: 27px !important;
padding: 0 9px !important;
font-size: 9px !important;
}
.id-v3-answer {
grid-template-columns: 36px minmax(0,1fr) !important;
gap: 10px !important;
min-height: 60px !important;
}
.id-v3-answer__letter {
width: 36px !important;
height: 36px !important;
}
.id-v3-answer__state {
display: none !important;
}
.id-v3-answer__text {
font-size: 12.5px !important;
overflow-wrap: anywhere !important;
}
.id-v3-feedback {
grid-template-columns: 38px minmax(0,1fr) !important;
padding: 14px !important;
}
.id-v3-feedback__xp {
grid-column: 2 !important;
justify-self: start !important;
}
.id-v3-side-card {
padding: 17px !important;
border-radius: 18px !important;
}
.id-v3-bottom-nav {
min-height: 62px !important;
padding: 6px !important;
border-radius: 17px !important;
}
}
/* Extra estreito: 320–380px */
@media (max-width: 380px) {
.id-v3-content {
padding-inline: 6px !important;
}
.id-v3-top-pill--xp strong {
max-width: 66px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.id-v3-question {
font-size: 27px !important;
}
.id-v3-answer {
padding-inline: 9px !important;
}
.id-v3-answer__text {
font-size: 12px !important;
}
.id-v3-bottom-nav small {
font-size: 8px !important;
}
}
/* Evita o menu inferior cobrir o fim dos cards */
@media (max-width: 980px) {
.id-v3-main,
.id-v3-content {
padding-bottom: calc(110px + env(safe-area-inset-bottom)) !important;
}
}
/* ==========================================================
V5 — MOBILE SAFE AREA + BOTTOM GAP FIX
========================================================== */
/* remove "sobras" verticais criadas por min-height/paddings concorrentes */
.id-v3-fullbleed,
.id-v3-app,
.id-v3-main {
min-height: 100svh;
}
.id-v3-main {
display: flex;
flex-direction: column;
}
.id-v3-content {
flex: 1 0 auto;
}
.id-v3-right,
.id-v3-side-card {
margin-bottom: 0 !important;
}
/* Tablet/mobile: conteúdo respira nas laterais e no fim */
@media (max-width: 980px) {
.id-v3-main {
min-height: 100svh !important;
padding-bottom: 0 !important;
}
.id-v3-content {
width: 100% !important;
max-width: 100% !important;
padding-left: 18px !important;
padding-right: 18px !important;
padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}
.id-v3-layout,
.id-v3-player-slot,
.id-v3-right {
width: 100% !important;
}
.id-v3-bottom-nav {
left: 18px !important;
right: 18px !important;
width: auto !important;
}
.id-v3-right {
margin-bottom: 0 !important;
}
.id-v3-side-card:last-child {
margin-bottom: 0 !important;
}
}
/* Mobile */
@media (max-width: 760px) {
.id-v3-content {
padding-left: 14px !important;
padding-right: 14px !important;
padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
}
.id-v3-player,
.id-v3-side-card,
.id-v3-session-counters > div {
width: 100% !important;
}
.id-v3-bottom-nav {
left: 14px !important;
right: 14px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
}
/* evita sensação de card colado na viewport */
.id-v3-session-head,
.id-v3-progress,
.id-v3-layout {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* Celulares estreitos */
@media (max-width: 480px) {
.id-v3-content {
padding-left: 12px !important;
padding-right: 12px !important;
padding-bottom: calc(94px + env(safe-area-inset-bottom)) !important;
}
.id-v3-player {
padding-left: 14px !important;
padding-right: 14px !important;
}
.id-v3-bottom-nav {
left: 12px !important;
right: 12px !important;
}
.id-v3-answer {
padding-left: 12px !important;
padding-right: 12px !important;
}
.id-v3-side-card {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
/* 360px/320px: mais margem real, sem encostar nas bordas */
@media (max-width: 380px) {
.id-v3-content {
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}
.id-v3-bottom-nav {
left: 10px !important;
right: 10px !important;
}
.id-v3-player {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
/* elimina o "buraco preto" depois do último card:
o app termina logo após o conteúdo + espaço do menu fixo */
@media (max-width: 980px) {
.id-v3-app {
min-height: 100svh !important;
height: auto !important;
padding-bottom: 0 !important;
}
.id-v3-main {
height: auto !important;
}
.id-v3-content {
min-height: 0 !important;
}
.id-v3-layout {
margin-bottom: 0 !important;
}
.id-v3-right {
padding-bottom: 0 !important;
}
}
/* em alturas pequenas, mantém o menu fixo sem cobrir conteúdo */
@media (max-width: 980px) and (max-height: 760px) {
.id-v3-content {
padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
}
}
/* ==========================================================
V6 — FIX DEFINITIVO DO BOTTOM NAV ENTRE 761px E 980px
O problema dos textos rosas era o menu mobile entrando
em display:grid nessa faixa sem receber o restante do estilo.
========================================================== */
@media (max-width: 980px) {
.id-v3-bottom-nav {
position: fixed !important;
left: 18px !important;
right: 18px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
z-index: 999 !important;
width: auto !important;
min-height: 66px !important;
margin: 0 !important;
padding: 7px !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0,1fr)) !important;
align-items: stretch !important;
border: 1px solid rgba(255,255,255,.09) !important;
border-radius: 18px !important;
background: rgba(13,11,14,.96) !important;
-webkit-backdrop-filter: blur(18px) !important;
backdrop-filter: blur(18px) !important;
box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
list-style: none !important;
}
.id-v3-bottom-nav a {
min-width: 0 !important;
min-height: 50px !important;
margin: 0 !important;
padding: 6px 4px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
color: #817984 !important;
text-decoration: none !important;
text-align: center !important;
font-size: 12px !important;
line-height: 1 !important;
}
.id-v3-bottom-nav a:hover {
color: #d9cfd9 !important;
background: rgba(255,255,255,.025) !important;
}
.id-v3-bottom-nav a.is-active {
color: #e45dbd !important;
background: rgba(202,27,149,.09) !important;
}
.id-v3-bottom-nav a span {
display: block !important;
font-size: 16px !important;
line-height: 1 !important;
}
.id-v3-bottom-nav a small {
display: block !important;
margin: 0 !important;
color: inherit !important;
font-size: 9px !important;
font-weight: 750 !important;
line-height: 1.1 !important;
}
/* O menu é fixed, então ele não pode ocupar espaço no fluxo da página */
.id-v3-bottom-nav {
float: none !important;
clear: none !important;
}
/* reduz a sobra preta: só reservamos o espaço real necessário ao menu */
.id-v3-content {
padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
}
.id-v3-layout,
.id-v3-right {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
@media (max-width: 760px) {
.id-v3-bottom-nav {
left: 14px !important;
right: 14px !important;
}
}
@media (max-width: 480px) {
.id-v3-bottom-nav {
left: 12px !important;
right: 12px !important;
min-height: 64px !important;
}
.id-v3-content {
padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
}
}
@media (max-width: 380px) {
.id-v3-bottom-nav {
left: 10px !important;
right: 10px !important;
}
.id-v3-bottom-nav a small {
font-size: 8px !important;
}
}
/* ==========================================================
V7 — RESTAURA DICA + SEU PROGRESSO NO MOBILE
========================================================== */
@media (max-width: 760px) {
.id-v3-tip-card,
.id-v3-account-card {
display: block !important;
}
.id-v3-right {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
margin-top: 14px !important;
}
.id-v3-account-card {
grid-column: auto !important;
}
.id-v3-side-card {
margin-top: 0 !important;
}
.id-v3-content {
padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
}
}
@media (max-width: 480px) {
.id-v3-right {
gap: 12px !important;
}
.id-v3-side-card {
padding: 16px !important;
border-radius: 17px !important;
}
.id-v3-tip-card > strong {
margin: 10px 0 5px !important;
font-size: 13px !important;
}
.id-v3-tip-card p {
font-size: 11px !important;
line-height: 1.55 !important;
}
.id-v3-side-row {
padding-top: 11px !important;
font-size: 10.5px !important;
}
.id-v3-score {
padding: 14px 0 !important;
}
.id-v3-score strong {
font-size: 34px !important;
}
.id-v3-content {
padding-bottom: calc(106px + env(safe-area-inset-bottom)) !important;
}
}
@media (max-width: 380px) {
.id-v3-side-card {
padding: 15px !important;
}
.id-v3-content {
padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}
}
/* ==========================================================
V8 — TELAS DA PLATAFORMA
========================================================== */
.id-v8-content{width:min(1420px,100%);}
.id-v3-user{text-decoration:none!important;color:inherit!important}
.id-v3-settings.is-active{color:#fff!important;background:rgba(202,27,149,.09)}
.id-v8-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.id-v8-page-head h1{margin:9px 0 8px;color:#fff;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em}
.id-v8-page-head p{max-width:760px;margin:0;color:#938a95;font-size:14px;line-height:1.7}
.id-v8-relation-status{padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8e858f;font-size:10px;font-weight:800}
.id-v8-relation-status.is-ok{color:#78dba6;border-color:rgba(92,219,148,.2);background:rgba(92,219,148,.035)}
.id-v8-relation-status.is-warning{color:#ffc879;border-color:rgba(255,200,121,.18);background:rgba(255,200,121,.035)}
.id-v8-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.id-v8-module-card{position:relative;overflow:hidden;min-height:355px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.085);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(202,27,149,.08),transparent 35%),linear-gradient(180deg,#141115,#0c0b0d);transition:.22s ease}
.id-v8-module-card:hover{transform:translateY(-4px);border-color:rgba(228,90,189,.24);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.id-v8-module-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.id-v8-module-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(228,90,189,.15);background:linear-gradient(135deg,rgba(202,27,149,.13),rgba(123,53,183,.06));color:#e65dbf;font-size:22px}
.id-v8-module-icon img{width:30px!important;height:30px!important;object-fit:contain!important}
.id-v8-access{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#827986;font-size:9px;font-weight:900;letter-spacing:.11em}
.id-v8-access.is-pro{color:#eb65c6;border-color:rgba(202,27,149,.18);background:rgba(202,27,149,.05)}
.id-v8-module-card h2{margin:0 0 10px;color:#fff;font-size:25px;letter-spacing:-.03em}
.id-v8-module-card p{margin:0;color:#968d98;font-size:12px;line-height:1.65}
.id-v8-module-meta{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}
.id-v8-module-meta span{padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#837b86;font-size:9px;font-weight:700}
.id-v8-module-progress{margin-top:auto}
.id-v8-module-progress>div{display:flex;justify-content:space-between;margin-bottom:8px;color:#817985;font-size:10px}.id-v8-module-progress strong{color:#fff}
.id-v8-module-progress i,.id-v8-list-progress i{display:block;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055)}
.id-v8-module-progress b,.id-v8-list-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ca1b95,#7b35b7)}
.id-v8-module-cta{margin-top:18px;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:linear-gradient(135deg,#ca1b95,#7b35b7);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900}
.id-v8-module-cta.is-disabled{opacity:.55}
.id-v8-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.id-v8-stat{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014))}
.id-v8-stat span,.id-v8-stat small{display:block}.id-v8-stat span{color:#8e858f;font-size:10px}.id-v8-stat strong{display:block;margin:9px 0 4px;color:#fff;font-size:34px}.id-v8-stat small{color:#6f6871;font-size:9px}
.id-v8-panel{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0d0c0e}
.id-v8-panel-head h2{margin:8px 0 20px;color:#fff;font-size:25px}
.id-v8-progress-list{display:grid}
.id-v8-progress-list>a{padding:16px 0;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:center;border-top:1px solid rgba(255,255,255,.055);color:inherit!important;text-decoration:none!important}
.id-v8-progress-list>a:first-child{border-top:0}
.id-v8-progress-list strong,.id-v8-progress-list span{display:block}.id-v8-progress-list>a>div:first-child strong{font-size:13px;color:#fff}.id-v8-progress-list>a>div:first-child span{margin-top:4px;color:#777079;font-size:10px}
.id-v8-list-progress{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center}.id-v8-list-progress strong{font-size:10px;text-align:right}
.id-v8-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.id-v8-achievement{padding:20px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.018);opacity:.58}
.id-v8-achievement.is-done{opacity:1;border-color:rgba(228,90,189,.19);background:radial-gradient(circle at 0 50%,rgba(202,27,149,.07),transparent 45%),rgba(255,255,255,.018)}
.id-v8-achievement-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.035);font-size:20px}.id-v8-achievement.is-done .id-v8-achievement-icon{color:#e65dbf;background:rgba(202,27,149,.09)}
.id-v8-achievement strong{display:block;color:#fff;font-size:13px}.id-v8-achievement p{margin:5px 0 0;color:#807883;font-size:10px}.id-v8-achievement>span{font-size:9px;color:#7d7580}.id-v8-achievement.is-done>span{color:#e65dbf}
.id-v8-profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px}
.id-v8-profile-card,.id-v8-profile-summary{padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0d0c0e}
.id-v8-profile-card{display:flex;align-items:center;gap:18px}.id-v8-profile-avatar{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#ca1b95,#7b35b7);font-size:27px;font-weight:900}.id-v8-profile-card h2{margin:0;color:#fff;font-size:24px}.id-v8-profile-card p{margin:7px 0 0;color:#8c838e;font-size:11px}
.id-v8-profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.id-v8-profile-summary div{padding:14px;border-radius:15px;background:rgba(255,255,255,.024)}.id-v8-profile-summary span,.id-v8-profile-summary strong{display:block}.id-v8-profile-summary span{color:#807884;font-size:9px}.id-v8-profile-summary strong{margin-top:7px;color:#fff;font-size:22px}
.id-v8-settings-list{display:grid;gap:10px}
.id-v8-settings-list>div{min-height:76px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.018)}
.id-v8-settings-list strong,.id-v8-settings-list small{display:block}.id-v8-settings-list strong{color:#fff;font-size:13px}.id-v8-settings-list small{margin-top:4px;color:#817985;font-size:10px}
.id-v8-settings-list a,.id-v8-coming{padding:9px 11px;border:1px solid rgba(228,90,189,.17);border-radius:11px;color:#e65dbf!important;text-decoration:none!important;font-size:9px;font-weight:800;white-space:nowrap}
.id-v8-coming{color:#827985!important;border-color:rgba(255,255,255,.08)}
.id-v8-empty{padding:34px;border:1px dashed rgba(228,90,189,.22);border-radius:22px;background:rgba(202,27,149,.025);text-align:center}.id-v8-empty strong{display:block;color:#fff;font-size:20px}.id-v8-empty p{margin:8px auto 16px;max-width:600px;color:#938a95;font-size:12px;line-height:1.6}.id-v8-empty a{color:#e65dbf!important}
@media(max-width:1180px){
.id-v8-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.id-v8-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.id-v8-page-head{display:block}
.id-v8-relation-status{display:inline-flex;margin-top:14px}
.id-v8-module-grid,.id-v8-achievement-grid,.id-v8-profile-grid{grid-template-columns:1fr}
.id-v8-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.id-v8-progress-list>a{grid-template-columns:1fr;gap:10px}
.id-v8-profile-summary{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
.id-v8-page-head h1{font-size:36px}
.id-v8-module-grid,.id-v8-stat-grid{grid-template-columns:1fr}
.id-v8-module-card{min-height:330px;padding:20px}
.id-v8-achievement{grid-template-columns:48px minmax(0,1fr)}.id-v8-achievement>span{grid-column:2}
.id-v8-profile-card{align-items:flex-start}.id-v8-profile-avatar{width:58px;height:58px;border-radius:18px}
.id-v8-profile-summary{grid-template-columns:1fr}
.id-v8-settings-list>div{align-items:flex-start;flex-direction:column}
}
/* ==========================================================
V9 — BADGE "RELAÇÃO CONECTADA" + STREAK REAL
========================================================== */
.id-v8-relation-status{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
width:max-content !important;
max-width:100% !important;
min-width:max-content !important;
white-space:nowrap !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
line-height:1 !important;
padding:11px 15px !important;
}
.id-v8-relation-status span{
display:inline-block !important;
white-space:nowrap !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
@media (max-width:1040px){
.id-v8-page-head{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:14px !important;
}
.id-v8-relation-status{
margin-top:0 !important;
}
}
@media (max-width:760px){
.id-v8-relation-status{
font-size:9px !important;
padding:10px 13px !important;
}
}
.id-v3-streak strong,
.id-v3-top-pill strong{
font-variant-numeric:tabular-nums;
}
/* ==========================================================
V10 — PROGRESSO PREMIUM + PLAYER LOFI
Criador: Thomas Anderson
========================================================== */
/* Barra de progresso leve: brilho móvel + ponto luminoso, apenas CSS */
.id-progress-fx{
position:relative;
overflow:hidden;
isolation:isolate;
}
.id-progress-fx > span,
.id-progress-fx > b{
position:relative;
overflow:visible;
background:linear-gradient(90deg,#ca1b95 0%,#df36ad 45%,#8b42d2 100%) !important;
box-shadow:0 0 18px rgba(202,27,149,.14);
}
.id-progress-fx > span::before,
.id-progress-fx > b::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.35) 47%,transparent 78%);
transform:translateX(-120%);
animation:iaProgressSweep 3.8s ease-in-out infinite;
pointer-events:none;
}
.id-progress-fx > span::after,
.id-progress-fx > b::after{
content:"";
position:absolute;
right:-4px;
top:50%;
width:8px;
height:8px;
border-radius:50%;
background:#f06ac8;
box-shadow:0 0 0 4px rgba(240,106,200,.08),0 0 16px rgba(240,106,200,.42);
transform:translateY(-50%);
animation:iaProgressPulse 2.4s ease-in-out infinite;
}
@keyframes iaProgressSweep{
0%,35%{transform:translateX(-130%)}
72%,100%{transform:translateX(130%)}
}
@keyframes iaProgressPulse{
0%,100%{opacity:.58;transform:translateY(-50%) scale(.82)}
50%{opacity:1;transform:translateY(-50%) scale(1.12)}
}
@media (prefers-reduced-motion:reduce){
.id-progress-fx > span::before,.id-progress-fx > b::before,
.id-progress-fx > span::after,.id-progress-fx > b::after{animation:none!important}
}
/* Shortcut de Som no topo */
.id-v10-sound-shortcut{
min-width:50px;height:45px;padding:0 11px;
display:flex;align-items:center;justify-content:center;gap:6px;
border:1px solid rgba(255,255,255,.075);border-radius:14px;
background:rgba(255,255,255,.018);color:#918892!important;text-decoration:none!important;
}
.id-v10-sound-shortcut span{font-size:16px;color:#df4eb9}
.id-v10-sound-shortcut small{font-size:9px;font-weight:800}
.id-v10-sound-shortcut:hover,.id-v10-sound-shortcut.is-active{border-color:rgba(223,78,185,.2);background:rgba(202,27,149,.065);color:#fff!important}
/* Progress page */
.id-v10-progress-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:end;margin-bottom:22px}
.id-v10-progress-hero h1,.id-v10-sound-hero h1{margin:9px 0 8px;color:#fff;font-size:clamp(42px,4vw,62px);line-height:1;letter-spacing:-.055em}
.id-v10-progress-hero p,.id-v10-sound-hero p{max-width:680px;margin:0;color:#918892;font-size:13px;line-height:1.7}
.id-v10-level-card{padding:18px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(202,27,149,.10),transparent 45%),#0f0d10}
.id-v10-level-badge{width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(145deg,rgba(202,27,149,.18),rgba(123,53,183,.12));border:1px solid rgba(232,86,190,.16)}
.id-v10-level-badge span{font-size:8px;letter-spacing:.12em;color:#d76ab8}.id-v10-level-badge strong{font-size:30px;line-height:1;color:#fff}
.id-v10-level-copy>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.id-v10-level-copy strong{font-size:13px;color:#fff}.id-v10-level-copy span{font-size:9px;color:#776f79}
.id-v10-level-track,.id-v10-module-track{height:7px;border-radius:999px;background:rgba(255,255,255,.055)}.id-v10-level-track>span,.id-v10-module-track>span{display:block;height:100%;border-radius:inherit}
.id-v10-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.id-v10-stat-card{min-height:120px;padding:18px;display:flex;gap:13px;align-items:flex-start;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012))}
.id-v10-stat-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:rgba(202,27,149,.07);border:1px solid rgba(202,27,149,.1)}
.id-v10-stat-card small,.id-v10-stat-card strong,.id-v10-stat-card p{display:block}.id-v10-stat-card small{color:#817985;font-size:9px}.id-v10-stat-card strong{margin:6px 0 3px;color:#fff;font-size:22px;line-height:1.05}.id-v10-stat-card p{margin:0;color:#6e6771;font-size:9px}
.id-v10-progress-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}
.id-v10-progress-panel,.id-v10-activity-panel{min-width:0}
.id-v10-module-progress-list{display:grid}
.id-v10-module-progress-list>a{padding:15px 0;border-top:1px solid rgba(255,255,255,.055);color:inherit!important;text-decoration:none!important}
.id-v10-module-progress-list>a:first-child{border-top:0}
.id-v10-module-progress-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:11px}
.id-v10-module-progress-head>div strong,.id-v10-module-progress-head>div span{display:block}.id-v10-module-progress-head>div strong{font-size:12px;color:#fff}.id-v10-module-progress-head>div span{margin-top:4px;color:#776f7a;font-size:9px}.id-v10-module-progress-head>strong{color:#e45abd;font-size:10px}
.id-v10-module-track{height:6px}
.id-v10-activity-list{display:grid}
.id-v10-activity-item{padding:13px 0;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;border-top:1px solid rgba(255,255,255,.055)}
.id-v10-activity-item:first-child{border-top:0}
.id-v10-activity-dot{width:7px;height:7px;border-radius:50%;background:#706a72;box-shadow:0 0 0 4px rgba(255,255,255,.025)}
.id-v10-activity-dot.is-correct{background:#e355bc;box-shadow:0 0 0 4px rgba(227,85,188,.07)}
.id-v10-activity-dot.is-wrong{background:#a77892}
.id-v10-activity-item strong,.id-v10-activity-item small{display:block}.id-v10-activity-item strong{font-size:11px;color:#fff}.id-v10-activity-item small{margin-top:3px;font-size:8.5px;color:#756d77}.id-v10-activity-xp{font-size:9px;font-weight:800;color:#e55bbe}
.id-v10-activity-empty{padding:30px 10px;text-align:center}.id-v10-activity-empty>span{width:45px;height:45px;margin:0 auto 12px;display:grid;place-items:center;border-radius:15px;background:rgba(202,27,149,.07);color:#e55bbe}.id-v10-activity-empty strong{display:block;color:#fff;font-size:12px}.id-v10-activity-empty p{max-width:280px;margin:7px auto 0;color:#776f79;font-size:9px;line-height:1.6}
/* Sound page */
.id-v10-sound-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;margin-bottom:25px}
.id-v10-sound-visual{height:86px;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.id-v10-sound-visual span{width:7px;border-radius:999px;background:linear-gradient(180deg,#ec54bd,#7c38bb);opacity:.75;animation:iaEq 1.25s ease-in-out infinite alternate}
.id-v10-sound-visual span:nth-child(1){height:24px}.id-v10-sound-visual span:nth-child(2){height:52px;animation-delay:.16s}.id-v10-sound-visual span:nth-child(3){height:34px;animation-delay:.3s}.id-v10-sound-visual span:nth-child(4){height:74px;animation-delay:.05s}.id-v10-sound-visual span:nth-child(5){height:43px;animation-delay:.24s}.id-v10-sound-visual span:nth-child(6){height:62px;animation-delay:.12s}.id-v10-sound-visual span:nth-child(7){height:29px;animation-delay:.36s}
@keyframes iaEq{to{transform:scaleY(.45);opacity:.42}}
@media(prefers-reduced-motion:reduce){.id-v10-sound-visual span{animation:none}}
.id-v10-sound-console{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:radial-gradient(circle at 12% 0,rgba(202,27,149,.095),transparent 28%),linear-gradient(180deg,#111013,#0b0a0c)}
.id-v10-now-playing{display:grid;grid-template-columns:76px minmax(0,1fr) 58px;gap:17px;align-items:center}
.id-v10-cover{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#291123,#130d14);border:1px solid rgba(232,85,190,.17);overflow:hidden}
.id-v10-cover span{position:relative;z-index:2;font-size:24px;color:#ed64c7}.id-v10-cover i{position:absolute;width:95px;height:95px;border-radius:50%;border:1px solid rgba(232,85,190,.12);animation:iaDisc 9s linear infinite;animation-play-state:paused}.id-v10-cover i:after{content:"";position:absolute;inset:18px;border:1px solid rgba(232,85,190,.09);border-radius:50%}.id-v10-sound-console.is-playing .id-v10-cover i{animation-play-state:running}@keyframes iaDisc{to{transform:rotate(360deg)}}
.id-v10-track-copy small{color:#e25abc;font-size:8px;font-weight:900;letter-spacing:.13em}.id-v10-track-copy h2{margin:5px 0 3px;color:#fff;font-size:24px}.id-v10-track-copy p{margin:0;color:#7c747f;font-size:9px}
.id-v10-main-play{width:58px;height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#ca1b95,#7b35b7);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 12px 35px rgba(202,27,149,.15)}
.id-v10-audio-progress{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;margin:20px 0 13px;color:#77707a;font-size:8px}
.id-v10-audio-progress input,.id-v10-volume input{appearance:none;width:100%;height:4px;border-radius:999px;background:rgba(255,255,255,.08);outline:0}
.id-v10-audio-progress input::-webkit-slider-thumb,.id-v10-volume input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#e45abd;cursor:pointer}
.id-v10-audio-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}
.id-v10-audio-controls>button{width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#fff;cursor:pointer}.id-v10-audio-controls>button:nth-child(2){width:48px;height:48px;background:rgba(202,27,149,.1);border-color:rgba(226,81,186,.16)}
.id-v10-volume{margin-left:8px;width:115px;display:flex;gap:7px;align-items:center;color:#9b929e}
.id-v10-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.id-v10-track-card{min-width:0;padding:14px;display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.018);color:inherit;cursor:pointer;transition:.18s ease}
.id-v10-track-card:hover,.id-v10-track-card.is-active{border-color:rgba(229,85,189,.19);background:rgba(202,27,149,.055)}
.id-v10-track-number{color:#e45abd;font-size:9px;font-weight:900}.id-v10-track-card strong,.id-v10-track-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-v10-track-card strong{color:#fff;font-size:10px}.id-v10-track-card small{margin-top:3px;color:#756d77;font-size:8px}.id-v10-track-state{color:#e45abd;font-size:9px;text-align:right}
.id-v10-sound-note{margin-top:14px;padding:15px 18px;display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.014)}.id-v10-sound-note>span{color:#e55bbe}.id-v10-sound-note strong{display:block;color:#fff;font-size:10px}.id-v10-sound-note p{margin:4px 0 0;color:#776f79;font-size:9px;line-height:1.55}
/* Bottom nav now has 5 useful items */
@media(max-width:980px){
.id-v3-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1180px){
.id-v10-progress-hero{grid-template-columns:1fr}
.id-v10-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.id-v10-progress-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
.id-v10-sound-shortcut small{display:none}
.id-v10-sound-shortcut{min-width:43px;width:43px;padding:0}
.id-v10-sound-hero{grid-template-columns:1fr}
.id-v10-sound-visual{justify-content:flex-start;height:55px}
.id-v10-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
.id-v10-progress-hero h1,.id-v10-sound-hero h1{font-size:38px}
.id-v10-level-card{grid-template-columns:60px minmax(0,1fr);padding:15px}.id-v10-level-badge{width:60px;height:60px;border-radius:17px}.id-v10-level-badge strong{font-size:25px}
.id-v10-stat-grid{grid-template-columns:1fr}
.id-v10-stat-card{min-height:auto}
.id-v10-now-playing{grid-template-columns:58px minmax(0,1fr) 48px}.id-v10-cover{width:58px;height:58px;border-radius:18px}.id-v10-main-play{width:48px;height:48px;border-radius:15px}
.id-v10-track-copy h2{font-size:18px}
.id-v10-track-grid{grid-template-columns:1fr}
.id-v10-sound-console{padding:17px;border-radius:21px}
.id-v10-audio-controls{justify-content:flex-start}.id-v10-volume{margin-left:auto;width:90px}
.id-v3-bottom-nav a{padding:5px 2px!important}.id-v3-bottom-nav a small{font-size:7.5px!important}
}
/* ==========================================================
V11 — ESTUDAR + RANKING + AVATARES + PLAYER LOFI POPUP
========================================================== */
.id-v11-study-head{margin-bottom:26px}.id-v11-study-groups{display:grid;gap:34px}.id-v11-study-group{display:grid;gap:18px}.id-v11-study-group__head{display:flex;align-items:end;justify-content:space-between;gap:18px}.id-v11-study-group__head span{display:block;margin-bottom:7px;color:#e45dbd;font-size:10px;font-weight:900;letter-spacing:.16em}.id-v11-study-group__head h2{margin:0;color:#fff;font-size:27px}.id-v11-study-group__head small{color:#8d8490}.id-v11-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.id-v11-study-card{min-width:0;padding:22px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(202,27,149,.13),transparent 42%),linear-gradient(180deg,#171218,#0f0d10);box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.id-v11-study-card:hover{transform:translateY(-4px);border-color:rgba(228,90,189,.28);box-shadow:0 22px 58px rgba(0,0,0,.28),0 0 35px rgba(202,27,149,.07)}.id-v11-study-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.id-v11-study-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(228,90,189,.18);border-radius:13px;background:rgba(202,27,149,.08);color:#ec67c7;font-weight:900}.id-v11-access{padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#9d929e;font-size:9px;font-weight:900;letter-spacing:.12em}.id-v11-access.is-pro{color:#ff70ce;border-color:rgba(228,90,189,.23);background:rgba(202,27,149,.06)}.id-v11-study-card h3{margin:24px 0 9px;color:#fff;font-size:22px;line-height:1.15}.id-v11-study-card p{margin:0 0 20px;color:#9e95a0;font-size:13px;line-height:1.65}.id-v11-study-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.id-v11-study-meta span,.id-v11-lesson-chips span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aaa0ac;background:rgba(255,255,255,.02);font-size:10px;font-weight:800}.id-v11-study-card>a{margin-top:18px;min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-radius:13px;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;background:linear-gradient(135deg,#ca1b95,#7b35b7)}
.id-v11-lesson{max-width:980px;margin:0 auto}.id-v11-lesson-hero{padding:8px 0 30px;border-bottom:1px solid rgba(255,255,255,.08)}.id-v11-back{display:inline-flex;margin-bottom:28px;color:#9a909b!important;text-decoration:none!important;font-size:12px;font-weight:800}.id-v11-lesson-hero h1{max-width:850px;margin:9px 0 14px;color:#fff;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em}.id-v11-lesson-hero>p{max-width:760px;margin:0;color:#a79daa;font-size:15px;line-height:1.7}.id-v11-lesson-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.id-v11-lesson-chips .is-pro{color:#ff70ce;border-color:rgba(228,90,189,.25)}.id-v11-learn-box{margin:26px 0;padding:20px;display:flex;gap:15px;border:1px solid rgba(228,90,189,.18);border-radius:18px;background:linear-gradient(90deg,rgba(202,27,149,.075),rgba(123,53,183,.035))}.id-v11-learn-box>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;color:#ff6fd0;background:rgba(202,27,149,.09)}.id-v11-learn-box strong{color:#fff}.id-v11-learn-box p{margin:5px 0 0;color:#a39aa5;line-height:1.6}.id-v11-lesson-body{padding:10px 0 30px;color:#c0b7c2;font-size:16px;line-height:1.82}.id-v11-lesson-body h2,.id-v11-lesson-body h3,.id-v11-lesson-body h4{color:#fff;line-height:1.18}.id-v11-lesson-body h2{margin:38px 0 15px;font-size:30px}.id-v11-lesson-body h3{margin:28px 0 12px;font-size:22px}.id-v11-lesson-body p{margin:0 0 18px}.id-v11-lesson-body ul,.id-v11-lesson-body ol{padding-left:22px;margin:0 0 20px}.id-v11-lesson-body blockquote{margin:24px 0;padding:18px 20px;border-left:3px solid #d52aa3;border-radius:0 14px 14px 0;background:rgba(202,27,149,.055);color:#e4dbe5}.id-v11-lesson-body table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.id-v11-lesson-body th,.id-v11-lesson-body td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.id-v11-lesson-body th{color:#fff;background:rgba(255,255,255,.035)}.id-v11-empty-lesson{padding:24px;border:1px dashed rgba(228,90,189,.22);border-radius:18px;background:rgba(202,27,149,.035)}.id-v11-empty-lesson strong{color:#fff}.id-v11-empty-lesson p{margin:7px 0 0}.id-v11-lesson-footer{padding:24px 0 4px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08)}.id-v11-secondary,.id-v11-primary{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;text-decoration:none!important;font-weight:900;font-size:12px}.id-v11-secondary{color:#b6acb8!important;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.id-v11-primary{color:#fff!important;background:linear-gradient(135deg,#ca1b95,#7b35b7)}
.id-v11-ranking{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0e0c0f}.id-v11-ranking-head,.id-v11-rank-row{display:grid;grid-template-columns:100px minmax(180px,1fr) 120px 100px 110px;align-items:center;gap:14px;padding:14px 18px}.id-v11-ranking-head{color:#756d77;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(255,255,255,.07)}.id-v11-rank-row{min-height:68px;border-bottom:1px solid rgba(255,255,255,.06);color:#c8beca}.id-v11-rank-row:last-child{border-bottom:0}.id-v11-rank-row.is-me{background:linear-gradient(90deg,rgba(202,27,149,.10),transparent)}.id-v11-rank-pos{font-size:16px;color:#fff}.id-v11-rank-user{display:flex;align-items:center;gap:11px}.id-v11-rank-user>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.045);font-size:20px}.id-v11-rank-user b{color:#fff}.id-v11-my-rank{margin-top:14px;padding:14px 16px;border:1px solid rgba(228,90,189,.13);border-radius:14px;background:rgba(202,27,149,.045);color:#aaa0ac}.id-v11-my-rank strong{color:#ff67c9}
.id-v11-avatar-panel{margin-top:22px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0f0d10}.id-v11-avatar-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.id-v11-avatar-head h2{margin:7px 0 0;color:#fff;font-size:26px}.id-v11-avatar-head small{color:#786f7a}.id-v11-avatar-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:18px}.id-v11-avatar-option{min-width:0;padding:14px 8px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.02);color:#a69ca8;cursor:pointer;transition:.2s}.id-v11-avatar-option:hover,.id-v11-avatar-option.is-active{transform:translateY(-2px);border-color:rgba(228,90,189,.35);background:rgba(202,27,149,.07);box-shadow:0 10px 25px rgba(202,27,149,.07)}.id-v11-avatar-option>span{display:block;font-size:30px}.id-v11-avatar-option small{display:block;margin-top:7px;font-size:9px}.id-v11-avatar-status{min-height:18px;margin:10px 0 0;color:#73dca6;font-size:11px}.id-v11-avatar-char{font-size:22px!important}
.id-v10-sound-shortcut{font:inherit}.id-v11-sound-launch{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(228,90,189,.16);border-radius:20px;background:radial-gradient(circle at 90% 20%,rgba(202,27,149,.12),transparent 35%),#100d11}.id-v11-sound-launch>div{display:flex;align-items:center;gap:14px}.id-v11-sound-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ca1b95,#7b35b7);color:#fff;font-size:20px}.id-v11-sound-launch strong{display:block;color:#fff}.id-v11-sound-launch p{margin:5px 0 0;color:#8f8591}.id-v11-sound-launch button{min-height:48px;padding:0 16px;border:0;border-radius:13px;background:linear-gradient(135deg,#ca1b95,#7b35b7);color:#fff;font-weight:900;cursor:pointer}
.id-v11-audio-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}.id-v11-audio-backdrop.is-open{opacity:1}.id-v11-audio-pop{position:fixed;z-index:100001;top:76px;right:22px;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 96px);overflow:auto;padding:20px;border:1px solid rgba(228,90,189,.19);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(202,27,149,.16),transparent 35%),#0e0c0f;box-shadow:0 35px 90px rgba(0,0,0,.55);opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.id-v11-audio-pop.is-open{opacity:1;transform:none;pointer-events:auto}.id-v11-audio-pop__head{display:flex;align-items:start;justify-content:space-between;gap:12px}.id-v11-audio-pop__head h3{margin:5px 0 0;color:#fff;font-size:20px}.id-v11-audio-pop__head>button{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.03);color:#d2c9d4;font-size:20px;cursor:pointer}.id-v11-audio-wave{height:42px;margin:16px 0;display:flex;align-items:center;justify-content:center;gap:5px}.id-v11-audio-wave i{width:4px;height:12px;border-radius:10px;background:linear-gradient(#e658bf,#8037ba);opacity:.55}.id-v11-audio-pop.is-playing .id-v11-audio-wave i{animation:idv11wave .8s ease-in-out infinite alternate}.id-v11-audio-wave i:nth-child(2){animation-delay:.1s}.id-v11-audio-wave i:nth-child(3){animation-delay:.2s}.id-v11-audio-wave i:nth-child(4){animation-delay:.3s}.id-v11-audio-wave i:nth-child(5){animation-delay:.18s}.id-v11-audio-wave i:nth-child(6){animation-delay:.08s}.id-v11-audio-wave i:nth-child(7){animation-delay:.26s}@keyframes idv11wave{to{height:34px;opacity:1}}
.id-v3-bottom-nav{grid-template-columns:repeat(5,1fr)!important}.id-v3-bottom-nav small{white-space:nowrap}
@media(max-width:1200px){.id-v11-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-v11-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.id-v11-ranking{overflow-x:auto}.id-v11-ranking-head,.id-v11-rank-row{min-width:720px}}
@media(max-width:760px){.id-v11-study-grid{grid-template-columns:1fr}.id-v11-study-group__head{align-items:start}.id-v11-study-group__head h2{font-size:23px}.id-v11-study-card{padding:18px}.id-v11-lesson-hero h1{font-size:clamp(34px,10vw,46px)}.id-v11-lesson-body{font-size:15px}.id-v11-lesson-footer{display:grid}.id-v11-secondary,.id-v11-primary{width:100%}.id-v11-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-v11-avatar-head{display:block}.id-v11-avatar-head small{display:block;margin-top:8px}.id-v11-sound-launch{display:grid}.id-v11-sound-launch button{width:100%}.id-v11-audio-pop{top:auto;left:10px;right:10px;bottom:82px;width:auto;max-height:calc(100vh - 102px);border-radius:20px}.id-v3-bottom-nav{left:8px!important;right:8px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.id-v3-bottom-nav a{min-width:0}.id-v3-bottom-nav small{font-size:8px!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}.id-v11-ranking-head{display:none}.id-v11-ranking{overflow:visible;border:0;background:transparent}.id-v11-rank-row{min-width:0!important;grid-template-columns:44px minmax(0,1fr) auto auto;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;margin-bottom:9px;background:#0e0c0f}.id-v11-rank-row>strong:last-child{display:none}.id-v11-rank-user>span{width:34px;height:34px}.id-v11-rank-user b{font-size:12px}.id-v11-rank-row>strong{font-size:11px}.id-v11-rank-row>strong:nth-of-type(2):before{content:'Resp. ';color:#756d77;font-weight:500}.id-v11-rank-row>strong:nth-of-type(3):before{content:'✓ ';color:#756d77;font-weight:500}}
@media(max-width:430px){.id-v11-study-card h3{font-size:20px}.id-v11-lesson-hero>p{font-size:14px}.id-v11-learn-box{padding:16px}.id-v11-lesson-body h2{font-size:25px}.id-v11-avatar-option>span{font-size:27px}.id-v11-audio-pop{left:8px;right:8px;bottom:80px;padding:16px}.id-v10-track-card{padding:10px!important}.id-v10-track-grid{gap:8px!important}}
/* =========================================================
Inglês Avançado 11.1.0 — authentication, PRO and audio polish
========================================================= */
*{box-sizing:border-box}
/* Login wall: anonymous visitors never see the application shell */
.ia-auth-gate{position:relative;min-height:min(760px,calc(100vh - 40px));width:100%;display:grid;place-items:center;overflow:hidden;padding:clamp(24px,5vw,72px);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(202,27,149,.16),transparent 36%),linear-gradient(180deg,#0b080d,#050506);color:#fff}
.ia-auth-gate__glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(124,52,184,.16),transparent 64%);filter:blur(12px);pointer-events:none;transform:translate(34%,-32%)}
.ia-auth-card{position:relative;z-index:1;width:min(610px,100%);padding:clamp(28px,5vw,52px);text-align:center;border:1px solid rgba(236,90,194,.16);border-radius:30px;background:linear-gradient(180deg,rgba(26,14,25,.96),rgba(10,9,11,.98));box-shadow:0 35px 100px rgba(0,0,0,.48)}
.ia-auth-logo{width:82px;height:auto;margin:0 auto 22px;display:block}
.ia-auth-card h1{margin:12px auto 14px;max-width:520px;color:#fff;font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.045em}
.ia-auth-card>p{max-width:500px;margin:0 auto;color:#a298a5;font-size:15px;line-height:1.72}
.ia-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.ia-auth-primary,.ia-auth-secondary{min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;text-decoration:none!important;font-weight:900;font-size:13px;transition:.2s ease}
.ia-auth-primary{color:#fff!important;background:linear-gradient(135deg,#cf1e99,#7b35ba);box-shadow:0 14px 35px rgba(202,27,149,.15)}
.ia-auth-secondary{color:#d9cfdc!important;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.ia-auth-primary:hover,.ia-auth-secondary:hover{transform:translateY(-2px);color:#fff!important}
.ia-auth-pro{margin-top:14px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid rgba(228,90,189,.11);border-radius:16px;background:rgba(202,27,149,.035)}
.ia-auth-pro strong,.ia-auth-pro small{display:block}.ia-auth-pro strong{font-size:12px}.ia-auth-pro small{margin-top:4px;color:#7f7682;font-size:10px}.ia-auth-pro a{flex:0 0 auto;color:#ff67c9!important;text-decoration:none!important;font-size:11px;font-weight:900}
/* PRO shortcut */
.id-v111-pro-cta{min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(228,90,189,.20);border-radius:12px;background:linear-gradient(135deg,rgba(202,27,149,.12),rgba(123,53,183,.08));color:#fff!important;text-decoration:none!important;font-weight:900;transition:.18s ease}
.id-v111-pro-cta span{color:#ff66c9}.id-v111-pro-cta small{font-size:9px;letter-spacing:.08em}
.id-v111-pro-cta:hover{transform:translateY(-1px);border-color:rgba(228,90,189,.38);box-shadow:0 10px 28px rgba(202,27,149,.10);color:#fff!important}
.id-v111-settings-pro{padding:9px 12px;border:1px solid rgba(228,90,189,.18);border-radius:10px;color:#ff69ca!important;text-decoration:none!important;font-size:10px;font-weight:900;white-space:nowrap}
/* Avatar unlock system */
.id-v11-avatar-option{position:relative;overflow:hidden}
.id-v11-avatar-option em{display:block;margin-top:7px;color:#6e6670;font-size:8px;font-style:normal;font-weight:800;line-height:1.25}
.id-v11-avatar-option.is-unlocked em{color:#75cfa1}
.id-v11-avatar-option.is-locked{opacity:.48;cursor:not-allowed;filter:saturate(.55)}
.id-v11-avatar-option.is-locked:hover{transform:none;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02);box-shadow:none}
/* Audio popup: aligned, compact and usable at 320px */
.id-v11-audio-pop{box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain}
.id-v10-audio-times{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center;margin:4px 0 14px;color:#817783;font-size:10px;font-variant-numeric:tabular-nums}
.id-v10-audio-times span:last-child{text-align:right}
.id-v10-audio-times input,.id-v10-volume input{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.12);outline:0;cursor:pointer}
.id-v10-audio-times input::-webkit-slider-thumb,.id-v10-volume input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border:0;border-radius:50%;background:#e65bbe;box-shadow:0 0 0 4px rgba(230,91,190,.08);cursor:pointer}
.id-v10-audio-times input::-moz-range-thumb,.id-v10-volume input::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#e65bbe;cursor:pointer}
.id-v10-audio-controls{display:grid;grid-template-columns:42px 50px 42px minmax(110px,1fr);align-items:center;justify-content:stretch;gap:8px;margin:0 0 18px}
.id-v10-audio-controls>button{justify-self:center}
.id-v10-volume{margin-left:4px;width:auto;min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:center}
.id-v10-volume span{display:grid;place-items:center;font-size:13px}
.id-v10-track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.id-v10-track-card{padding:12px;grid-template-columns:28px minmax(0,1fr) 18px;gap:8px;border-radius:14px}
.id-v10-track-card strong{font-size:10px}.id-v10-track-card small{font-size:8px}.id-v10-track-state{font-size:10px}
@media(max-width:760px){
.id-v111-pro-cta{width:42px;min-width:42px;padding:0}.id-v111-pro-cta small{display:none}
.id-v11-audio-pop{left:12px;right:12px;bottom:84px;width:auto;max-height:calc(100dvh - 104px);padding:18px;border-radius:22px}
.id-v11-audio-pop__head h3{font-size:24px}
.id-v11-audio-wave{height:35px;margin:12px 0}
.id-v10-track-grid{grid-template-columns:1fr}
.id-v10-track-card{min-height:68px;padding:12px 14px;grid-template-columns:34px minmax(0,1fr) 22px}
.id-v10-track-card strong{font-size:12px}.id-v10-track-card small{font-size:9px}.id-v10-track-number,.id-v10-track-state{font-size:10px}
}
@media(max-width:430px){
.ia-auth-gate{min-height:100dvh;padding:16px;border-radius:0}.ia-auth-card{padding:28px 18px;border-radius:24px}.ia-auth-actions{grid-template-columns:1fr}.ia-auth-pro{display:grid;text-align:center}.ia-auth-pro a{justify-self:center}
.id-v11-audio-pop{left:8px;right:8px;bottom:78px;padding:16px;max-height:calc(100dvh - 92px)}
.id-v11-audio-pop__head h3{font-size:22px}
.id-v10-audio-controls{grid-template-columns:42px 50px 42px;justify-content:center}
.id-v10-volume{grid-column:1/-1;margin:4px 0 0;width:100%;grid-template-columns:22px minmax(0,1fr)}
.id-v10-audio-times{grid-template-columns:34px minmax(0,1fr) 34px;font-size:9px}
.id-v10-track-card{min-height:66px;padding:11px 12px!important}
}
@media(max-width:350px){
.id-v11-audio-pop{padding:14px}.id-v11-audio-pop__head h3{font-size:20px}.id-v11-audio-pop__head>button{width:34px;height:34px}
.id-v10-track-card{grid-template-columns:28px minmax(0,1fr) 18px;gap:7px}.id-v10-track-card strong{font-size:11px}
}
/* =========================================================
Inglês Avançado 11.1.1 — avatar persistence + auth pages
========================================================= */
/* Audio close button: geometrically centered X */
.id-v11-audio-pop__head>button[data-audio-close]{
position:relative!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border-radius:13px!important;line-height:1!important;font-size:0!important;
}
.ia-close-icon{position:relative;display:block;width:16px;height:16px;pointer-events:none}
.ia-close-icon:before,.ia-close-icon:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:99px;background:#c9becb;transform-origin:center}
.ia-close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}
.ia-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}
.id-v11-audio-pop__head>button[data-audio-close]:hover .ia-close-icon:before,.id-v11-audio-pop__head>button[data-audio-close]:hover .ia-close-icon:after{background:#fff}
/* Front-end login / registration */
.ia-auth-page{position:relative;isolation:isolate;width:100%;min-height:clamp(680px,78vh,920px);padding:clamp(26px,6vw,86px) 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#0b080d 0%,#050506 100%);color:#fff}
.ia-auth-page:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 4%,rgba(202,27,149,.18),transparent 32%),radial-gradient(circle at 16% 78%,rgba(124,52,184,.09),transparent 28%)}
.ia-auth-page__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(12px);pointer-events:none}.ia-auth-page__orb--one{width:420px;height:420px;right:-180px;top:-160px;background:radial-gradient(circle,rgba(228,90,189,.12),transparent 66%)}.ia-auth-page__orb--two{width:360px;height:360px;left:-160px;bottom:-160px;background:radial-gradient(circle,rgba(123,53,183,.11),transparent 66%)}
.ia-auth-page__card{width:min(590px,100%);padding:clamp(26px,4vw,46px);border:1px solid rgba(228,90,189,.16);border-radius:28px;background:linear-gradient(180deg,rgba(25,14,24,.97),rgba(11,9,12,.98));box-shadow:0 35px 90px rgba(0,0,0,.42);text-align:left}
.ia-auth-page__logo{width:82px;height:72px;display:grid;place-items:center;margin:0 auto 17px;text-decoration:none!important}.ia-auth-page__logo img{display:block;max-width:76px;max-height:70px;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.ia-auth-page__logo:hover img{transform:translateY(-2px) scale(1.03)}
.ia-auth-page__eyebrow{margin-bottom:10px;text-align:center;color:#f05fc7;font-size:10px;font-weight:900;letter-spacing:.15em}.ia-auth-page__card h1{margin:0;text-align:center;color:#fff;font-size:clamp(34px,5vw,50px);line-height:1.04;letter-spacing:-.045em}.ia-auth-page__card>p{max-width:480px;margin:12px auto 0;text-align:center;color:#a69ba8;font-size:14px;line-height:1.7}
.ia-auth-page__alert{margin:19px 0 0;padding:12px 14px;border:1px solid rgba(255,101,153,.22);border-radius:12px;background:rgba(255,78,133,.06);color:#ffc1d5;font-size:12px;line-height:1.45}
.ia-auth-form{display:grid;gap:14px;margin-top:24px}.ia-auth-form label{display:grid;gap:7px;margin:0}.ia-auth-form label>span{color:#c8bdca;font-size:11px;font-weight:800}.ia-auth-form input[type=text],.ia-auth-form input[type=email],.ia-auth-form input[type=password]{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;outline:0!important;background:#09080a!important;color:#fff!important;font:inherit!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s}.ia-auth-form input:focus{border-color:rgba(230,91,190,.58)!important;box-shadow:0 0 0 3px rgba(230,91,190,.07)!important}
.ia-auth-form__cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ia-auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ia-auth-check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:8px!important;cursor:pointer}.ia-auth-check input{width:16px;height:16px;accent-color:#d72aa4}.ia-auth-check span{font-weight:600!important;color:#958b98!important}.ia-auth-form__row>a{color:#e65bbe!important;text-decoration:none!important;font-size:11px;font-weight:800}.ia-auth-form>button{width:100%;min-height:56px;margin-top:2px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;background:linear-gradient(135deg,#cf1e99,#7b35ba);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 15px 34px rgba(202,27,149,.14);transition:.18s ease}.ia-auth-form>button:hover{transform:translateY(-2px);filter:brightness(1.07)}
.ia-auth-free{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid rgba(228,90,189,.12);border-radius:13px;background:rgba(202,27,149,.035)}.ia-auth-free>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(202,27,149,.10);color:#ff69ca;font-weight:900}.ia-auth-free strong,.ia-auth-free small{display:block}.ia-auth-free strong{color:#fff;font-size:11px}.ia-auth-free small{margin-top:3px;color:#7f7682;font-size:9px;line-height:1.4}.ia-auth-free a{color:#ff69ca!important;text-decoration:none!important;font-size:10px;font-weight:900;white-space:nowrap}
.ia-auth-switch{margin-top:18px;text-align:center;color:#817784;font-size:11px}.ia-auth-switch a{color:#ff69ca!important;text-decoration:none!important;font-weight:900}.ia-auth-page__home{margin-top:18px;color:#8e858f!important;text-decoration:none!important;font-size:11px;font-weight:700}.ia-auth-page__home:hover{color:#fff!important}.ia-auth-page__logged{margin-top:24px;padding:18px;display:grid;gap:10px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}.ia-auth-page__logged a{color:#ff69ca!important;text-decoration:none!important;font-weight:900}
/* Give the login-gate logo the same home-link affordance */
.ia-auth-logo-link{display:block;width:max-content;margin:0 auto;text-decoration:none!important}.ia-auth-logo-link .ia-auth-logo{margin-bottom:22px}.ia-auth-logo-link:hover .ia-auth-logo{transform:translateY(-2px)}.ia-auth-logo{transition:transform .18s ease}
/* Selected avatars remain visually explicit after a server-rendered refresh */
.id-v11-avatar-option.is-active{outline:1px solid rgba(239,91,199,.58);outline-offset:2px}.id-v11-rank-user>span.id-v11-avatar-char{font-size:20px!important}
@media(max-width:600px){
.ia-auth-page{min-height:100dvh;padding:18px 10px;border-radius:0}.ia-auth-page__card{padding:26px 17px;border-radius:22px}.ia-auth-page__card h1{font-size:34px}.ia-auth-form__cols{grid-template-columns:1fr}.ia-auth-form__row{align-items:flex-start}.ia-auth-free{grid-template-columns:auto 1fr}.ia-auth-free a{grid-column:2;justify-self:start}.ia-auth-page__logo{width:74px;height:66px}
}
.ia-auth-route{background:#050506!important}.ia-auth-route .entry-title,.ia-auth-route .page-title,.ia-auth-route main>h1:first-child{display:none!important}.ia-auth-route .site-main,.ia-auth-route .entry-content{background:#050506}.ia-auth-route .entry-content{margin-top:0!important}
/* 11.02.1 - correções seguras de autenticação e responsividade */
html,body{max-width:100%;overflow-x:hidden}
body.ia-auth-route{
min-height:100vh;
min-height:100dvh;
background:
radial-gradient(900px 600px at 90% 0%,rgba(190,35,150,.15),transparent 58%),
radial-gradient(800px 550px at 0% 85%,rgba(90,40,160,.12),transparent 60%),
#070609!important;
}
body.ia-auth-route #page,
body.ia-auth-route .site,
body.ia-auth-route .site-content,
body.ia-auth-route .content-area,
body.ia-auth-route main,
body.ia-auth-route article,
body.ia-auth-route .entry-content{
width:100%!important;
max-width:none!important;
min-height:100vh!important;
min-height:100dvh!important;
margin:0!important;
padding:0!important;
background:transparent!important;
}
body.ia-auth-route .entry-header,
body.ia-auth-route .page-header{display:none!important}
.ia-auth-page{
width:100%!important;
min-height:100vh!important;
min-height:100dvh!important;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:clamp(28px,5vw,68px) clamp(14px,4vw,42px)!important;
box-sizing:border-box!important;
}
.ia-auth-page__card{width:min(100%,570px)!important;box-sizing:border-box!important}
.ia-auth-page h1{
font-size:clamp(34px,5vw,52px)!important;
line-height:1.05!important;
word-break:normal!important;
overflow-wrap:normal!important;
hyphens:none!important;
}
.ia-auth-page__alert.is-success{
color:#c7f3d6!important;
border-color:rgba(76,210,130,.28)!important;
background:rgba(46,137,85,.11)!important;
}
/* Paid Memberships Pro - estilização não destrutiva */
.pmpro,
.pmpro_form,
.pmpro_checkout,
.pmpro_card{
box-sizing:border-box!important;
}
.pmpro .pmpro_card,
.pmpro_form .pmpro_card,
.pmpro_checkout fieldset{
border-radius:20px!important;
}
.pmpro input[type="text"],
.pmpro input[type="email"],
.pmpro input[type="password"],
.pmpro input[type="tel"],
.pmpro select,
.pmpro_form input[type="text"],
.pmpro_form input[type="email"],
.pmpro_form input[type="password"],
.pmpro_form input[type="tel"],
.pmpro_form select{
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
@media(max-width:782px){
.ia-auth-page{
justify-content:flex-start!important;
padding:24px 12px 34px!important;
}
.ia-auth-page__card{
width:100%!important;
padding:28px 20px!important;
border-radius:22px!important;
}
.ia-auth-page h1{font-size:clamp(31px,10vw,42px)!important}
.ia-auth-form__cols{grid-template-columns:1fr!important}
.pmpro,.pmpro_form,.pmpro_checkout{width:100%!important;max-width:100%!important}
}
@media(max-width:420px){
.ia-auth-page{padding-left:10px!important;padding-right:10px!important}
.ia-auth-page__card{padding:24px 16px!important}
.ia-auth-page h1{font-size:clamp(29px,9.5vw,37px)!important}
}
/* =========================================================
11.02.2 — Mobile auth centering + PMPro subscription UI
========================================================= */
/* Login e recuperação: o bloco ocupa a viewport e fica realmente centralizado.
Cadastro continua rolável porque o formulário é naturalmente mais alto. */
@media (max-width: 782px) {
body.ia-login-route,
body.ia-recovery-route {
min-height: 100dvh !important;
}
body.ia-login-route .ia-auth-page,
body.ia-recovery-route .ia-auth-page {
min-height: 100dvh !important;
height: auto !important;
justify-content: center !important;
padding: 14px 12px !important;
}
body.ia-login-route .ia-auth-page__card,
body.ia-recovery-route .ia-auth-page__card {
width: min(100%, 460px) !important;
margin: 0 auto !important;
padding: 24px 18px !important;
}
body.ia-login-route .ia-auth-page__home,
body.ia-recovery-route .ia-auth-page__home {
margin-top: 14px !important;
margin-bottom: 0 !important;
}
body.ia-register-route .ia-auth-page {
min-height: 100dvh !important;
justify-content: flex-start !important;
padding: 14px 12px 28px !important;
}
body.ia-register-route .ia-auth-page__card {
margin: 0 auto !important;
}
}
@media (max-width: 430px) {
body.ia-login-route .ia-auth-page,
body.ia-recovery-route .ia-auth-page {
padding: 10px !important;
}
body.ia-login-route .ia-auth-page__card,
body.ia-recovery-route .ia-auth-page__card {
padding: 22px 16px !important;
border-radius: 21px !important;
}
body.ia-login-route .ia-auth-page__logo,
body.ia-recovery-route .ia-auth-page__logo {
width: 68px !important;
height: 60px !important;
margin-bottom: 12px !important;
}
body.ia-login-route .ia-auth-page h1,
body.ia-recovery-route .ia-auth-page h1 {
font-size: clamp(30px, 9vw, 38px) !important;
margin-bottom: 10px !important;
}
body.ia-login-route .ia-auth-page__card > p,
body.ia-recovery-route .ia-auth-page__card > p {
font-size: 13px !important;
line-height: 1.55 !important;
}
body.ia-login-route .ia-auth-form,
body.ia-recovery-route .ia-auth-form {
margin-top: 18px !important;
gap: 12px !important;
}
body.ia-login-route .ia-auth-form input,
body.ia-recovery-route .ia-auth-form input {
min-height: 50px !important;
}
}
/* ---------- Página ASSINAR / Paid Memberships Pro ---------- */
body.ia-subscribe-route {
background:
radial-gradient(900px 560px at 85% 0%, rgba(193,33,151,.12), transparent 58%),
radial-gradient(750px 520px at 0% 100%, rgba(102,48,181,.10), transparent 60%),
#070609 !important;
color: #f7f2f8 !important;
}
body.ia-subscribe-route #page,
body.ia-subscribe-route .site,
body.ia-subscribe-route .site-content,
body.ia-subscribe-route .content-area,
body.ia-subscribe-route .site-main,
body.ia-subscribe-route main,
body.ia-subscribe-route article,
body.ia-subscribe-route .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.ia-subscribe-route .entry-header,
body.ia-subscribe-route .page-header,
body.ia-subscribe-route .entry-title,
body.ia-subscribe-route .page-title {
display: none !important;
}
body.ia-subscribe-route .entry-content {
padding: clamp(28px, 5vw, 72px) clamp(14px, 5vw, 52px) !important;
}
body.ia-subscribe-route .pmpro,
body.ia-subscribe-route .pmpro_form,
body.ia-subscribe-route .pmpro_checkout,
body.ia-subscribe-route form.pmpro_form {
width: min(100%, 1120px) !important;
max-width: 1120px !important;
margin: 0 auto !important;
color: #d9cedc !important;
font-family: inherit !important;
}
body.ia-subscribe-route .pmpro h1,
body.ia-subscribe-route .pmpro h2,
body.ia-subscribe-route .pmpro h3,
body.ia-subscribe-route .pmpro_form h1,
body.ia-subscribe-route .pmpro_form h2,
body.ia-subscribe-route .pmpro_form h3,
body.ia-subscribe-route .pmpro_checkout h1,
body.ia-subscribe-route .pmpro_checkout h2,
body.ia-subscribe-route .pmpro_checkout h3 {
color: #fff !important;
line-height: 1.12 !important;
}
body.ia-subscribe-route .pmpro_checkout,
body.ia-subscribe-route .pmpro_form,
body.ia-subscribe-route form.pmpro_form {
padding: clamp(22px, 4vw, 44px) !important;
border: 1px solid rgba(255,255,255,.09) !important;
border-radius: 26px !important;
background:
linear-gradient(180deg, rgba(37,14,32,.88), rgba(11,9,13,.96)) !important;
box-shadow: 0 28px 70px rgba(0,0,0,.30) !important;
}
body.ia-subscribe-route .pmpro_checkout-field,
body.ia-subscribe-route .pmpro_form_field,
body.ia-subscribe-route .pmpro_form_fieldset,
body.ia-subscribe-route .pmpro_checkout-field-bcity,
body.ia-subscribe-route .pmpro_checkout-field-bstate {
margin-bottom: 16px !important;
}
body.ia-subscribe-route .pmpro label,
body.ia-subscribe-route .pmpro_form label,
body.ia-subscribe-route .pmpro_checkout label {
display: block !important;
margin-bottom: 7px !important;
color: #eee6ef !important;
font-size: 13px !important;
font-weight: 800 !important;
}
body.ia-subscribe-route .pmpro input[type="text"],
body.ia-subscribe-route .pmpro input[type="email"],
body.ia-subscribe-route .pmpro input[type="password"],
body.ia-subscribe-route .pmpro input[type="tel"],
body.ia-subscribe-route .pmpro input[type="number"],
body.ia-subscribe-route .pmpro select,
body.ia-subscribe-route .pmpro_form input[type="text"],
body.ia-subscribe-route .pmpro_form input[type="email"],
body.ia-subscribe-route .pmpro_form input[type="password"],
body.ia-subscribe-route .pmpro_form input[type="tel"],
body.ia-subscribe-route .pmpro_form input[type="number"],
body.ia-subscribe-route .pmpro_form select {
width: 100% !important;
max-width: 100% !important;
min-height: 52px !important;
padding: 0 14px !important;
border: 1px solid rgba(255,255,255,.11) !important;
border-radius: 13px !important;
background: #09080a !important;
color: #fff !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.ia-subscribe-route .pmpro input:focus,
body.ia-subscribe-route .pmpro select:focus,
body.ia-subscribe-route .pmpro_form input:focus,
body.ia-subscribe-route .pmpro_form select:focus {
border-color: rgba(227,69,181,.65) !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(213,40,163,.08) !important;
}
body.ia-subscribe-route .pmpro input[type="radio"],
body.ia-subscribe-route .pmpro input[type="checkbox"],
body.ia-subscribe-route .pmpro_form input[type="radio"],
body.ia-subscribe-route .pmpro_form input[type="checkbox"] {
accent-color: #d425a2 !important;
}
body.ia-subscribe-route .pmpro_checkout-field-radio-item,
body.ia-subscribe-route .pmpro_form_field-radio-item,
body.ia-subscribe-route .pmpro_level-select {
padding: 14px 16px !important;
margin: 10px 0 !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 14px !important;
background: rgba(255,255,255,.025) !important;
}
body.ia-subscribe-route .pmpro small,
body.ia-subscribe-route .pmpro .pmpro_asterisk,
body.ia-subscribe-route .pmpro .pmpro_level_description,
body.ia-subscribe-route .pmpro_form small {
color: #958b98 !important;
}
body.ia-subscribe-route .pmpro_btn,
body.ia-subscribe-route .pmpro_button,
body.ia-subscribe-route input.pmpro_btn,
body.ia-subscribe-route input[type="submit"],
body.ia-subscribe-route button[type="submit"] {
min-height: 54px !important;
padding: 0 22px !important;
border: 0 !important;
border-radius: 14px !important;
background: linear-gradient(135deg,#cf1e99,#8237bf) !important;
color: #fff !important;
font-weight: 900 !important;
box-shadow: 0 14px 34px rgba(202,27,149,.16) !important;
cursor: pointer !important;
}
body.ia-subscribe-route .pmpro_btn:hover,
body.ia-subscribe-route .pmpro_button:hover,
body.ia-subscribe-route input[type="submit"]:hover,
body.ia-subscribe-route button[type="submit"]:hover {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 782px) {
body.ia-subscribe-route .entry-content {
padding: 14px 10px 28px !important;
}
body.ia-subscribe-route .pmpro,
body.ia-subscribe-route .pmpro_form,
body.ia-subscribe-route .pmpro_checkout,
body.ia-subscribe-route form.pmpro_form {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 22px 16px !important;
border-radius: 20px !important;
overflow: hidden !important;
}
body.ia-subscribe-route .pmpro h1,
body.ia-subscribe-route .pmpro h2,
body.ia-subscribe-route .pmpro h3,
body.ia-subscribe-route .pmpro_form h1,
body.ia-subscribe-route .pmpro_form h2,
body.ia-subscribe-route .pmpro_form h3 {
font-size: clamp(27px, 8.5vw, 39px) !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
}
body.ia-subscribe-route .pmpro_checkout-field,
body.ia-subscribe-route .pmpro_form_field {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
}
body.ia-subscribe-route .pmpro input,
body.ia-subscribe-route .pmpro select,
body.ia-subscribe-route .pmpro textarea,
body.ia-subscribe-route .pmpro_form input,
body.ia-subscribe-route .pmpro_form select,
body.ia-subscribe-route .pmpro_form textarea {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.ia-subscribe-route .pmpro_btn,
body.ia-subscribe-route .pmpro_button,
body.ia-subscribe-route input[type="submit"],
body.ia-subscribe-route button[type="submit"] {
width: 100% !important;
}
}
/* ==========================================================
Inglês Avançado 11.02.3 — anonymous login gate viewport fix
Corrige o espaço branco após a tela de bloqueio da plataforma.
Escopo: apenas quando .ia-auth-gate existe na página.
========================================================== */
html.ia-auth-gate-active,
body.ia-auth-gate-active{
min-height:100% !important;
background:#050506 !important;
}
body.ia-auth-gate-active{
margin:0 !important;
min-height:100vh !important;
min-height:100svh !important;
overflow-x:hidden !important;
}
/* Herda o fundo escuro pelos wrappers mais comuns de WordPress/Elementor. */
body.ia-auth-gate-active #page,
body.ia-auth-gate-active .site,
body.ia-auth-gate-active .site-content,
body.ia-auth-gate-active .site-main,
body.ia-auth-gate-active main,
body.ia-auth-gate-active .content-area,
body.ia-auth-gate-active .entry-content,
body.ia-auth-gate-active .elementor,
body.ia-auth-gate-active .elementor-page,
body.ia-auth-gate-active .elementor-section-wrap,
body.ia-auth-gate-active .e-con.e-parent{
background:#050506 !important;
}
/* A própria tela anônima passa a ocupar a viewport inteira. */
body.ia-auth-gate-active .ia-auth-gate{
box-sizing:border-box !important;
width:100% !important;
max-width:none !important;
min-height:100vh !important;
min-height:100svh !important;
margin:0 !important;
padding:clamp(28px,5vw,64px) clamp(18px,4vw,44px) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:0 !important;
background:
radial-gradient(circle at 50% 2%,rgba(202,27,149,.16),transparent 34%),
radial-gradient(circle at 12% 88%,rgba(123,53,183,.08),transparent 30%),
linear-gradient(180deg,#0b080d 0%,#050506 100%) !important;
}
body.ia-auth-gate-active .ia-auth-gate__glow{
max-width:88vw !important;
max-height:88vw !important;
}
body.ia-auth-gate-active .ia-auth-card{
width:min(100%,610px) !important;
max-width:610px !important;
margin:0 auto !important;
}
/* Tablet */
@media(max-width:900px){
body.ia-auth-gate-active .ia-auth-gate{
padding:28px 20px !important;
}
body.ia-auth-gate-active .ia-auth-card{
max-width:570px !important;
}
}
/* Mobile: respeita safe areas e mantém respiro lateral. */
@media(max-width:600px){
body.ia-auth-gate-active .ia-auth-gate{
min-height:100dvh !important;
padding:
max(18px,env(safe-area-inset-top))
16px
max(18px,env(safe-area-inset-bottom)) !important;
}
body.ia-auth-gate-active .ia-auth-card{
width:100% !important;
padding:30px 20px 24px !important;
border-radius:22px !important;
}
body.ia-auth-gate-active .ia-auth-logo{
width:70px !important;
margin-bottom:16px !important;
}
body.ia-auth-gate-active .ia-auth-card h1{
font-size:clamp(32px,10vw,42px) !important;
line-height:1.04 !important;
}
body.ia-auth-gate-active .ia-auth-card>p{
font-size:13px !important;
line-height:1.6 !important;
}
body.ia-auth-gate-active .ia-auth-actions{
grid-template-columns:1fr !important;
margin-top:22px !important;
}
body.ia-auth-gate-active .ia-auth-primary,
body.ia-auth-gate-active .ia-auth-secondary{
width:100% !important;
}
body.ia-auth-gate-active .ia-auth-pro{
display:grid !important;
gap:10px !important;
text-align:center !important;
}
body.ia-auth-gate-active .ia-auth-pro a{
justify-self:center !important;
}
}
/* Telas muito baixas: permite rolagem natural sem deixar o card cortado. */
@media(max-height:680px){
body.ia-auth-gate-active .ia-auth-gate{
align-items:flex-start !important;
min-height:100vh !important;
padding-top:20px !important;
padding-bottom:20px !important;
}
}
/* ==========================================================
Inglês Avançado 11.02.4 — anonymous gate seamless background
Remove a leitura visual de "quadrado" no meio da viewport.
O fundo passa a pertencer à página inteira e o gate fica transparente.
========================================================== */
html.ia-auth-gate-active,
body.ia-auth-gate-active{
background:#050506 !important;
}
body.ia-auth-gate-active{
position:relative !important;
isolation:isolate !important;
min-height:100vh !important;
min-height:100svh !important;
}
/* Fundo único, preso à viewport: não depende da largura do container Elementor. */
body.ia-auth-gate-active::before{
content:"" !important;
position:fixed !important;
inset:0 !important;
z-index:-2 !important;
pointer-events:none !important;
background:
radial-gradient(900px 560px at 50% 2%,rgba(202,27,149,.13),transparent 62%),
radial-gradient(760px 520px at 8% 92%,rgba(123,53,183,.07),transparent 64%),
linear-gradient(180deg,#0a080c 0%,#050506 72%,#050506 100%) !important;
}
/* Neutraliza fundos, limites e sombras dos wrappers externos do tema/Elementor. */
body.ia-auth-gate-active #page,
body.ia-auth-gate-active .site,
body.ia-auth-gate-active .site-content,
body.ia-auth-gate-active .site-main,
body.ia-auth-gate-active main,
body.ia-auth-gate-active article,
body.ia-auth-gate-active .content-area,
body.ia-auth-gate-active .entry-content,
body.ia-auth-gate-active .elementor,
body.ia-auth-gate-active .elementor-page,
body.ia-auth-gate-active .elementor-section-wrap,
body.ia-auth-gate-active .e-con,
body.ia-auth-gate-active .e-con-inner,
body.ia-auth-gate-active .elementor-element,
body.ia-auth-gate-active .elementor-widget,
body.ia-auth-gate-active .elementor-widget-container{
background:transparent !important;
box-shadow:none !important;
}
/* O gate não desenha mais um painel de fundo próprio. */
body.ia-auth-gate-active .ia-auth-gate{
position:relative !important;
isolation:isolate !important;
width:100vw !important;
max-width:none !important;
min-height:100vh !important;
min-height:100svh !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
padding:clamp(34px,5vw,72px) clamp(18px,4vw,48px) !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
/* O glow antigo estava reforçando o contorno do container central. */
body.ia-auth-gate-active .ia-auth-gate__glow{
display:none !important;
}
/* Card continua sendo o único elemento com contorno deliberado. */
body.ia-auth-gate-active .ia-auth-card{
width:min(100%,590px) !important;
max-width:590px !important;
margin:0 auto !important;
border-color:rgba(236,90,194,.14) !important;
background:
linear-gradient(180deg,rgba(29,14,27,.965),rgba(10,9,11,.985)) !important;
box-shadow:0 34px 90px rgba(0,0,0,.44) !important;
}
@media(max-width:600px){
body.ia-auth-gate-active .ia-auth-gate{
width:100vw !important;
min-height:100dvh !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
padding:
max(22px,env(safe-area-inset-top))
14px
max(22px,env(safe-area-inset-bottom)) !important;
}
body.ia-auth-gate-active .ia-auth-card{
max-width:540px !important;
padding:28px 18px 24px !important;
}
}
/* ==========================================================
Inglês Avançado 11.02.5 — anonymous gate visual parity
Faz a tela anônima de /exercicios/ usar exatamente a mesma
linguagem de fundo da tela de login/recuperação.
========================================================== */
html.ia-auth-gate-active{
background:#070609 !important;
}
body.ia-auth-gate-active{
min-height:100vh !important;
min-height:100dvh !important;
background:
radial-gradient(900px 600px at 90% 0%,rgba(190,35,150,.15),transparent 58%),
radial-gradient(800px 550px at 0% 85%,rgba(90,40,160,.12),transparent 60%),
#070609 !important;
background-attachment:fixed !important;
}
/* O pseudo-fundo da 11.02.4 não é mais necessário e podia ficar
atrás do background do documento em alguns temas/navegadores. */
body.ia-auth-gate-active::before{
display:none !important;
content:none !important;
}
/* Mantém todos os wrappers transparentes para o fundo do body aparecer
de ponta a ponta, sem criar um segundo painel visual. */
body.ia-auth-gate-active #page,
body.ia-auth-gate-active .site,
body.ia-auth-gate-active .site-content,
body.ia-auth-gate-active .site-main,
body.ia-auth-gate-active main,
body.ia-auth-gate-active article,
body.ia-auth-gate-active .content-area,
body.ia-auth-gate-active .entry-content,
body.ia-auth-gate-active .elementor,
body.ia-auth-gate-active .elementor-page,
body.ia-auth-gate-active .elementor-section-wrap,
body.ia-auth-gate-active .e-con,
body.ia-auth-gate-active .e-con-inner,
body.ia-auth-gate-active .elementor-element,
body.ia-auth-gate-active .elementor-widget,
body.ia-auth-gate-active .elementor-widget-container{
background:transparent !important;
}
body.ia-auth-gate-active .ia-auth-gate{
background:transparent !important;
}
/* ==========================================================
Inglês Avançado 11.02.6 — auth gate background parity FIX
O fundo agora é desenhado DENTRO do próprio gate, acima do fundo
do tema e abaixo do card. Isso evita o pseudo-elemento desaparecer
atrás do body/Elementor e mantém a mesma linguagem visual do login.
========================================================== */
body.ia-auth-gate-active,
html.ia-auth-gate-active{
background:#070609 !important;
}
body.ia-auth-gate-active .ia-auth-gate{
position:relative !important;
isolation:isolate !important;
width:100vw !important;
max-width:none !important;
min-height:100vh !important;
min-height:100dvh !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
border:0 !important;
border-radius:0 !important;
background:#070609 !important;
overflow:hidden !important;
}
/* Fundo visual equivalente ao login, agora em uma camada confiável. */
body.ia-auth-gate-active .ia-auth-gate::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:0 !important;
pointer-events:none !important;
background:
radial-gradient(900px 600px at 90% 0%, rgba(190,35,150,.18), transparent 58%),
radial-gradient(800px 550px at 0% 88%, rgba(90,40,160,.15), transparent 60%),
radial-gradient(620px 420px at 54% 46%, rgba(202,27,149,.045), transparent 68%),
linear-gradient(180deg,#0a070c 0%,#070609 52%,#050506 100%) !important;
}
body.ia-auth-gate-active .ia-auth-card{
position:relative !important;
z-index:2 !important;
}
/* Garante que o glow decorativo antigo não crie outro retângulo. */
body.ia-auth-gate-active .ia-auth-gate__glow{
display:none !important;
}
/* Neutraliza qualquer fundo sólido do Elementor entre o gate e a viewport. */
body.ia-auth-gate-active #page,
body.ia-auth-gate-active .site,
body.ia-auth-gate-active .site-content,
body.ia-auth-gate-active .site-main,
body.ia-auth-gate-active main,
body.ia-auth-gate-active article,
body.ia-auth-gate-active .content-area,
body.ia-auth-gate-active .entry-content,
body.ia-auth-gate-active .elementor,
body.ia-auth-gate-active .elementor-page,
body.ia-auth-gate-active .elementor-section-wrap,
body.ia-auth-gate-active .e-con,
body.ia-auth-gate-active .e-con-inner,
body.ia-auth-gate-active .elementor-element,
body.ia-auth-gate-active .elementor-widget,
body.ia-auth-gate-active .elementor-widget-container{
background:transparent !important;
}
@media(max-width:600px){
body.ia-auth-gate-active .ia-auth-gate::before{
background:
radial-gradient(620px 440px at 88% 0%, rgba(190,35,150,.18), transparent 62%),
radial-gradient(560px 430px at 0% 92%, rgba(90,40,160,.14), transparent 64%),
linear-gradient(180deg,#0a070c 0%,#070609 56%,#050506 100%) !important;
}
}
/* ==========================================================
Inglês Avançado 11.03.1 — PWA install prompt
========================================================== */
.ia-pwa-install{position:fixed;left:22px;bottom:22px;z-index:99990;display:flex;align-items:center;gap:11px;max-width:290px;padding:11px 15px 11px 11px;border:1px solid rgba(236,90,194,.2);border-radius:16px;background:rgba(18,11,18,.94);color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;text-align:left;font:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.ia-pwa-install:hover{transform:translateY(-2px);border-color:rgba(236,90,194,.4);background:rgba(27,13,25,.97)}
.ia-pwa-install__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#cf1e99,#7b35ba);font-size:20px;font-weight:800}
.ia-pwa-install strong,.ia-pwa-install small{display:block}.ia-pwa-install strong{font-size:12px;line-height:1.3}.ia-pwa-install small{margin-top:2px;color:#9f929f;font-size:10px;line-height:1.35}
@media(max-width:600px){.ia-pwa-install{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));max-width:none;width:auto}}
/* ==========================================================
Inglês Avançado 11.03.4 — UI final: questões + PWA integrada
========================================================== */
/* PWA: deixa de ser popup flutuante e passa a fazer parte da interface */
.ia-pwa-install{
position:static!important;
inset:auto!important;
z-index:auto!important;
width:100%!important;
max-width:none!important;
min-height:50px!important;
margin:0!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
border:1px solid rgba(228,90,189,.16)!important;
border-radius:14px!important;
background:linear-gradient(90deg,rgba(202,27,149,.10),rgba(123,53,183,.035))!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
color:#f6eff6!important;
font:inherit!important;
text-align:left!important;
cursor:pointer!important;
transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.ia-pwa-install:hover{
transform:translateY(-1px)!important;
border-color:rgba(228,90,189,.32)!important;
background:linear-gradient(90deg,rgba(202,27,149,.16),rgba(123,53,183,.07))!important;
}
.ia-pwa-install__icon{
width:30px!important;
height:30px!important;
flex:0 0 30px!important;
display:grid!important;
place-items:center!important;
border-radius:9px!important;
background:linear-gradient(135deg,#ca1b95,#7b35b7)!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
}
.ia-pwa-install__copy{min-width:0!important;display:block!important}
.ia-pwa-install strong,.ia-pwa-install small{display:block!important;margin:0!important;line-height:1.25!important}
.ia-pwa-install strong{font-size:12px!important;font-weight:800!important;color:#f8f4f8!important}
.ia-pwa-install small{margin-top:2px!important;font-size:9px!important;color:#7d737f!important}
/* Questões: restaura hierarquia e alinhamento das alternativas */
.id-v3-player .id-v3-answers{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
width:100%!important;
margin-top:8px!important;
}
.id-v3-player .id-v3-answer{
appearance:none!important;
-webkit-appearance:none!important;
width:100%!important;
min-height:74px!important;
padding:13px 16px!important;
display:grid!important;
grid-template-columns:46px minmax(0,1fr) 26px!important;
align-items:center!important;
column-gap:16px!important;
border:1px solid rgba(228,90,189,.22)!important;
border-radius:16px!important;
background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))!important;
box-shadow:none!important;
color:#f6f1f6!important;
text-align:left!important;
cursor:pointer!important;
overflow:hidden!important;
transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.id-v3-player .id-v3-answer:hover:not(:disabled){
transform:translateY(-1px)!important;
border-color:rgba(228,90,189,.46)!important;
background:linear-gradient(90deg,rgba(202,27,149,.06),rgba(123,53,183,.025))!important;
box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}
.id-v3-player .id-v3-answer.is-selected{
border-color:#cf2ba5!important;
background:linear-gradient(90deg,rgba(202,27,149,.14),rgba(123,53,183,.06))!important;
box-shadow:0 0 0 1px rgba(228,90,189,.08),0 14px 36px rgba(202,27,149,.08)!important;
}
.id-v3-player .id-v3-answer__letter{
width:46px!important;
height:46px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.09)!important;
border-radius:13px!important;
background:#0b0a0c!important;
color:#e950bd!important;
font-size:13px!important;
font-weight:900!important;
line-height:1!important;
}
.id-v3-player .id-v3-answer.is-selected .id-v3-answer__letter{
border-color:transparent!important;
background:linear-gradient(135deg,#ca1b95,#7b35b7)!important;
color:#fff!important;
}
.id-v3-player .id-v3-answer__text{
min-width:0!important;
margin:0!important;
padding:0!important;
display:block!important;
color:#f4eef4!important;
font-family:inherit!important;
font-size:14px!important;
font-weight:700!important;
line-height:1.45!important;
letter-spacing:0!important;
text-align:left!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:break-word!important;
}
.id-v3-player .id-v3-answer__state{
width:22px!important;
height:22px!important;
margin:0!important;
justify-self:end!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.11)!important;
border-radius:999px!important;
background:#080709!important;
}
.id-v3-player .id-v3-answer.is-selected .id-v3-answer__state{
border-color:#d84eb6!important;
box-shadow:inset 0 0 0 5px #080709!important;
background:#d84eb6!important;
}
.id-v3-player .id-v3-answer.is-correct{
border-color:rgba(92,219,148,.55)!important;
background:rgba(92,219,148,.055)!important;
}
.id-v3-player .id-v3-answer.is-wrong{
border-color:rgba(255,107,124,.48)!important;
background:rgba(255,107,124,.05)!important;
}
.id-v3-player .id-v3-answer.is-correct .id-v3-answer__text,
.id-v3-player .id-v3-answer.is-wrong .id-v3-answer__text{color:#fff!important}
/* Evita desalinhamento causado por estilos globais do tema/Elementor */
.id-v3-player button.id-v3-answer span{position:static!important;transform:none!important;float:none!important}
.id-v3-player button.id-v3-answer:before,
.id-v3-player button.id-v3-answer:after{display:none!important;content:none!important}
@media(max-width:980px){
/* botão PWA compacto no topo no tablet/mobile */
.id-v3-topbar__stats>.ia-pwa-install{
width:40px!important;
min-width:40px!important;
height:40px!important;
min-height:40px!important;
flex:0 0 40px!important;
padding:0!important;
justify-content:center!important;
border-radius:12px!important;
}
.id-v3-topbar__stats>.ia-pwa-install .ia-pwa-install__icon{
width:30px!important;height:30px!important;flex-basis:30px!important;
}
.id-v3-topbar__stats>.ia-pwa-install .ia-pwa-install__copy{display:none!important}
}
@media(max-width:600px){
.id-v3-player .id-v3-answer{
min-height:68px!important;
padding:11px 12px!important;
grid-template-columns:42px minmax(0,1fr) 22px!important;
column-gap:12px!important;
border-radius:15px!important;
}
.id-v3-player .id-v3-answer__letter{
width:42px!important;
height:42px!important;
border-radius:12px!important;
}
.id-v3-player .id-v3-answer__text{
font-size:13px!important;
line-height:1.42!important;
}
.id-v3-player .id-v3-answer__state{display:grid!important}
}
@media(max-width:380px){
.id-v3-player .id-v3-answer{
grid-template-columns:38px minmax(0,1fr) 18px!important;
column-gap:10px!important;
padding:10px!important;
}
.id-v3-player .id-v3-answer__letter{width:38px!important;height:38px!important}
.id-v3-player .id-v3-answer__state{width:18px!important;height:18px!important}
.id-v3-player .id-v3-answer__text{font-size:12.5px!important}
}
/* ==========================================================
11.03.6 — CONFIGURAÇÕES: CONTA + SEGURANÇA
========================================================== */
.id-v11-settings-grid{
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
gap:16px;
margin-bottom:16px;
}
.id-v11-settings-card{
min-width:0;
padding:24px;
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}
.id-v11-settings-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
.id-v11-settings-card-head h2{
margin:7px 0 0;
color:#fff;
font-size:24px;
line-height:1.08;
letter-spacing:-.035em;
}
.id-v11-settings-link{
flex:0 0 auto;
padding:10px 12px;
border:1px solid rgba(228,90,189,.18);
border-radius:12px;
color:#ed61c6!important;
text-decoration:none!important;
font-size:10px;
font-weight:850;
white-space:nowrap;
}
.id-v11-account-row{
display:flex;
align-items:center;
gap:16px;
min-height:90px;
padding:16px;
border:1px solid rgba(255,255,255,.06);
border-radius:18px;
background:rgba(0,0,0,.16);
}
.id-v11-settings-avatar{
width:62px;
height:62px;
flex:0 0 62px;
display:grid;
place-items:center;
border-radius:18px;
background:linear-gradient(135deg,#ca1b95,#7b35b7);
color:#fff;
font-size:24px;
font-weight:900;
}
.id-v11-account-row strong,.id-v11-account-row small{display:block;min-width:0}
.id-v11-account-row strong{color:#fff;font-size:17px;overflow-wrap:anywhere}
.id-v11-account-row small{margin-top:5px;color:#8b838d;font-size:10px;overflow-wrap:anywhere}
.id-v11-settings-intro{margin:-6px 0 18px;color:#8d858f;font-size:11px;line-height:1.6}
.id-v11-password-form{display:grid;gap:14px}
.id-v11-password-form label{display:grid;gap:7px}
.id-v11-password-form label>span{color:#b5abb7;font-size:10px;font-weight:800}
.id-v11-password-form input{
width:100%;
height:50px;
padding:0 14px;
border:1px solid rgba(255,255,255,.085)!important;
border-radius:14px!important;
outline:0!important;
background:#080709!important;
color:#fff!important;
font:inherit;
box-shadow:none!important;
}
.id-v11-password-form input:focus{border-color:rgba(226,58,178,.55)!important;box-shadow:0 0 0 3px rgba(202,27,149,.08)!important}
.id-v11-password-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.id-v11-password-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}
.id-v11-password-footer small{color:#777079;font-size:9px}
.id-v11-password-footer button{
min-height:44px;
padding:0 17px;
border:0!important;
border-radius:13px!important;
background:linear-gradient(135deg,#ca1b95,#8434c5)!important;
color:#fff!important;
font-size:11px!important;
font-weight:900!important;
cursor:pointer;
box-shadow:none!important;
}
.id-v11-password-footer button span{margin-left:7px}
.id-v11-settings-notice{
margin:-2px 0 16px;
padding:13px 15px;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
font-size:11px;
font-weight:750;
}
.id-v11-settings-notice.is-success{color:#72e7ad;border-color:rgba(80,224,150,.2);background:rgba(46,186,118,.055)}
.id-v11-settings-notice.is-error{color:#ff8cae;border-color:rgba(255,90,132,.18);background:rgba(214,44,87,.05)}
.id-v11-settings-list-secondary{margin-top:0}
@media(max-width:900px){
.id-v11-settings-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.id-v11-settings-card{padding:18px;border-radius:20px}
.id-v11-settings-card-head{display:grid;gap:12px}
.id-v11-settings-link{width:max-content;max-width:100%}
.id-v11-account-row{align-items:flex-start}
.id-v11-settings-avatar{width:54px;height:54px;flex-basis:54px;border-radius:16px}
.id-v11-password-cols{grid-template-columns:1fr}
.id-v11-password-footer{align-items:stretch;flex-direction:column}
.id-v11-password-footer button{width:100%}
}
/* =========================================================
11.03.7 — Home dashboard + account name + privacy polish
========================================================= */
.id-v12-home-hero{
display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:stretch;
padding:34px;border:1px solid rgba(255,255,255,.075);border-radius:28px;
background:
radial-gradient(circle at 86% 14%,rgba(213,35,157,.15),transparent 28%),
linear-gradient(135deg,rgba(19,13,20,.96),rgba(8,7,10,.98));
overflow:hidden;
}
.id-v12-home-hero h1{margin:8px 0 8px;color:#fff;font-size:clamp(36px,4vw,64px);line-height:.98;letter-spacing:-.045em}
.id-v12-home-hero p{max-width:720px;margin:0;color:#9b919f;font-size:14px;line-height:1.75}
.id-v12-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.id-v12-home-actions .id-v11-primary,.id-v12-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 18px;border-radius:14px;text-decoration:none!important;font-size:12px;font-weight:800}
.id-v12-home-actions .id-v11-primary{background:linear-gradient(135deg,#d11f9c,#8a39c5);color:#fff!important;border:1px solid rgba(255,255,255,.05)}
.id-v12-secondary{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#ddd3df!important}
.id-v12-home-streak{min-height:172px;padding:22px;border:1px solid rgba(228,90,189,.16);border-radius:22px;background:rgba(31,12,28,.52);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.id-v12-home-streak>span{font-size:30px}.id-v12-home-streak strong{margin-top:8px;color:#fff;font-size:42px;line-height:1}.id-v12-home-streak small{margin-top:7px;color:#8f8492;font-size:10px}
.id-v12-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.id-v12-home-stats>div{padding:20px 22px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:#0b090c}
.id-v12-home-stats span,.id-v12-home-stats small{display:block;color:#817985;font-size:10px}.id-v12-home-stats strong{display:block;margin:8px 0 5px;color:#fff;font-size:28px}
.id-v12-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.id-v12-home-card{padding:26px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(145deg,rgba(18,14,19,.98),rgba(8,7,9,.98))}
.id-v12-home-featured{background:radial-gradient(circle at 88% 10%,rgba(205,31,148,.12),transparent 34%),linear-gradient(145deg,rgba(26,14,23,.98),rgba(9,7,10,.98))}
.id-v12-home-card h2{margin:10px 0 8px;color:#fff;font-size:24px;line-height:1.15}.id-v12-home-card p{margin:0;color:#918895;font-size:12px;line-height:1.65}.id-v12-home-card a{display:inline-flex;margin-top:20px;gap:14px;color:#ee63c7!important;text-decoration:none!important;font-size:11px;font-weight:800}
.id-v12-home-quick{margin-top:16px;padding:26px;border:1px solid rgba(255,255,255,.07);border-radius:24px;background:#09080a}.id-v12-home-quick-head h2{margin:8px 0 0;color:#fff;font-size:22px}.id-v12-home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.id-v12-home-quick-grid a{min-height:112px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.018);text-decoration:none!important;display:flex;flex-direction:column;justify-content:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.id-v12-home-quick-grid a:hover{transform:translateY(-2px);border-color:rgba(227,65,174,.26);background:rgba(214,35,157,.035)}.id-v12-home-quick-grid span{color:#e45cbd;font-size:17px}.id-v12-home-quick-grid strong{margin-top:8px;color:#fff;font-size:12px}.id-v12-home-quick-grid small{margin-top:4px;color:#7f7781;font-size:9px}
.id-v12-name-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.065)}
.id-v12-name-form label{display:grid;gap:7px}.id-v12-name-form label span{color:#d9cedb;font-size:10px;font-weight:800}.id-v12-name-form input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#070608;color:#fff;outline:none}.id-v12-name-form input:focus{border-color:rgba(224,61,174,.52);box-shadow:0 0 0 3px rgba(224,61,174,.06)}
.id-v12-name-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.id-v12-name-footer small{max-width:450px;color:#716a74;font-size:9px;line-height:1.5}.id-v12-name-footer button{min-height:42px;padding:0 15px;border:0;border-radius:12px;background:linear-gradient(135deg,#cf1f9b,#8d39c7);color:#fff;font-size:10px;font-weight:800;cursor:pointer}
/* A barra de administração é removida por PHP. Evita offsets deixados por temas/plugins. */
html body .id-v3-fullbleed{margin-top:0!important}
@media (max-width:980px){
.id-v12-home-hero{grid-template-columns:1fr}.id-v12-home-streak{min-height:130px;align-items:flex-start;text-align:left}.id-v12-home-stats{grid-template-columns:1fr 1fr 1fr}.id-v12-home-quick-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
.id-v12-home-hero{padding:22px;border-radius:22px}.id-v12-home-hero h1{font-size:38px}.id-v12-home-actions{display:grid;grid-template-columns:1fr}.id-v12-home-actions a{width:100%}.id-v12-home-stats{grid-template-columns:1fr}.id-v12-home-grid{grid-template-columns:1fr}.id-v12-home-quick{padding:20px}.id-v12-home-quick-grid{grid-template-columns:1fr 1fr}.id-v12-name-form{grid-template-columns:1fr}.id-v12-name-footer{align-items:flex-start;flex-direction:column}.id-v12-name-footer button{width:100%}
}
@media (max-width:390px){.id-v12-home-quick-grid{grid-template-columns:1fr}.id-v12-home-hero h1{font-size:34px}}
/* =========================================================
11.03.8 — conclusão de módulo + revisão de erros
========================================================= */
.id-v13-complete{
position:relative;
min-height:520px;
padding:48px;
border:1px solid rgba(229,62,176,.20);
border-radius:30px;
background:
radial-gradient(circle at 84% 14%,rgba(214,35,157,.16),transparent 34%),
linear-gradient(145deg,rgba(25,14,23,.98),rgba(8,7,10,.99));
box-shadow:0 26px 80px rgba(0,0,0,.22);
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:center;
}
.id-v13-complete-orb{
width:72px;height:72px;border-radius:22px;
display:grid;place-items:center;margin-bottom:22px;
background:linear-gradient(135deg,#d11f9c,#8836c5);
color:#fff;font-size:30px;font-weight:900;
box-shadow:0 16px 42px rgba(202,27,149,.20);
}
.id-v13-complete h2{
margin:10px 0 10px;color:#fff;
font-size:clamp(36px,4.2vw,62px);line-height:1;letter-spacing:-.045em;
}
.id-v13-complete>p{max-width:720px;margin:0;color:#a398a6;font-size:14px;line-height:1.7}
.id-v13-complete-stats{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
margin-top:30px;
}
.id-v13-complete-stats>div{
min-height:108px;padding:18px 20px;border:1px solid rgba(255,255,255,.075);
border-radius:18px;background:rgba(5,4,7,.56);display:flex;flex-direction:column;justify-content:center;
}
.id-v13-complete-stats small{color:#887f8b;font-size:10px;font-weight:750}
.id-v13-complete-stats strong{margin-top:8px;color:#fff;font-size:28px;line-height:1}
.id-v13-module-progress{margin-top:24px;padding:18px 20px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(255,255,255,.018)}
.id-v13-module-progress>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.id-v13-module-progress span{color:#918795;font-size:11px}.id-v13-module-progress strong{color:#fff;font-size:12px}
.id-v13-module-progress i{display:block;height:7px;border-radius:999px;background:#18131b;overflow:hidden}
.id-v13-module-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d21d99,#8d3bc9);transition:width .45s ease}
.id-v13-complete-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.id-v13-complete-btn{
min-height:50px;padding:0 20px;border-radius:14px;
display:inline-flex;align-items:center;justify-content:center;gap:18px;
background:linear-gradient(135deg,#d11f9c,#8a39c5);color:#fff!important;
text-decoration:none!important;font-size:11px;font-weight:850;
border:1px solid rgba(255,255,255,.05);transition:transform .18s ease,filter .18s ease;
}
.id-v13-complete-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.id-v13-complete-btn--secondary{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.09);color:#ddd2df!important}
@media(max-width:780px){
.id-v13-complete{min-height:0;padding:28px 22px;border-radius:24px}
.id-v13-complete-stats{grid-template-columns:1fr}
.id-v13-complete-stats>div{min-height:86px}
.id-v13-complete-actions{display:grid;grid-template-columns:1fr}
.id-v13-complete-btn{width:100%}
}
/* ==========================================================
V11.03.9 — ACESSO ÀS CONFIGURAÇÕES PELO PERFIL NO MOBILE
========================================================== */
.id-v1139-profile-settings{
margin-top:16px;
min-height:82px;
padding:16px 18px;
display:flex;
align-items:center;
gap:14px;
border:1px solid rgba(228,90,189,.14);
border-radius:20px;
background:linear-gradient(135deg,rgba(202,27,149,.055),rgba(123,53,183,.025)),#0d0c0e;
color:#fff!important;
text-decoration:none!important;
transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.id-v1139-profile-settings:hover{
transform:translateY(-1px);
border-color:rgba(228,90,189,.32);
background:linear-gradient(135deg,rgba(202,27,149,.085),rgba(123,53,183,.045)),#0d0c0e;
}
.id-v1139-profile-settings__icon{
width:46px;
height:46px;
flex:0 0 46px;
display:grid;
place-items:center;
border-radius:14px;
background:rgba(202,27,149,.11);
color:#ec5dc4;
font-size:18px;
}
.id-v1139-profile-settings__copy{
min-width:0;
display:block;
}
.id-v1139-profile-settings__copy strong,
.id-v1139-profile-settings__copy small{
display:block;
}
.id-v1139-profile-settings__copy strong{
color:#fff;
font-size:13px;
line-height:1.3;
}
.id-v1139-profile-settings__copy small{
margin-top:4px;
color:#8d8490;
font-size:10px;
line-height:1.45;
}
.id-v1139-profile-settings__arrow{
margin-left:auto;
flex:0 0 auto;
color:#e65dbf;
font-size:17px;
}
@media(max-width:760px){
.id-v1139-profile-settings{
margin-top:12px;
min-height:72px;
padding:13px 14px;
border-radius:17px;
}
.id-v1139-profile-settings__icon{
width:42px;
height:42px;
flex-basis:42px;
border-radius:13px;
}
.id-v1139-profile-settings__copy strong{font-size:12px}
.id-v1139-profile-settings__copy small{font-size:9px}
}
@media(max-width:420px){
.id-v1139-profile-settings{
gap:11px;
padding:12px;
}
.id-v1139-profile-settings__copy small{
max-width:220px;
}
}
/* =========================================================
11.04.0 — FEEDBACK PEDAGÓGICO DAS QUESTÕES
Dica contextual + regra + erro comum + exemplos
========================================================= */
.id-v14-hintbox{
position:relative;
z-index:2;
margin:-6px 0 18px;
border:1px solid rgba(228,93,189,.16);
border-radius:16px;
background:rgba(202,27,149,.035);
overflow:hidden;
}
.id-v14-hint-toggle{
width:100%;
min-height:48px;
padding:0 16px;
display:flex;
align-items:center;
gap:9px;
border:0;
background:transparent;
color:#d8ced8;
font:inherit;
font-size:11px;
font-weight:800;
text-align:left;
cursor:pointer;
}
.id-v14-hint-toggle>span{font-size:15px}
.id-v14-hint-toggle>b{
margin-left:auto;
color:#e45dbd;
font-size:18px;
font-weight:500;
}
.id-v14-hint-toggle:hover{background:rgba(255,255,255,.025)}
.id-v14-hint-content{
padding:0 16px 15px 40px;
color:#a99faa;
font-size:12px;
line-height:1.7;
}
.id-v14-hint-content[hidden]{display:none!important}
.id-v14-hint-content p{margin:0!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.id-v3-tag--skill,
.id-v3-tag--topic{
border-color:rgba(228,93,189,.16);
background:rgba(202,27,149,.035);
color:#c99abb;
}
.id-v14-learning{
position:relative;
z-index:2;
margin-top:16px;
padding:20px;
border:1px solid rgba(228,93,189,.14);
border-radius:20px;
background:
radial-gradient(circle at 92% 0%,rgba(202,27,149,.08),transparent 35%),
rgba(255,255,255,.018);
}
.id-v14-learning[hidden]{display:none!important}
.id-v14-learning__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin-bottom:14px;
padding-bottom:14px;
border-bottom:1px solid rgba(255,255,255,.06);
}
.id-v14-learning__head>span{
color:#e65abd;
font-size:9px;
font-weight:900;
letter-spacing:.17em;
}
.id-v14-learning__head>strong{
color:#f7f2f6;
font-size:13px;
}
.id-v14-learning__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.id-v14-learn-card{
min-width:0;
padding:16px;
border:1px solid rgba(255,255,255,.065);
border-radius:15px;
background:rgba(7,6,8,.46);
}
.id-v14-learn-card[hidden]{display:none!important}
.id-v14-learn-card>small{
display:block;
margin-bottom:8px;
color:#e45dbd;
font-size:8px;
font-weight:900;
letter-spacing:.15em;
}
.id-v14-learn-card>strong{
display:block;
color:#f7f2f7;
font-size:14px;
line-height:1.45;
}
.id-v14-learn-card>p,
.id-v14-learn-card [data-learning-error],
.id-v14-learn-card [data-learning-examples]{
margin:0!important;
color:#aaa0aa!important;
font-size:11px!important;
line-height:1.72!important;
}
.id-v14-learn-error{
border-color:rgba(255,154,94,.12);
background:rgba(255,154,94,.025);
}
.id-v14-learn-error>small{color:#f0a06e}
.id-v14-learn-examples{grid-column:1/-1}
.id-v14-learn-examples [data-learning-examples]{
display:grid;
gap:7px;
}
.id-v14-learn-examples [data-learning-examples] p{
position:relative;
margin:0!important;
padding:9px 11px 9px 28px;
border-radius:10px;
background:rgba(255,255,255,.025);
color:#bbb1ba!important;
font-size:11px!important;
line-height:1.55!important;
}
.id-v14-learn-examples [data-learning-examples] p:before{
content:'→';
position:absolute;
left:11px;
top:9px;
color:#e45dbd;
}
@media (max-width:700px){
.id-v14-hintbox{margin-top:-3px;margin-bottom:15px;border-radius:14px}
.id-v14-hint-toggle{min-height:46px;padding:0 13px;font-size:11px}
.id-v14-hint-content{padding:0 13px 14px 37px;font-size:11px}
.id-v14-learning{padding:15px;border-radius:17px}
.id-v14-learning__head{display:block}
.id-v14-learning__head>strong{display:block;margin-top:5px;font-size:12px}
.id-v14-learning__grid{grid-template-columns:1fr}
.id-v14-learn-examples{grid-column:auto}
.id-v14-learn-card{padding:14px}
.id-v14-learn-card>strong{font-size:13px}
}
/* =========================================================
11.04.1 — POLIMENTO DA DICA + EXEMPLOS
========================================================= */
.id-v14-hintbox{
margin:4px 0 20px!important;
border:1px solid rgba(228,93,189,.22)!important;
border-radius:16px!important;
background:linear-gradient(135deg,rgba(202,27,149,.055),rgba(255,255,255,.018))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
overflow:hidden!important;
transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.id-v14-hintbox:hover{
border-color:rgba(228,93,189,.34)!important;
background:linear-gradient(135deg,rgba(202,27,149,.075),rgba(255,255,255,.022))!important;
}
.id-v14-hint-toggle{
width:100%!important;
min-height:54px!important;
padding:10px 16px!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#ece4eb!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.25!important;
box-shadow:none!important;
transform:none!important;
}
.id-v14-hint-toggle>span{
width:30px;
height:30px;
flex:0 0 30px;
display:grid;
place-items:center;
border:1px solid rgba(228,93,189,.20);
border-radius:9px;
background:rgba(202,27,149,.10);
font-size:14px!important;
}
.id-v14-hint-toggle>b{
width:28px;
height:28px;
margin-left:auto!important;
display:grid;
place-items:center;
flex:0 0 28px;
border:1px solid rgba(228,93,189,.16);
border-radius:8px;
background:rgba(255,255,255,.018);
color:#e65abd!important;
font-size:17px!important;
line-height:1!important;
}
.id-v14-hint-toggle:hover,
.id-v14-hint-toggle:focus-visible{
background:rgba(255,255,255,.018)!important;
color:#fff!important;
}
.id-v14-hint-toggle[aria-expanded="true"]{
padding-bottom:8px!important;
}
.id-v14-hint-content{
position:relative;
padding:10px 18px 18px 58px!important;
color:#bbb0ba!important;
font-size:12px!important;
line-height:1.72!important;
}
.id-v14-hint-content:before{
content:'';
position:absolute;
top:0;
left:58px;
right:18px;
height:1px;
background:rgba(255,255,255,.055);
}
.id-v14-hint-content p{
padding-top:10px!important;
}
.id-v14-learn-examples [data-learning-examples]{
gap:8px!important;
}
.id-v14-learn-examples [data-learning-examples] p{
min-height:42px;
display:flex;
align-items:center;
padding:10px 13px 10px 31px!important;
border:1px solid rgba(255,255,255,.035);
background:rgba(255,255,255,.028)!important;
}
.id-v14-learn-examples [data-learning-examples] p:before{
top:50%!important;
transform:translateY(-50%);
}
.id-v14-learn-examples [data-learning-examples]:empty{
display:none!important;
}
@media(max-width:700px){
.id-v14-hintbox{margin:5px 0 17px!important;border-radius:14px!important}
.id-v14-hint-toggle{min-height:52px!important;padding:9px 12px!important;gap:10px!important}
.id-v14-hint-toggle>span{width:28px;height:28px;flex-basis:28px}
.id-v14-hint-toggle>b{width:26px;height:26px;flex-basis:26px}
.id-v14-hint-content{padding:9px 14px 16px 50px!important;font-size:11.5px!important}
.id-v14-hint-content:before{left:50px;right:14px}
.id-v14-hint-content p{padding-top:9px!important}
.id-v14-learn-examples [data-learning-examples] p{min-height:40px;padding:9px 11px 9px 29px!important}
}
/* =========================================================
11.05.0 — ERRO ESPECÍFICO + ROTA DE REVISÃO
========================================================= */
.id-v3-player .id-v3-answer.is-wrong .id-v3-answer__state{
display:flex!important;align-items:center!important;justify-content:center!important;
padding:0!important;line-height:1!important;text-align:center!important;
}
.id-v3-player .id-v3-answer.is-wrong .id-v3-answer__state:before{
display:block!important;position:static!important;transform:translateY(-.5px)!important;
margin:0!important;padding:0!important;line-height:1!important;
}
.id-v15-chosen-error{margin:0 0 12px;padding:11px 12px;border:1px solid rgba(255,107,124,.16);border-radius:11px;background:rgba(255,107,124,.045)}
.id-v15-chosen-error small{display:block;margin:0 0 5px;color:#ff8d9b;font-size:8px;font-weight:900;letter-spacing:.14em}
.id-v15-chosen-error strong{display:block;color:#f5e9ec;font-size:12px;line-height:1.5}
.id-v15-error-copy{color:#aaa0aa;font-size:11px;line-height:1.72}
.id-v15-error-copy p{margin:0 0 8px!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.id-v15-error-copy p:last-child{margin-bottom:0!important}
.id-v15-learn-related{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid rgba(228,93,189,.18);border-radius:15px;background:linear-gradient(135deg,rgba(202,27,149,.065),rgba(255,255,255,.018))}
.id-v15-learn-related[hidden]{display:none!important}
.id-v15-learn-related>div{min-width:0}
.id-v15-learn-related small{display:block;margin-bottom:6px;color:#e45dbd;font-size:8px;font-weight:900;letter-spacing:.15em}
.id-v15-learn-related strong{display:block;color:#f7f2f7;font-size:14px;line-height:1.4}
.id-v15-learn-related [data-related-meta]{display:block;margin-top:5px;color:#958b95;font-size:10px}
.id-v15-learn-related a{flex:0 0 auto;padding:11px 14px;border:1px solid rgba(228,93,189,.34);border-radius:10px;color:#f3d6eb;text-decoration:none;font-size:11px;font-weight:800;transition:.2s ease}
.id-v15-learn-related a:hover{border-color:rgba(228,93,189,.62);background:rgba(202,27,149,.11);color:#fff}
@media(max-width:700px){.id-v15-learn-related{grid-column:auto;display:block;padding:14px}.id-v15-learn-related a{display:flex;justify-content:center;margin-top:13px;width:100%}.id-v15-chosen-error strong{font-size:11px}}
/* =========================================================
Inglês Avançado 11.05.2 — reader viewport corrigido
========================================================= */
.id-v11-lesson-body{
position:relative !important;
display:block !important;
width:100% !important;
height:auto !important;
max-height:520px !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
margin:18px 0 26px !important;
padding:24px 28px !important;
box-sizing:border-box !important;
border:1px solid rgba(255,255,255,.075);
border-radius:20px;
background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -24px 45px rgba(0,0,0,.10);
scrollbar-width:thin;
scrollbar-color:rgba(228,90,189,.58) rgba(255,255,255,.035);
}
.id-v11-lesson-body::-webkit-scrollbar{width:9px}
.id-v11-lesson-body::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-radius:999px}
.id-v11-lesson-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d52aa3,#7b35b7);border-radius:999px;border:2px solid #0b090c}
.id-v11-lesson-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ed55bd,#9549cf)}
.id-v11-lesson-body>:first-child{margin-top:0!important}
.id-v11-lesson-body>:last-child{margin-bottom:0!important}
@media(max-width:760px){
.id-v11-lesson-body{
max-height:56svh !important;
min-height:300px;
margin:14px 0 20px !important;
padding:18px 16px !important;
border-radius:16px;
font-size:15px;
line-height:1.72;
}
.id-v11-lesson-body::-webkit-scrollbar{width:5px}
}
@media(max-width:430px){
.id-v11-lesson-body{
max-height:54svh !important;
min-height:280px;
padding:16px 14px !important;
}
}
/* =========================================================
11.06.1 — Auth FOUC + admin bar hardening
========================================================= */
body.ia-auth-route #wpadminbar{display:none!important}
html:has(body.ia-auth-route){margin-top:0!important;background:#070609!important}
body.ia-auth-route{margin-top:0!important}
@media screen and (max-width:782px){
html:has(body.ia-auth-route){margin-top:0!important}
body.ia-auth-route{margin-top:0!important}
}
/* =========================================================
Inglês Avançado 11.07.0 — domínio, revisão, loop e plano no ranking
========================================================= */
/* Progresso de aprendizado nos conteúdos */
.id-v17-content-progress{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}
.id-v17-content-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.id-v17-content-progress>div span{color:#918794;font-size:10px;font-weight:800}
.id-v17-content-progress>div strong{color:#f166c8;font-size:11px}
.id-v17-content-progress>i,.id-v17-lesson-progressbar i{display:block;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}
.id-v17-content-progress>i b,.id-v17-lesson-progressbar i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ca1b95,#7b35b7);box-shadow:0 0 14px rgba(202,27,149,.2);transition:width .35s ease}
.id-v17-content-progress small{display:block;margin-top:8px;color:#716a74;font-size:9px}
.id-v17-study-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px}
.id-v17-study-actions a{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;text-decoration:none!important;font-size:10px;font-weight:900}
.id-v17-study-main{padding:0 14px;color:#fff!important;background:linear-gradient(135deg,#cf1e99,#7b35ba)}
.id-v17-study-review{padding:0 12px;color:#ff74d0!important;border:1px solid rgba(228,90,189,.2);background:rgba(202,27,149,.045)}
/* Progresso dentro da aula */
.id-v17-lesson-progress{margin:18px 0 22px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:24px;align-items:center;border:1px solid rgba(228,90,189,.13);border-radius:18px;background:linear-gradient(135deg,rgba(202,27,149,.055),rgba(123,53,183,.025))}
.id-v17-lesson-progress>div:first-child>strong{display:block;margin:7px 0 4px;color:#fff;font-size:28px;line-height:1}
.id-v17-lesson-progress p{margin:0;color:#8c838e;font-size:11px}
.id-v17-lesson-progressbar{display:grid;gap:10px}
.id-v17-lesson-progressbar a{justify-self:end;color:#ff68ca!important;text-decoration:none!important;font-size:10px;font-weight:900}
/* Revisão na home */
.id-v17-review-callout{margin:18px 0;padding:20px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid rgba(228,90,189,.15);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(202,27,149,.12),transparent 38%),#100d11}
.id-v17-review-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(202,27,149,.1);color:#ef61c7;font-size:24px;font-weight:900}
.id-v17-review-callout h2{margin:6px 0 6px;color:#fff;font-size:20px}
.id-v17-review-callout p{margin:0;color:#8f8691;font-size:11px}
.id-v17-review-callout>a{min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(228,90,189,.2);border-radius:12px;color:#fff!important;background:linear-gradient(135deg,rgba(202,27,149,.16),rgba(123,53,183,.11));text-decoration:none!important;font-size:10px;font-weight:900;white-space:nowrap}
/* FREE / PRO no ranking */
.id-v17-rank-name{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.id-v17-rank-name b{min-width:0}
.id-v17-plan-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 7px;border-radius:999px;font-style:normal;font-size:7px;font-weight:950;letter-spacing:.12em;line-height:1}
.id-v17-plan-badge.is-free{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#88808a}
.id-v17-plan-badge.is-pro{border:1px solid rgba(235,89,196,.24);background:linear-gradient(135deg,rgba(202,27,149,.16),rgba(123,53,183,.10));color:#ff72cf;box-shadow:0 0 18px rgba(202,27,149,.07)}
/* Loop do player */
.id-v10-audio-controls{grid-template-columns:42px 50px 42px 58px minmax(100px,1fr)!important}
.id-v17-loop-btn{width:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 6px!important}
.id-v17-loop-btn span{font-size:16px;line-height:1}
.id-v17-loop-btn small{font-size:7px;font-weight:900;letter-spacing:.05em}
.id-v17-loop-btn.is-active{border-color:rgba(230,91,190,.4)!important;background:rgba(202,27,149,.14)!important;color:#ff70ce!important;box-shadow:0 0 18px rgba(202,27,149,.10)}
@media(max-width:760px){
.id-v17-study-actions{grid-template-columns:1fr}
.id-v17-lesson-progress{grid-template-columns:1fr;gap:14px}
.id-v17-lesson-progressbar a{justify-self:start}
.id-v17-review-callout{grid-template-columns:44px minmax(0,1fr)}
.id-v17-review-icon{width:44px;height:44px}
.id-v17-review-callout>a{grid-column:1/-1;width:100%}
.id-v10-audio-controls{grid-template-columns:38px 46px 38px 54px minmax(86px,1fr)!important}
.id-v17-loop-btn{width:54px!important}
}
@media(max-width:390px){
.id-v10-audio-controls{grid-template-columns:36px 44px 36px 48px minmax(72px,1fr)!important;gap:5px!important}
.id-v17-loop-btn{width:48px!important}
.id-v17-loop-btn small{display:none}
}
/* =========================================================
Inglês Avançado 11.08.0 — Comunidade
========================================================= */
.id-v18-community{width:100%}
.id-v18-community-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.id-v18-community-head h1{margin:6px 0 8px;color:#fff;font-size:clamp(28px,3vw,44px);line-height:1.05}
.id-v18-community-head p{margin:0;color:#8f8591;font-size:12px}
.id-v18-community-status{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:#aaa0ab;font-size:10px;font-weight:800}
.id-v18-community-status span{width:7px;height:7px;border-radius:50%;background:#48d78b;box-shadow:0 0 12px rgba(72,215,139,.45)}
.id-v18-community-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:620px}
.id-v18-community-side{display:flex;flex-direction:column;gap:12px}
.id-v18-side-card,.id-v18-side-note{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0e0b0f}
.id-v18-side-card{display:flex;align-items:center;gap:12px;padding:14px}
.id-v18-side-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(202,27,149,.11);color:#ef62c7;font-size:16px;font-weight:900}
.id-v18-side-card strong{display:block;color:#fff;font-size:11px}
.id-v18-side-card small{display:block;margin-top:3px;color:#756d77;font-size:9px}
.id-v18-side-note{padding:16px}
.id-v18-side-note strong{color:#fff;font-size:10px}
.id-v18-side-note p{margin:7px 0 0;color:#756e78;font-size:9px;line-height:1.6}
.id-v18-chat{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;border:1px solid rgba(228,90,189,.11);border-radius:20px;background:linear-gradient(180deg,#100c10,#0a080b)}
.id-v18-chat-list{height:560px;overflow-y:auto;padding:18px 20px;scroll-behavior:smooth}
.id-v18-chat-list::-webkit-scrollbar{width:7px}
.id-v18-chat-list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.09)}
.id-v18-chat-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#716974}
.id-v18-chat-empty span{font-size:32px}
.id-v18-chat-empty strong{margin-top:10px;color:#fff;font-size:14px}
.id-v18-chat-empty p{margin:6px 0 0;font-size:10px}
.id-v18-msg{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:12px 4px}
.id-v18-msg+.id-v18-msg{border-top:1px solid rgba(255,255,255,.035)}
.id-v18-msg-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(202,27,149,.22),rgba(123,53,183,.16));color:#fff;font-size:11px;font-weight:900}
.id-v18-msg.is-own .id-v18-msg-avatar{box-shadow:0 0 0 1px rgba(239,98,199,.28)}
.id-v18-msg-body{min-width:0}
.id-v18-msg-meta{display:flex;align-items:center;gap:7px;min-width:0}
.id-v18-msg-meta strong{color:#f6f1f6;font-size:10px}
.id-v18-msg-meta time{margin-left:auto;color:#635c65;font-size:8px}
.id-v18-msg-body p{margin:5px 0 0;color:#b2a9b4;font-size:11px;line-height:1.55;word-break:break-word}
.id-v18-chat-compose{padding:14px 16px 16px;border-top:1px solid rgba(255,255,255,.06);background:#0c090d}
.id-v18-compose-user{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.id-v18-compose-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(202,27,149,.11);color:#ef63c7;font-size:10px;font-weight:900}
.id-v18-compose-user strong{display:block;color:#fff;font-size:9px}
.id-v18-compose-user small{display:block;margin-top:2px;color:#6e6670;font-size:8px}
.id-v18-compose-field{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#080708}
.id-v18-compose-field textarea{box-sizing:border-box;width:100%!important;min-height:68px!important;max-height:150px;padding:12px 13px!important;resize:vertical;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;font:inherit;font-size:11px!important;line-height:1.5}
.id-v18-compose-field textarea::placeholder{color:#645c66}
.id-v18-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px 9px;border-top:1px solid rgba(255,255,255,.045)}
.id-v18-compose-footer>span{color:#635c65;font-size:8px}
.id-v18-compose-footer button{min-height:34px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,#cf1e99,#7b35ba);color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.id-v18-compose-footer button:disabled{opacity:.5;cursor:wait}
.id-v18-chat-feedback{min-height:14px;margin-top:6px;color:#ff7791;font-size:8px}
@media(max-width:900px){
.id-v18-community-grid{grid-template-columns:1fr}
.id-v18-community-side{display:none}
.id-v18-chat-list{height:min(56vh,520px)}
}
@media(max-width:600px){
.id-v18-community-head{align-items:flex-start;flex-direction:column}
.id-v18-community-head h1{font-size:30px}
.id-v18-community-status{align-self:flex-start}
.id-v18-chat{border-radius:16px}
.id-v18-chat-list{height:52vh;min-height:360px;padding:12px 12px}
.id-v18-msg{grid-template-columns:34px minmax(0,1fr);gap:9px}
.id-v18-msg-avatar{width:31px;height:31px}
.id-v18-chat-compose{padding:11px 12px 12px}
}
/* 11.08.2 - acesso à Comunidade pelo Perfil em telas menores */
.id-v18-profile-community{margin-bottom:12px}
/* =========================================================
Inglês Avançado 11.09.0 — Chat otimizado / emojis rápidos
========================================================= */
.id-v18-msg-avatar,
.id-v18-compose-avatar{
font-size:18px;
line-height:1;
}
.id-v19-emoji-tools{
display:flex;
align-items:center;
gap:10px;
padding:7px 9px;
border-top:1px solid rgba(255,255,255,.045);
}
.id-v19-emoji-tools>span{
flex:0 0 auto;
color:#6f6671;
font-size:8px;
font-weight:700;
}
.id-v19-emoji-tools>div{
display:flex;
align-items:center;
gap:3px;
min-width:0;
overflow-x:auto;
scrollbar-width:none;
}
.id-v19-emoji-tools>div::-webkit-scrollbar{display:none}
.id-v19-emoji-tools button{
flex:0 0 30px;
width:30px;
height:30px;
padding:0;
border:1px solid rgba(255,255,255,.055);
border-radius:9px;
background:rgba(255,255,255,.025);
font-size:15px;
line-height:1;
cursor:pointer;
transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.id-v19-emoji-tools button:hover{
transform:translateY(-1px);
border-color:rgba(239,98,199,.25);
background:rgba(202,27,149,.08);
}
@media(max-width:600px){
.id-v19-emoji-tools{
align-items:flex-start;
flex-direction:column;
gap:6px;
}
.id-v19-emoji-tools>div{width:100%}
}
/* =========================================================
Inglês Avançado 11.10.0 — denúncia e moderação do chat
========================================================= */
.id-v18-msg-meta{position:relative}
.id-v20-msg-more{
margin-left:10px;
flex:0 0 auto;
width:30px;
height:25px;
padding:0;
display:inline-flex;
align-items:center;
justify-content:center;
appearance:none;
-webkit-appearance:none;
border:1px solid rgba(255,255,255,.10);
border-radius:9px;
background:rgba(255,255,255,.018);
color:#928896;
cursor:pointer;
opacity:.96;
line-height:0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.id-v20-msg-more__dots{
display:inline-flex;
align-items:center;
justify-content:center;
gap:4px;
height:100%;
pointer-events:none;
transform:translateY(0);
}
.id-v20-msg-more__dots i{
display:block;
width:3px;
height:3px;
border-radius:999px;
background:currentColor;
flex:0 0 auto;
}
.id-v20-msg-more:hover,.id-v20-msg-more:focus,.id-v20-msg-more:focus-visible{
opacity:1;
background:rgba(255,255,255,.038);
border-color:rgba(236,79,188,.40);
color:#f48ecf;
box-shadow:0 8px 18px rgba(120,17,88,.13);
transform:translateY(-1px);
}
.id-v20-report-modal[hidden]{display:none!important}
.id-v20-report-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
.id-v20-report-backdrop{position:absolute;inset:0;background:rgba(3,2,5,.78);backdrop-filter:blur(7px)}
.id-v20-report-dialog{
position:relative;z-index:2;width:min(460px,100%);padding:24px;border:1px solid rgba(255,255,255,.08);
border-radius:18px;background:#100d12;box-shadow:0 24px 80px rgba(0,0,0,.55);color:#f7f1f7
}
.id-v20-report-dialog h2{margin:7px 0 8px;font-size:23px}
.id-v20-report-dialog>p{margin:0 0 18px;color:#9e929f;font-size:13px;line-height:1.55}
.id-v20-report-dialog label{display:block;margin:12px 0;color:#cfc5d0;font-size:12px;font-weight:700}
.id-v20-report-dialog label small{color:#776d79;font-weight:500}
.id-v20-report-dialog select,.id-v20-report-dialog textarea{
box-sizing:border-box;display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);
border-radius:10px;background:#0b090d;color:#f6f0f6;outline:none
}
.id-v20-report-dialog select:focus,.id-v20-report-dialog textarea:focus{border-color:rgba(239,98,199,.42)}
.id-v20-report-x{position:absolute;top:13px;right:13px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.045);color:#aaa0ab;font-size:20px;cursor:pointer}
.id-v20-report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.id-v20-report-actions button{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);color:#cfc5d0;cursor:pointer}
.id-v20-report-actions .is-primary{border-color:rgba(236,79,188,.35);background:linear-gradient(135deg,#ba167e,#df3aa7);color:#fff}
.id-v20-report-feedback{min-height:18px;color:#d9a9cc;font-size:12px}
html.ia-report-open{overflow:hidden}
/* 11.11.0 — equipe e timer de foco */
.id-v21-staff-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px!important;font-style:normal;font-weight:900;letter-spacing:.06em;line-height:1;border:1px solid rgba(239,92,194,.28);background:rgba(202,27,149,.11);color:#f07bca}
.id-v21-staff-badge.is-mod{border-color:rgba(123,89,205,.3);background:rgba(123,89,205,.12);color:#b9a7f1}
.id-v18-msg:has(.id-v21-staff-badge.is-team){border-left:2px solid rgba(223,78,185,.32)}
.id-v18-msg:has(.id-v21-staff-badge.is-mod){border-left:2px solid rgba(139,111,218,.28)}
.id-v21-focus-shortcut span{color:#d46ac0}
.id-v21-focus-backdrop[hidden]{display:none!important}.id-v21-focus-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(3,2,5,.7);backdrop-filter:blur(5px);opacity:0;transition:.2s}.id-v21-focus-backdrop.is-open{opacity:1}
.id-v21-focus-pop{position:fixed;z-index:99991;top:50%;left:50%;width:min(430px,calc(100vw - 28px));transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#100d12;color:#fff;box-shadow:0 25px 90px rgba(0,0,0,.55);transition:.22s}
.id-v21-focus-pop.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.id-v21-focus-head{display:flex;justify-content:space-between;align-items:flex-start}.id-v21-focus-head h3{margin:5px 0 0;font-size:22px}.id-v21-focus-head>button{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.05);color:#aaa;font-size:20px;cursor:pointer}
.id-v21-focus-status{text-align:center;margin-top:22px;color:#a899aa;font-size:12px;font-weight:800;letter-spacing:.08em}.id-v21-focus-time{text-align:center;margin:8px 0 20px;font-size:52px;font-weight:900;letter-spacing:-.04em}
.id-v21-focus-presets,.id-v21-focus-breaks,.id-v21-focus-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.id-v21-focus-presets button,.id-v21-focus-breaks button,.id-v21-focus-actions button{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.04);color:#cfc5d0;padding:9px 12px;cursor:pointer;font-weight:800}.id-v21-focus-presets button.is-active,.id-v21-focus-actions .is-primary{background:linear-gradient(135deg,#ba167e,#7b35b7);color:#fff;border-color:transparent}
.id-v21-focus-custom{text-align:center;margin:13px 0}.id-v21-focus-custom label{font-size:12px;color:#9f929f}.id-v21-focus-custom input{width:70px;margin:0 6px;background:#09070a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:7px}
.id-v21-focus-actions{margin:16px 0}.id-v21-focus-breaks{padding-top:15px;border-top:1px solid rgba(255,255,255,.06);align-items:center}.id-v21-focus-breaks>span{font-size:11px;color:#8f8490;font-weight:800}
.id-v21-focus-sound{display:flex;justify-content:center;gap:8px;margin-top:16px;color:#aaa0ab;font-size:12px}.id-v21-focus-note{text-align:center;color:#716873;font-size:11px;line-height:1.5;margin:13px 0 0}
@media(max-width:600px){.id-v21-focus-time{font-size:44px}.id-v21-focus-pop{padding:18px}.id-v21-focus-shortcut small{display:none}}
/* =========================================================
Inglês Avançado 11.12.0 — acabamento premium / responsivo
========================================================= */
/* Mensagens da equipe: linha lateral com respiro visual. */
.id-v18-msg:has(.id-v21-staff-badge.is-team),
.id-v18-msg:has(.id-v21-staff-badge.is-mod){
position:relative;
border-left:0!important;
padding-left:24px!important;
}
.id-v18-msg:has(.id-v21-staff-badge.is-team)::before,
.id-v18-msg:has(.id-v21-staff-badge.is-mod)::before{
content:"";
position:absolute;
left:6px;
top:10px;
bottom:10px;
width:2px;
border-radius:999px;
pointer-events:none;
}
.id-v18-msg:has(.id-v21-staff-badge.is-team)::before{
background:linear-gradient(180deg,rgba(239,92,194,.72),rgba(239,92,194,.18));
}
.id-v18-msg:has(.id-v21-staff-badge.is-mod)::before{
background:linear-gradient(180deg,rgba(160,128,240,.68),rgba(160,128,240,.16));
}
.id-v18-msg-avatar{flex:0 0 auto}
/* X perfeitamente centralizado. */
.id-v21-focus-head>button{
display:grid!important;
place-items:center!important;
padding:0!important;
line-height:1!important;
font-family:Arial,sans-serif!important;
font-size:22px!important;
text-align:center!important;
}
/* Aviso visual ao concluir foco ou descanso. */
.id-v22-focus-alert[hidden]{display:none!important}
.id-v22-focus-alert{
position:fixed;
inset:0;
z-index:100002;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
}
.id-v22-focus-alert-backdrop{
position:absolute;
inset:0;
background:rgba(3,2,5,.82);
backdrop-filter:blur(8px);
}
.id-v22-focus-alert-dialog{
position:relative;
z-index:2;
box-sizing:border-box;
width:min(460px,100%);
padding:30px 28px 26px;
border:1px solid rgba(255,255,255,.09);
border-radius:24px;
background:radial-gradient(circle at 50% 0%,rgba(211,45,157,.11),transparent 45%),#100d12;
box-shadow:0 30px 100px rgba(0,0,0,.62);
color:#fff;
text-align:center;
}
.id-v22-focus-alert-icon{
display:grid;
place-items:center;
width:58px;
height:58px;
margin:0 auto 16px;
border:1px solid rgba(237,75,184,.3);
border-radius:18px;
background:rgba(202,27,149,.12);
color:#f06bc6;
font-size:28px;
font-weight:900;
}
.id-v22-focus-alert-dialog h3{
margin:8px 0;
font-size:28px;
line-height:1.15;
letter-spacing:-.02em;
}
.id-v22-focus-alert-dialog>p{
max-width:360px;
margin:0 auto;
color:#9e929f;
font-size:13px;
line-height:1.6;
}
.id-v22-focus-alert-breaks{
display:flex;
justify-content:center;
gap:8px;
margin:22px 0 0;
flex-wrap:wrap;
}
.id-v22-focus-alert-breaks[hidden]{display:none!important}
.id-v22-focus-alert-breaks button,
.id-v22-focus-alert-actions button{
min-height:42px;
padding:10px 14px;
border:1px solid rgba(255,255,255,.09);
border-radius:11px;
background:rgba(255,255,255,.035);
color:#d8ced9;
font-weight:800;
cursor:pointer;
transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.id-v22-focus-alert-breaks button:hover,
.id-v22-focus-alert-actions button:hover{
transform:translateY(-1px);
border-color:rgba(239,92,194,.34);
}
.id-v22-focus-alert-actions{
display:grid;
grid-template-columns:1fr 1.25fr;
gap:9px;
margin-top:22px;
}
.id-v22-focus-alert-actions .is-primary{
border-color:transparent;
background:linear-gradient(135deg,#ba167e,#8a37c6);
color:#fff;
}
.id-v22-focus-alert-actions .is-secondary{
background:rgba(255,255,255,.025);
color:#938895;
}
html.ia-focus-alert-open{overflow:hidden}
@media(max-width:700px){
.id-v21-focus-pop{
width:min(440px,calc(100vw - 20px));
max-height:calc(100dvh - 20px);
overflow-y:auto;
padding:18px 16px;
border-radius:18px;
}
.id-v21-focus-head h3{font-size:20px}
.id-v21-focus-time{font-size:42px;margin:7px 0 15px}
.id-v21-focus-presets{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
}
.id-v21-focus-presets button{width:100%}
.id-v21-focus-actions{
display:grid;
grid-template-columns:1.15fr 1fr;
}
.id-v21-focus-actions button{width:100%}
.id-v21-focus-breaks{
display:grid;
grid-template-columns:auto repeat(3,minmax(0,1fr));
width:100%;
}
.id-v21-focus-breaks button{width:100%}
.id-v22-focus-alert{padding:12px}
.id-v22-focus-alert-dialog{
padding:24px 18px 20px;
border-radius:20px;
}
.id-v22-focus-alert-dialog h3{font-size:24px}
.id-v22-focus-alert-actions{grid-template-columns:1fr}
}
@media(max-width:430px){
.id-v18-msg:has(.id-v21-staff-badge.is-team),
.id-v18-msg:has(.id-v21-staff-badge.is-mod){
padding-left:18px!important;
}
.id-v18-msg:has(.id-v21-staff-badge.is-team)::before,
.id-v18-msg:has(.id-v21-staff-badge.is-mod)::before{left:3px}
.id-v21-focus-pop{
width:calc(100vw - 12px);
max-height:calc(100dvh - 12px);
padding:16px 13px;
border-radius:16px;
}
.id-v21-focus-time{font-size:38px}
.id-v21-focus-custom input{width:62px}
.id-v21-focus-breaks{
grid-template-columns:1fr 1fr 1fr;
}
.id-v21-focus-breaks>span{
grid-column:1/-1;
text-align:center;
}
.id-v22-focus-alert-breaks{
display:grid;
grid-template-columns:repeat(3,1fr);
}
.id-v22-focus-alert-breaks button{
padding-left:7px;
padding-right:7px;
}
}
/* =========================================================
Inglês Avançado 11.13.0 — ferramentas PRO
========================================================= */
.id-v23-pro-tool-lock{
position:relative;
opacity:.78;
}
.id-v23-pro-tool-lock b{
position:absolute;
top:-7px;
right:-7px;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:26px;
height:16px;
padding:0 5px;
border:1px solid rgba(239,92,194,.35);
border-radius:999px;
background:#1b0b16;
color:#f27acb;
font-size:7px;
font-weight:900;
letter-spacing:.08em;
line-height:1;
box-shadow:0 3px 12px rgba(0,0,0,.35);
}
.id-v23-pro-tool-lock:hover{
opacity:1;
border-color:rgba(239,92,194,.35)!important;
}
.id-v23-pro-modal[hidden]{display:none!important}
.id-v23-pro-modal{
position:fixed;
inset:0;
z-index:100010;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
}
.id-v23-pro-backdrop{
position:absolute;
inset:0;
background:rgba(3,2,5,.82);
backdrop-filter:blur(8px);
}
.id-v23-pro-dialog{
position:relative;
z-index:2;
box-sizing:border-box;
width:min(470px,100%);
padding:30px 28px 25px;
border:1px solid rgba(255,255,255,.09);
border-radius:24px;
background:
radial-gradient(circle at 50% 0%,rgba(218,48,162,.14),transparent 44%),
#100d12;
box-shadow:0 30px 100px rgba(0,0,0,.62);
color:#fff;
text-align:center;
}
.id-v23-pro-close{
position:absolute;
top:14px;
right:14px;
display:grid;
place-items:center;
width:32px;
height:32px;
padding:0;
border:0;
border-radius:10px;
background:rgba(255,255,255,.045);
color:#aaa0ab;
font-size:21px;
line-height:1;
cursor:pointer;
}
.id-v23-pro-icon{
display:grid;
place-items:center;
width:62px;
height:62px;
margin:0 auto 16px;
border:1px solid rgba(239,92,194,.3);
border-radius:19px;
background:rgba(202,27,149,.12);
color:#f06bc6;
font-size:29px;
font-weight:900;
}
.id-v23-pro-dialog h3{
margin:8px 0 9px;
font-size:27px;
line-height:1.16;
letter-spacing:-.025em;
}
.id-v23-pro-dialog>p{
max-width:390px;
margin:0 auto;
color:#9e929f;
font-size:13px;
line-height:1.62;
}
.id-v23-pro-features{
display:grid;
grid-template-columns:1fr;
gap:7px;
max-width:320px;
margin:20px auto;
text-align:left;
}
.id-v23-pro-features span{
padding:9px 11px;
border:1px solid rgba(255,255,255,.055);
border-radius:10px;
background:rgba(255,255,255,.025);
color:#cfc5d0;
font-size:12px;
font-weight:700;
}
.id-v23-pro-cta{
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
width:100%;
box-sizing:border-box;
border-radius:11px;
background:linear-gradient(135deg,#ba167e,#8a37c6);
color:#fff!important;
text-decoration:none!important;
font-weight:900;
}
.id-v23-pro-later{
margin-top:10px;
border:0;
background:transparent;
color:#7e7380;
font-size:11px;
cursor:pointer;
}
html.ia-pro-modal-open{overflow:hidden}
@media(max-width:600px){
.id-v23-pro-dialog{
padding:25px 17px 20px;
border-radius:19px;
}
.id-v23-pro-dialog h3{font-size:23px}
.id-v23-pro-icon{
width:54px;
height:54px;
border-radius:16px;
font-size:25px;
}
.id-v23-pro-tool-lock b{
top:-5px;
right:-5px;
}
}
/* =========================================================
Inglês Avançado 11.14.0 — Learning Intelligence
========================================================= */
.id-v24-learning-plan,
.id-v24-diagnosis{
margin:26px 0;
padding:26px;
border:1px solid rgba(255,255,255,.065);
border-radius:22px;
background:
radial-gradient(circle at 8% 0%,rgba(207,32,151,.085),transparent 30%),
rgba(13,11,15,.76);
box-shadow:0 16px 46px rgba(0,0,0,.13);
}
.id-v24-plan-head,
.id-v24-diagnosis-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
margin-bottom:20px;
}
.id-v24-plan-head h2,
.id-v24-diagnosis-head h2{
margin:5px 0 6px;
color:#f7f2f7;
font-size:25px;
line-height:1.15;
letter-spacing:-.025em;
}
.id-v24-plan-head p,
.id-v24-diagnosis-head p{
max-width:670px;
margin:0;
color:#877c89;
font-size:12px;
line-height:1.6;
}
.id-v24-plan-score,
.id-v24-level-chip{
flex:0 0 auto;
min-width:112px;
padding:13px 15px;
border:1px solid rgba(236,78,183,.15);
border-radius:15px;
background:rgba(195,27,139,.055);
text-align:center;
}
.id-v24-plan-score strong,
.id-v24-level-chip strong{
display:block;
color:#f079ca;
font-size:23px;
line-height:1;
}
.id-v24-plan-score span,
.id-v24-level-chip span{
display:block;
margin-bottom:6px;
color:#766a78;
font-size:8px;
font-weight:900;
letter-spacing:.09em;
}
.id-v24-plan-grid{
display:grid;
grid-template-columns:.9fr .9fr 1.4fr;
gap:12px;
}
.id-v24-plan-card{
display:grid;
grid-template-columns:38px 1fr;
gap:12px;
min-width:0;
padding:16px;
border:1px solid rgba(255,255,255,.055);
border-radius:16px;
background:rgba(255,255,255,.018);
}
.id-v24-plan-card.has-priority{
border-color:rgba(240,94,159,.16);
background:rgba(181,32,111,.035);
}
.id-v24-plan-card.is-recommended{
border-color:rgba(224,72,177,.18);
background:linear-gradient(135deg,rgba(193,28,139,.07),rgba(121,53,180,.035));
}
.id-v24-plan-icon{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:11px;
background:rgba(215,48,157,.09);
color:#df65bd;
font-weight:900;
}
.id-v24-plan-card>div:last-child>span,
.id-v24-diagnosis-grid article>span{
display:block;
margin:1px 0 7px;
color:#756b77;
font-size:8px;
font-weight:900;
letter-spacing:.09em;
}
.id-v24-plan-card h3{
margin:0 0 5px;
color:#f0eaf0;
font-size:15px;
line-height:1.25;
}
.id-v24-plan-card p{
margin:0;
color:#807582;
font-size:10px;
line-height:1.55;
}
.id-v24-plan-card a{
display:inline-flex;
gap:7px;
align-items:center;
margin-top:10px;
color:#e671c2;
font-size:10px;
font-weight:900;
text-decoration:none;
}
.id-v24-track{
height:5px;
margin-top:11px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,.045);
}
.id-v24-track>span{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#b71982,#de55b5);
}
.id-v24-diagnosis-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.id-v24-diagnosis-grid article{
min-width:0;
padding:17px;
border:1px solid rgba(255,255,255,.055);
border-radius:16px;
background:rgba(255,255,255,.017);
}
.id-v24-diagnosis-grid article.is-attention{
border-color:rgba(246,111,156,.17);
}
.id-v24-diagnosis-grid article>strong{
display:block;
margin-bottom:6px;
color:#f1ebf1;
font-size:18px;
line-height:1.2;
}
.id-v24-diagnosis-grid article>p{
margin:0;
color:#817683;
font-size:10px;
line-height:1.55;
}
.id-v24-next-action{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:14px;
padding:17px 18px;
border:1px solid rgba(224,72,177,.14);
border-radius:16px;
background:rgba(197,29,142,.045);
}
.id-v24-next-action h3{
margin:4px 0 4px;
color:#f2edf2;
font-size:17px;
}
.id-v24-next-action p{
margin:0;
max-width:680px;
color:#817583;
font-size:10px;
line-height:1.55;
}
.id-v24-next-action>a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:8px;
min-height:39px;
padding:0 14px;
border:1px solid rgba(235,86,189,.22);
border-radius:10px;
background:rgba(196,27,142,.09);
color:#ef82ce;
font-size:10px;
font-weight:900;
text-decoration:none;
}
@media(max-width:980px){
.id-v24-plan-grid{grid-template-columns:1fr 1fr}
.id-v24-plan-card.is-recommended{grid-column:1/-1}
.id-v24-diagnosis-grid{grid-template-columns:1fr 1fr}
.id-v24-diagnosis-grid article:last-child{grid-column:1/-1}
}
@media(max-width:680px){
.id-v24-learning-plan,
.id-v24-diagnosis{
margin:18px 0;
padding:18px 14px;
border-radius:18px;
}
.id-v24-plan-head,
.id-v24-diagnosis-head{
flex-direction:column;
gap:14px;
}
.id-v24-plan-head h2,
.id-v24-diagnosis-head h2{font-size:22px}
.id-v24-plan-score,
.id-v24-level-chip{
width:100%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
text-align:left;
}
.id-v24-plan-score span,
.id-v24-level-chip span{margin:0}
.id-v24-plan-grid,
.id-v24-diagnosis-grid{grid-template-columns:1fr}
.id-v24-plan-card.is-recommended,
.id-v24-diagnosis-grid article:last-child{grid-column:auto}
.id-v24-next-action{
flex-direction:column;
align-items:stretch;
}
.id-v24-next-action>a{justify-content:center}
}
/* 11.14.1 — contraste dos CTAs do Learning Intelligence */
.id-v24-plan-card a,
.id-v24-plan-card a:visited{
width:max-content;
max-width:100%;
padding:7px 10px;
border:1px solid rgba(239,105,200,.16);
border-radius:9px;
background:rgba(202,27,149,.055);
color:#f195d4!important;
opacity:1!important;
transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.id-v24-plan-card a:hover,
.id-v24-plan-card a:focus-visible{
border-color:rgba(242,130,211,.38);
background:rgba(216,46,158,.16);
color:#ffffff!important;
transform:translateY(-1px);
}
.id-v24-next-action>a,
.id-v24-next-action>a:visited{
color:#f195d4!important;
opacity:1!important;
}
.id-v24-next-action>a:hover,
.id-v24-next-action>a:focus-visible{
border-color:rgba(242,130,211,.38);
background:rgba(216,46,158,.17);
color:#ffffff!important;
}
@media(max-width:680px){
.id-v24-plan-card a{
width:100%;
box-sizing:border-box;
justify-content:center;
}
}
/* =========================================================
Inglês Avançado 11.15.0 — XP glow, acessibilidade e metas
========================================================= */
/* O brilho da barra de XP fica preso ao preenchimento real. */
.id-progress-fx > span,
.id-progress-fx > b{
overflow:hidden!important;
}
.id-progress-fx > span::after,
.id-progress-fx > b::after{
right:0!important;
width:6px!important;
height:6px!important;
box-shadow:0 0 0 3px rgba(240,106,200,.07),0 0 10px rgba(240,106,200,.36)!important;
}
.id-progress-fx > span::before,
.id-progress-fx > b::before{
inset:0!important;
}
/* Ritmo de estudo */
.id-v25-pace-panel{
margin:20px 0;
padding:24px;
border:1px solid rgba(255,255,255,.075);
border-radius:22px;
background:radial-gradient(circle at 5% 0,rgba(202,27,149,.07),transparent 34%),rgba(255,255,255,.014);
}
.id-v25-pace-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:18px;
}
.id-v25-pace-head h2{margin:5px 0 6px;color:#f7f2f7;font-size:23px;line-height:1.2}
.id-v25-pace-head p{margin:0;color:#aaa0ac;font-size:14px;line-height:1.6}
.id-v25-pace-plan{
flex:0 0 auto;
padding:7px 10px;
border:1px solid rgba(235,91,190,.22);
border-radius:999px;
background:rgba(202,27,149,.07);
color:#ef86ce;
font-size:11px;
font-weight:900;
letter-spacing:.07em;
}
.id-v25-pace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.id-v25-pace-option{
position:relative;
display:grid;
grid-template-columns:22px 1fr;
gap:11px;
padding:17px;
border:1px solid rgba(255,255,255,.07);
border-radius:16px;
background:rgba(255,255,255,.017);
cursor:pointer;
transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.id-v25-pace-option:hover{transform:translateY(-1px);border-color:rgba(228,91,186,.26);background:rgba(202,27,149,.035)}
.id-v25-pace-option.is-selected,
.id-v25-pace-option:has(input:checked){border-color:rgba(235,91,190,.38);background:rgba(202,27,149,.065)}
.id-v25-pace-option input{position:absolute;opacity:0;pointer-events:none}
.id-v25-pace-radio{width:17px;height:17px;margin-top:2px;border:2px solid #665d68;border-radius:50%;box-sizing:border-box}
.id-v25-pace-option:has(input:checked) .id-v25-pace-radio{border:5px solid #e75dc1;background:#fff}
.id-v25-pace-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.id-v25-pace-title strong{color:#f6f1f6;font-size:16px}
.id-v25-pace-title em{color:#a59ba7;font-size:12px;font-style:normal}
.id-v25-pace-title b{padding:3px 6px;border-radius:999px;background:rgba(194,30,140,.1);color:#ea76c8;font-size:9px;letter-spacing:.06em}
.id-v25-pace-option p{margin:7px 0 10px;color:#9c929e;font-size:13px;line-height:1.55}
.id-v25-pace-option ul{margin:0;padding-left:17px;color:#b2a8b4;font-size:12px;line-height:1.65}
.id-v25-pace-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.055)}
.id-v25-pace-footer p{margin:0;max-width:720px;color:#9a909c;font-size:13px;line-height:1.6}
.id-v25-pace-footer button{min-height:44px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#c91b93,#8735c1);color:#fff;font-size:13px;font-weight:900;cursor:pointer}
/* Incentivo dentro do Focus Mode */
.id-v25-focus-motivation{
display:grid;
grid-template-columns:34px 1fr;
gap:10px;
align-items:start;
margin:17px 0 12px;
padding:12px 13px;
border:1px solid rgba(229,89,188,.11);
border-radius:13px;
background:rgba(202,27,149,.035);
}
.id-v25-focus-motivation>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(202,27,149,.08);font-size:17px}
.id-v25-focus-motivation strong{display:block;color:#eee8ef;font-size:13px;line-height:1.35}
.id-v25-focus-motivation p{margin:4px 0 0;color:#a097a2;font-size:12px;line-height:1.55}
/* Plano de hoje com quatro componentes no PRO */
.id-v24-plan-grid.has-active-time{grid-template-columns:repeat(2,minmax(0,1fr))}
.id-v24-plan-grid.has-active-time .id-v24-plan-card.is-recommended{grid-column:auto}
.id-v24-plan-card.is-active-time{border-color:rgba(121,77,197,.16);background:rgba(121,77,197,.035)}
/* ---------------------------------------------------------
Accessibility & Typography Pass
A interface interna não usa mais microtexto de 8–10px
para informações importantes.
--------------------------------------------------------- */
.id-v3-app{
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.id-v3-app .id-v3-section-label{
font-size:11px!important;
line-height:1.35!important;
letter-spacing:.11em!important;
color:#b99daf!important;
}
.id-v3-app .id-v8-page-head p,
.id-v3-app .id-v10-progress-hero p,
.id-v3-app .id-v12-home-card p,
.id-v3-app .id-v24-plan-head p,
.id-v3-app .id-v24-diagnosis-head p{
font-size:14px!important;
line-height:1.65!important;
color:#a99fab!important;
}
.id-v3-app .id-v24-plan-card>div:last-child>span,
.id-v3-app .id-v24-diagnosis-grid article>span,
.id-v3-app .id-v24-plan-score span,
.id-v3-app .id-v24-level-chip span{
font-size:11px!important;
line-height:1.35!important;
color:#9d929f!important;
}
.id-v3-app .id-v24-plan-card h3{font-size:16px!important;line-height:1.35!important}
.id-v3-app .id-v24-plan-card p,
.id-v3-app .id-v24-diagnosis-grid article>p,
.id-v3-app .id-v24-next-action p{
font-size:13px!important;
line-height:1.6!important;
color:#a49aa6!important;
}
.id-v3-app .id-v24-plan-card a,
.id-v3-app .id-v24-next-action>a{
font-size:13px!important;
min-height:40px;
}
.id-v3-app .id-v10-level-badge span{font-size:11px!important}
.id-v3-app .id-v10-level-copy span,
.id-v3-app .id-v10-stat-card small,
.id-v3-app .id-v10-stat-card p,
.id-v3-app .id-v10-module-progress-head>div span,
.id-v3-app .id-v17-content-progress small{
font-size:12px!important;
line-height:1.5!important;
color:#9f95a1!important;
}
.id-v3-app .id-v10-level-copy strong,
.id-v3-app .id-v10-module-progress-head>div strong{font-size:14px!important}
.id-v3-app .id-v12-home-stats span,
.id-v3-app .id-v12-home-stats small,
.id-v3-app .id-v12-home-quick-grid small{
font-size:12px!important;
line-height:1.45!important;
color:#9f96a1!important;
}
.id-v3-app .id-v12-home-quick-grid strong{font-size:14px!important}
.id-v3-app .id-v11-settings-intro,
.id-v3-app .id-v11-account-row small,
.id-v3-app .id-v12-name-footer small,
.id-v3-app .id-v11-password-footer small,
.id-v3-app .id-v1139-profile-settings__copy small{
font-size:12.5px!important;
line-height:1.55!important;
color:#a59ba7!important;
}
.id-v3-app .id-v12-name-form label span,
.id-v3-app .id-v11-password-form label>span{font-size:13px!important}
.id-v3-app .id-v18-side-card strong,
.id-v3-app .id-v18-side-note strong,
.id-v3-app .id-v18-msg-meta strong,
.id-v3-app .id-v18-compose-user strong{
font-size:13px!important;
}
.id-v3-app .id-v18-side-card small,
.id-v3-app .id-v18-side-note p,
.id-v3-app .id-v18-chat-empty p,
.id-v3-app .id-v18-compose-user small{
font-size:12px!important;
line-height:1.5!important;
color:#9e949f!important;
}
.id-v3-app .id-v18-msg-meta time,
.id-v3-app .id-v18-compose-footer>span,
.id-v3-app .id-v18-chat-feedback{
font-size:11px!important;
}
.id-v3-app .id-v18-msg-body p,
.id-v3-app .id-v18-compose-field textarea{
font-size:14px!important;
line-height:1.6!important;
}
.id-v3-app .id-v18-compose-footer button{font-size:12px!important;min-height:40px}
.id-v3-app .id-v21-staff-badge{font-size:10px!important}
.id-v3-app .id-v21-focus-note,
.id-v3-app .id-v21-focus-sound{font-size:12.5px!important;line-height:1.5!important}
.id-v3-app button,
.id-v3-app a,
.id-v3-app input,
.id-v3-app select,
.id-v3-app textarea{
-webkit-tap-highlight-color:transparent;
}
.id-v3-app button:focus-visible,
.id-v3-app a:focus-visible,
.id-v3-app input:focus-visible,
.id-v3-app select:focus-visible,
.id-v3-app textarea:focus-visible{
outline:2px solid rgba(246,128,211,.9)!important;
outline-offset:2px!important;
}
/* Contraste mínimo para textos secundários que antes eram muito apagados. */
.id-v3-app [class*="small"],
.id-v3-app small{
color:#9c929e;
}
/* Responsivo */
@media(max-width:900px){
.id-v25-pace-grid{grid-template-columns:1fr}
.id-v24-plan-grid.has-active-time{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.id-v25-pace-panel{padding:18px 14px;border-radius:18px}
.id-v25-pace-head{flex-direction:column;gap:12px}
.id-v25-pace-head h2{font-size:21px}
.id-v25-pace-plan{align-self:flex-start}
.id-v25-pace-footer{flex-direction:column;align-items:stretch}
.id-v25-pace-footer button{width:100%}
.id-v24-plan-grid.has-active-time{grid-template-columns:1fr}
.id-v25-focus-motivation{grid-template-columns:30px 1fr;padding:11px}
.id-v25-focus-motivation>span{width:30px;height:30px}
.id-v3-app .id-v3-section-label{font-size:10.5px!important}
.id-v3-app .id-v18-msg-body p,
.id-v3-app .id-v18-compose-field textarea{font-size:14px!important}
}
/* =========================================================
Inglês Avançado 11.15.1 — cores pedagógicas semânticas
=========================================================
Acessibilidade não deve apagar a hierarquia visual:
erro, regra, exemplos e revisão usam cores diferentes.
========================================================= */
/* Container de aprendizagem: um pouco mais evidente quando há erro. */
.id-v3-app .id-v14-learning.has-error{
border-color:rgba(255,145,91,.24)!important;
background:
radial-gradient(circle at 0% 0%,rgba(255,123,91,.07),transparent 34%),
radial-gradient(circle at 95% 0%,rgba(202,27,149,.055),transparent 34%),
rgba(255,255,255,.018)!important;
}
.id-v3-app .id-v14-learning.has-success{
border-color:rgba(83,211,151,.16)!important;
}
/* Cabeçalho geral continua na identidade da plataforma. */
.id-v3-app .id-v14-learning__head>span{
color:#ee70c8!important;
font-size:11px!important;
}
.id-v3-app .id-v14-learning__head>strong{
font-size:14px!important;
color:#f7f2f7!important;
}
/* REGRA = violeta/azul: conceito que deve ser memorizado. */
.id-v3-app .id-v14-learn-rule{
position:relative;
overflow:hidden;
border-color:rgba(144,112,255,.23)!important;
background:linear-gradient(135deg,rgba(107,74,214,.085),rgba(56,38,92,.03))!important;
box-shadow:inset 3px 0 0 rgba(151,117,255,.72);
}
.id-v3-app .id-v14-learn-rule>small{
color:#b99cff!important;
font-size:11px!important;
}
.id-v3-app .id-v14-learn-rule>strong{
color:#f2edff!important;
font-size:15px!important;
line-height:1.5!important;
}
/* ERRO = coral/laranja: deve chamar atenção imediatamente. */
.id-v3-app .id-v14-learn-error{
position:relative;
overflow:hidden;
border-color:rgba(255,139,87,.32)!important;
background:
linear-gradient(135deg,rgba(255,113,78,.10),rgba(112,45,42,.035))!important;
box-shadow:
inset 3px 0 0 rgba(255,145,91,.86),
0 10px 30px rgba(0,0,0,.07);
}
.id-v3-app .id-v14-learn-error>small{
color:#ffad78!important;
font-size:11px!important;
letter-spacing:.13em!important;
}
.id-v3-app .id-v14-learn-error [data-learning-error]{
color:#c9bec7!important;
font-size:14px!important;
line-height:1.72!important;
}
/* Alternativa escolhida = vermelho/coral, claramente separada da explicação. */
.id-v3-app .id-v15-chosen-error{
margin:0 0 16px!important;
padding:14px 15px!important;
border:1px solid rgba(255,104,124,.31)!important;
border-radius:13px!important;
background:linear-gradient(135deg,rgba(255,86,112,.095),rgba(255,86,112,.035))!important;
box-shadow:inset 3px 0 0 rgba(255,103,123,.72);
}
.id-v3-app .id-v15-chosen-error small{
margin-bottom:7px!important;
color:#ff91a1!important;
font-size:11px!important;
letter-spacing:.12em!important;
}
.id-v3-app .id-v15-chosen-error strong{
color:#fff0f2!important;
font-size:15px!important;
line-height:1.5!important;
}
.id-v3-app .id-v15-error-copy{
color:#c7bcc5!important;
font-size:14px!important;
line-height:1.75!important;
}
.id-v3-app .id-v15-error-copy p{
color:inherit!important;
font-size:inherit!important;
line-height:inherit!important;
}
/* EXEMPLOS = verde/teal: aplicação correta do conteúdo. */
.id-v3-app .id-v14-learn-examples{
position:relative;
overflow:hidden;
border-color:rgba(75,207,173,.21)!important;
background:linear-gradient(135deg,rgba(50,171,143,.06),rgba(29,75,67,.02))!important;
box-shadow:inset 3px 0 0 rgba(78,208,175,.60);
}
.id-v3-app .id-v14-learn-examples>small{
color:#72ddc1!important;
font-size:11px!important;
}
.id-v3-app .id-v14-learn-examples [data-learning-examples] p{
background:rgba(62,176,147,.055)!important;
border:1px solid rgba(80,202,171,.08);
color:#c4d8d2!important;
font-size:13px!important;
line-height:1.6!important;
}
.id-v3-app .id-v14-learn-examples [data-learning-examples] p:before{
color:#72ddc1!important;
}
/* REVISAR = rosa da marca: ação recomendada pela plataforma. */
.id-v3-app .id-v15-learn-related{
border-color:rgba(228,93,189,.27)!important;
background:linear-gradient(135deg,rgba(202,27,149,.09),rgba(101,48,151,.035))!important;
box-shadow:inset 3px 0 0 rgba(228,93,189,.65);
}
.id-v3-app .id-v15-learn-related small{
color:#ef79cb!important;
font-size:11px!important;
}
.id-v3-app .id-v15-learn-related strong{
font-size:15px!important;
}
.id-v3-app .id-v15-learn-related [data-related-meta]{
color:#aca0ad!important;
font-size:12px!important;
}
.id-v3-app .id-v15-learn-related a{
min-height:42px;
display:inline-flex;
align-items:center;
font-size:13px!important;
color:#fff0fa!important;
}
/* O feedback imediato também conserva a semântica de cor. */
.id-v3-app .id-v3-feedback.is-error{
border-color:rgba(255,107,124,.25)!important;
background:rgba(255,91,112,.045)!important;
}
.id-v3-app .id-v3-feedback.is-error .id-v3-feedback__icon{
color:#ff9eaa!important;
background:rgba(255,91,112,.10)!important;
}
.id-v3-app .id-v3-feedback.is-success{
border-color:rgba(92,219,148,.24)!important;
background:rgba(71,188,122,.045)!important;
}
.id-v3-app .id-v3-feedback.is-success .id-v3-feedback__icon{
color:#8cf0b8!important;
background:rgba(92,219,148,.10)!important;
}
/* A leitura continua confortável no celular sem perder as cores. */
@media(max-width:700px){
.id-v3-app .id-v14-learn-error [data-learning-error],
.id-v3-app .id-v15-error-copy{
font-size:13.5px!important;
line-height:1.7!important;
}
.id-v3-app .id-v15-chosen-error strong{
font-size:14px!important;
}
.id-v3-app .id-v14-learn-card{
padding:15px!important;
}
}
/* =========================================================
Inglês Avançado 11.15.3 — acabamento do Ritmo de Estudo
========================================================= */
.id-v25-pace-footer{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:22px!important;
}
.id-v25-pace-footer p{
max-width:none!important;
min-width:0;
margin:0!important;
}
.id-v25-pace-footer button{
flex:0 0 auto;
white-space:nowrap;
}
/* Em telas largas, aproveita o espaço horizontal e evita
quebra visual desnecessária no texto explicativo. */
@media(min-width:1180px){
.id-v25-pace-footer p{
white-space:nowrap;
}
}
/* Em larguras menores, a quebra volta de forma natural
para não gerar overflow. */
@media(max-width:1179px){
.id-v25-pace-footer p{
white-space:normal;
}
}
@media(max-width:680px){
.id-v25-pace-footer{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:14px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.4 — refinamento do modal PRO
========================================================= */
/* Ações textuais continuam alinhadas com a identidade mais arredondada. */
.id-v3-app .id-v18-compose-footer button,
.id-v3-app .id-v20-report-actions button,
.id-v3-app .id-v21-focus-presets button,
.id-v3-app .id-v21-focus-breaks button,
.id-v3-app .id-v21-focus-actions button,
.id-v3-app .id-v22-focus-alert-breaks button,
.id-v3-app .id-v22-focus-alert-actions button,
.id-v3-app .id-v25-pace-footer button,
.id-v3-app .id-v23-pro-cta,
.id-v3-app .id-v13-complete-btn,
.id-v3-app .id-v11-primary,
.id-v3-app .id-v11-secondary,
.id-v3-app .id-v12-secondary{
border-radius:16px!important;
}
/* CTA principal do modal PRO */
.id-v3-app .id-v23-pro-cta{
min-height:52px!important;
border:1px solid rgba(255,255,255,.06)!important;
border-radius:16px!important;
background:linear-gradient(135deg,#cb1f95 0%,#a233c5 55%,#7a3ccd 100%)!important;
box-shadow:0 14px 34px rgba(177,28,138,.16)!important;
transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.id-v3-app .id-v23-pro-cta:hover{
transform:translateY(-2px);
filter:brightness(1.06);
box-shadow:0 18px 42px rgba(177,28,138,.23)!important;
}
/* "Continuar no Free" agora é uma ação secundária elegante,
sem cara de mensagem do WordPress e bonita já no estado padrão. */
.id-v3-app .id-v23-pro-later{
width:100%;
min-height:48px;
margin-top:12px;
padding:0 18px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.08);
border-radius:16px;
background:
linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)),
radial-gradient(circle at top,rgba(202,27,149,.06),transparent 58%);
color:#e8dfea;
cursor:pointer;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 10px 24px rgba(0,0,0,.16);
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease,
color .18s ease;
}
.id-v3-app .id-v23-pro-later span{
display:block;
font-size:13px;
font-weight:800;
line-height:1;
letter-spacing:.01em;
color:inherit;
}
.id-v3-app .id-v23-pro-later:hover{
transform:translateY(-1px);
border-color:rgba(230,91,190,.24);
background:
linear-gradient(135deg,rgba(202,27,149,.1),rgba(123,53,183,.07)),
linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
color:#fff;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 14px 30px rgba(0,0,0,.2);
}
.id-v3-app .id-v23-pro-later:focus-visible{
outline:none;
border-color:rgba(236,109,198,.45);
box-shadow:
0 0 0 3px rgba(224,83,185,.14),
0 14px 30px rgba(0,0,0,.2);
}
/* Mantém o visual dos benefícios mais orgânico. */
.id-v3-app .id-v23-pro-features span{
border-radius:14px!important;
padding:10px 12px!important;
}
/* Acabamento de diálogos e ações auxiliares */
.id-v3-app .id-v20-report-dialog{
border-radius:22px!important;
}
.id-v3-app .id-v20-report-dialog select,
.id-v3-app .id-v20-report-dialog textarea{
border-radius:13px!important;
}
.id-v3-app .id-v20-report-actions button{
min-height:42px;
padding:9px 15px;
border-radius:14px!important;
}
.id-v3-app .id-v18-compose-footer button,
.id-v3-app .id-v21-focus-presets button,
.id-v3-app .id-v21-focus-breaks button,
.id-v3-app .id-v21-focus-actions button,
.id-v3-app .id-v22-focus-alert-breaks button,
.id-v3-app .id-v22-focus-alert-actions button,
.id-v3-app .id-v25-pace-footer button{
border-radius:14px!important;
}
@media(max-width:600px){
.id-v3-app .id-v23-pro-dialog{
border-radius:22px!important;
}
.id-v3-app .id-v23-pro-cta,
.id-v3-app .id-v23-pro-later{
min-height:52px;
border-radius:16px!important;
}
.id-v3-app .id-v23-pro-later span{
font-size:12.5px;
}
}
/* =========================================================
Inglês Avançado 11.16.5 — acabamento premium PRO / Som / Foco
========================================================= */
/* ---------- atalhos do topo ---------- */
.id-v3-app .id-v111-pro-cta,
.id-v3-app .id-v10-sound-shortcut{
position:relative;
box-sizing:border-box;
min-height:44px;
height:44px;
padding:0 13px;
gap:7px;
border-radius:15px!important;
border:1px solid rgba(255,255,255,.075)!important;
background:
linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))!important;
color:#aaa0ac!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 7px 18px rgba(0,0,0,.12);
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease,
color .18s ease!important;
}
/* PRO tem personalidade própria, mas continua pertencendo à mesma família visual. */
.id-v3-app .id-v111-pro-cta{
border-color:rgba(231,85,190,.17)!important;
background:
radial-gradient(circle at 18% 0%,rgba(232,72,183,.13),transparent 52%),
linear-gradient(135deg,rgba(202,27,149,.075),rgba(123,53,183,.045))!important;
color:#e2d8e3!important;
}
.id-v3-app .id-v111-pro-cta span{
color:#f466c7!important;
font-size:15px;
text-shadow:0 0 16px rgba(240,93,195,.25);
}
.id-v3-app .id-v111-pro-cta small,
.id-v3-app .id-v10-sound-shortcut small{
font-size:9px!important;
font-weight:900!important;
letter-spacing:.055em;
color:inherit;
}
.id-v3-app .id-v10-sound-shortcut>span{
color:#d65ab8!important;
font-size:15px!important;
transition:color .18s ease,transform .18s ease;
}
.id-v3-app .id-v21-focus-shortcut>span{
color:#bd6fd4!important;
}
.id-v3-app .id-v111-pro-cta:hover,
.id-v3-app .id-v10-sound-shortcut:hover{
transform:translateY(-1px);
border-color:rgba(230,91,190,.22)!important;
background:
linear-gradient(135deg,rgba(202,27,149,.075),rgba(123,53,183,.045))!important;
color:#fff!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 12px 28px rgba(0,0,0,.18)!important;
}
.id-v3-app .id-v10-sound-shortcut:hover>span{
transform:translateY(-1px);
color:#ef72ce!important;
}
/* Estado bloqueado PRO: não parece um botão "desativado" cinza e quadrado. */
.id-v3-app .id-v23-pro-tool-lock{
opacity:1!important;
border-color:rgba(228,89,188,.13)!important;
background:
radial-gradient(circle at 50% -30%,rgba(210,54,161,.075),transparent 60%),
linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))!important;
}
.id-v3-app .id-v23-pro-tool-lock b{
top:-6px!important;
right:-5px!important;
min-width:25px!important;
height:15px!important;
padding:0 5px!important;
border:1px solid rgba(233,91,193,.26)!important;
border-radius:999px!important;
background:linear-gradient(135deg,#2a0d24,#1c0d20)!important;
color:#ef76ca!important;
font-size:7px!important;
font-weight:950!important;
letter-spacing:.07em!important;
box-shadow:0 4px 12px rgba(0,0,0,.32)!important;
}
.id-v3-app .id-v23-pro-tool-lock:hover{
border-color:rgba(236,97,200,.27)!important;
background:
radial-gradient(circle at 50% -30%,rgba(214,58,169,.12),transparent 60%),
linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016))!important;
}
/* ---------- backdrop ---------- */
.id-v3-app .id-v23-pro-backdrop{
background:
radial-gradient(circle at 50% 45%,rgba(73,20,62,.15),transparent 35%),
rgba(2,2,4,.84)!important;
backdrop-filter:blur(10px) saturate(.82)!important;
}
/* ---------- modal ---------- */
.id-v3-app .id-v23-pro-dialog{
position:relative;
overflow:hidden;
width:min(478px,100%)!important;
padding:34px 30px 27px!important;
border:1px solid rgba(255,255,255,.085)!important;
border-radius:28px!important;
background:
radial-gradient(circle at 50% -8%,rgba(215,48,164,.16),transparent 39%),
radial-gradient(circle at 100% 100%,rgba(112,53,178,.065),transparent 38%),
linear-gradient(180deg,#151017 0%,#0e0c10 100%)!important;
box-shadow:
0 36px 110px rgba(0,0,0,.68),
inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.id-v3-app .id-v23-pro-dialog::before{
content:"";
position:absolute;
left:50%;
top:0;
width:118px;
height:2px;
transform:translateX(-50%);
border-radius:0 0 999px 999px;
background:linear-gradient(90deg,transparent,#df4eb9,#8e46cf,transparent);
opacity:.78;
box-shadow:0 0 18px rgba(217,66,177,.34);
}
.id-v3-app .id-v23-pro-dialog::after{
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(125deg,rgba(255,255,255,.018),transparent 24%,transparent 72%,rgba(255,255,255,.012));
}
/* ---------- fechar ---------- */
.id-v3-app .id-v23-pro-close{
top:15px!important;
right:15px!important;
width:36px!important;
height:36px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:13px!important;
background:rgba(255,255,255,.028)!important;
color:#8f858f!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
font-family:Arial,sans-serif!important;
font-size:20px!important;
font-weight:400!important;
line-height:1!important;
transition:
transform .18s ease,
color .18s ease,
border-color .18s ease,
background .18s ease!important;
}
.id-v3-app .id-v23-pro-close:hover{
transform:rotate(3deg);
border-color:rgba(229,88,190,.18)!important;
background:rgba(213,48,164,.065)!important;
color:#ef75ca!important;
}
.id-v3-app .id-v23-pro-close:focus-visible{
outline:none!important;
border-color:rgba(236,103,201,.32)!important;
box-shadow:0 0 0 3px rgba(224,83,185,.09)!important;
}
/* ---------- ícone e títulos ---------- */
.id-v3-app .id-v23-pro-icon{
width:64px!important;
height:64px!important;
margin-bottom:18px!important;
border:1px solid rgba(238,92,194,.23)!important;
border-radius:21px!important;
background:
radial-gradient(circle at 45% 20%,rgba(242,91,200,.17),transparent 55%),
linear-gradient(145deg,rgba(202,27,149,.095),rgba(123,53,183,.075))!important;
color:#f06bc6!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 12px 30px rgba(104,17,85,.16)!important;
}
.id-v3-app .id-v23-pro-dialog .id-v3-section-label{
display:inline-block;
margin-top:0;
color:#e965c2!important;
font-size:9px!important;
font-weight:950!important;
letter-spacing:.18em!important;
}
.id-v3-app .id-v23-pro-dialog h3{
margin:10px 0 9px!important;
font-size:28px!important;
font-weight:800!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
}
.id-v3-app .id-v23-pro-dialog>p{
max-width:390px!important;
color:#9e949f!important;
font-size:12.5px!important;
line-height:1.68!important;
}
/* ---------- benefícios ---------- */
.id-v3-app .id-v23-pro-features{
max-width:330px!important;
gap:8px!important;
margin:21px auto 22px!important;
}
.id-v3-app .id-v23-pro-features span{
min-height:42px;
box-sizing:border-box;
padding:9px 12px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
border:1px solid rgba(255,255,255,.06)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.014))!important;
color:#d1c8d2!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.id-v3-app .id-v23-pro-features span i{
width:25px;
height:25px;
flex:0 0 25px;
display:grid;
place-items:center;
border:1px solid rgba(230,87,191,.12);
border-radius:9px;
background:rgba(202,27,149,.045);
color:#dd64bd;
font-size:12px;
font-style:normal;
}
.id-v3-app .id-v23-pro-features span b{
font-size:11.5px;
font-weight:780;
letter-spacing:-.005em;
}
/* ---------- CTAs ---------- */
.id-v3-app .id-v23-pro-cta{
min-height:52px!important;
border-radius:16px!important;
background:
linear-gradient(105deg,#c91d91 0%,#b02bae 48%,#8e3dcb 100%)!important;
box-shadow:
0 14px 32px rgba(174,30,142,.18),
inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.id-v3-app .id-v23-pro-later{
min-height:46px!important;
margin-top:11px!important;
border:1px solid rgba(255,255,255,.065)!important;
border-radius:16px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012))!important;
color:#bcb2be!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.id-v3-app .id-v23-pro-later span{
font-size:12px!important;
font-weight:780!important;
color:inherit!important;
}
.id-v3-app .id-v23-pro-later:hover{
border-color:rgba(225,88,187,.16)!important;
background:
linear-gradient(135deg,rgba(202,27,149,.055),rgba(123,53,183,.035))!important;
color:#f0e8f0!important;
box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
/* ---------- mobile ---------- */
@media(max-width:600px){
.id-v3-app .id-v23-pro-dialog{
padding:30px 18px 22px!important;
border-radius:24px!important;
}
.id-v3-app .id-v23-pro-close{
top:12px!important;
right:12px!important;
width:34px!important;
height:34px!important;
border-radius:12px!important;
}
.id-v3-app .id-v23-pro-icon{
width:58px!important;
height:58px!important;
border-radius:19px!important;
}
.id-v3-app .id-v23-pro-dialog h3{
font-size:24px!important;
}
.id-v3-app .id-v23-pro-features{
margin:19px auto 20px!important;
}
.id-v3-app .id-v111-pro-cta,
.id-v3-app .id-v10-sound-shortcut{
border-radius:14px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.6 — botão "Continuar no Free"
========================================================= */
/* Ação secundária em formato pill: discreta, elegante e sem aparência
de botão padrão do WordPress. */
.id-v3-app .id-v23-pro-later{
width:auto!important;
min-width:206px!important;
max-width:100%!important;
min-height:44px!important;
margin:12px auto 0!important;
padding:0 17px 0 18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:999px!important;
background:
radial-gradient(circle at 50% 0%,rgba(214,62,170,.075),transparent 58%),
linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))!important;
color:#bdb3bf!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 8px 20px rgba(0,0,0,.14)!important;
cursor:pointer!important;
transition:
transform .18s ease,
color .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease!important;
}
.id-v3-app .id-v23-pro-later span{
font-size:12.5px!important;
font-weight:780!important;
line-height:1!important;
letter-spacing:.005em!important;
color:inherit!important;
}
.id-v3-app .id-v23-pro-later i{
width:22px!important;
height:22px!important;
flex:0 0 22px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.07)!important;
border-radius:999px!important;
background:rgba(255,255,255,.025)!important;
color:#817984!important;
font-size:12px!important;
font-style:normal!important;
line-height:1!important;
transition:
transform .18s ease,
color .18s ease,
background .18s ease,
border-color .18s ease!important;
}
.id-v3-app .id-v23-pro-later:hover{
transform:translateY(-1px)!important;
border-color:rgba(223,93,188,.18)!important;
background:
radial-gradient(circle at 50% 0%,rgba(216,61,171,.12),transparent 60%),
linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016))!important;
color:#efe8f0!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 12px 26px rgba(0,0,0,.18)!important;
}
.id-v3-app .id-v23-pro-later:hover i{
transform:translateX(2px)!important;
border-color:rgba(232,102,197,.16)!important;
background:rgba(211,55,166,.065)!important;
color:#e46bc1!important;
}
.id-v3-app .id-v23-pro-later:active{
transform:translateY(0) scale(.985)!important;
}
.id-v3-app .id-v23-pro-later:focus-visible{
outline:none!important;
border-color:rgba(234,104,199,.25)!important;
box-shadow:
0 0 0 3px rgba(224,83,185,.08),
0 12px 26px rgba(0,0,0,.18)!important;
}
@media(max-width:600px){
.id-v3-app .id-v23-pro-later{
min-width:196px!important;
min-height:44px!important;
padding:0 15px 0 17px!important;
}
.id-v3-app .id-v23-pro-later span{
font-size:12px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.7 — nova ação "Continuar grátis"
========================================================= */
/* IMPORTANTE: o seletor abaixo é deliberadamente mais específico que
os estilos antigos de .id-v23-pro-later para garantir a troca visual. */
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action{
-webkit-appearance:none!important;
appearance:none!important;
box-sizing:border-box!important;
width:min(100%,320px)!important;
min-width:0!important;
height:auto!important;
min-height:60px!important;
margin:13px auto 0!important;
padding:9px 11px!important;
display:grid!important;
grid-template-columns:40px minmax(0,1fr) 30px!important;
align-items:center!important;
justify-content:stretch!important;
gap:11px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:19px!important;
outline:0!important;
background:
radial-gradient(circle at 12% 10%,rgba(206,45,160,.09),transparent 37%),
linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.014))!important;
color:#eee7ef!important;
text-align:left!important;
text-decoration:none!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.032),
0 10px 25px rgba(0,0,0,.19)!important;
cursor:pointer!important;
overflow:hidden!important;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease!important;
}
/* Neutraliza qualquer visual legado/pseudo-elemento */
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action::before,
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action::after{
content:none!important;
display:none!important;
}
.id-v3-app .id-v23-free-action__mark{
width:40px!important;
height:40px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(231,91,193,.15)!important;
border-radius:14px!important;
background:
linear-gradient(135deg,rgba(202,27,149,.13),rgba(123,53,183,.075))!important;
color:#ee6dca!important;
font-size:15px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.id-v3-app .id-v23-free-action__text{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:4px!important;
}
.id-v3-app .id-v23-free-action__text strong{
display:block!important;
margin:0!important;
padding:0!important;
color:#f1eaf2!important;
font-size:13px!important;
font-weight:850!important;
line-height:1.05!important;
letter-spacing:-.01em!important;
}
.id-v3-app .id-v23-free-action__text small{
display:block!important;
margin:0!important;
padding:0!important;
color:#746b77!important;
font-size:8.5px!important;
font-weight:650!important;
line-height:1.15!important;
}
.id-v3-app .id-v23-free-action__go{
width:30px!important;
height:30px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.06)!important;
border-radius:11px!important;
background:rgba(255,255,255,.022)!important;
color:#7d747f!important;
font-size:12px!important;
font-style:normal!important;
line-height:1!important;
transition:
transform .18s ease,
color .18s ease,
border-color .18s ease,
background .18s ease!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:hover{
transform:translateY(-2px)!important;
border-color:rgba(228,91,191,.17)!important;
background:
radial-gradient(circle at 12% 10%,rgba(210,49,165,.14),transparent 40%),
linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018))!important;
color:#fff!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 15px 32px rgba(0,0,0,.23)!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:hover .id-v23-free-action__go{
transform:translateX(2px)!important;
border-color:rgba(230,95,193,.13)!important;
background:rgba(202,27,149,.055)!important;
color:#e66bc2!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:active{
transform:translateY(0) scale(.99)!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:focus-visible{
border-color:rgba(232,104,199,.25)!important;
box-shadow:
0 0 0 3px rgba(224,83,185,.08),
0 15px 32px rgba(0,0,0,.23)!important;
}
@media(max-width:600px){
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action{
width:100%!important;
min-height:60px!important;
border-radius:18px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.8 — modal PRO alinhado ao layout aprovado
========================================================= */
/* CTA secundário: mesmo raio visual do Conhecer o PRO, porém discreto. */
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action{
-webkit-appearance:none!important;
appearance:none!important;
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:54px!important;
height:54px!important;
margin:10px 0 0!important;
padding:0 20px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:11px!important;
border:1px solid rgba(205,50,164,.62)!important;
border-radius:17px!important;
outline:none!important;
background:
linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.010))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 8px 20px rgba(0,0,0,.12)!important;
color:#fff!important;
text-align:center!important;
cursor:pointer!important;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action::before,
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action::after{
content:none!important;
display:none!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action span{
display:inline!important;
margin:0!important;
padding:0!important;
color:#fff!important;
font-size:14px!important;
font-weight:800!important;
line-height:1!important;
letter-spacing:-.005em!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action i{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
color:#fff!important;
font-size:16px!important;
font-style:normal!important;
font-weight:500!important;
line-height:1!important;
transform:none!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:hover{
transform:translateY(-1px)!important;
border-color:rgba(225,79,185,.85)!important;
background:
linear-gradient(135deg,rgba(202,27,149,.09),rgba(123,53,183,.055))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 12px 25px rgba(0,0,0,.18)!important;
color:#fff!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:hover i{
transform:translateX(2px)!important;
color:#fff!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action:active{
transform:translateY(0) scale(.99)!important;
}
/* Botão de fechar: realmente arredondado e alinhado à família visual. */
.id-v3-app .id-v23-pro-close{
top:18px!important;
right:18px!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(205,50,164,.48)!important;
border-radius:14px!important;
background:rgba(9,8,11,.78)!important;
color:#f25fbd!important;
font-size:18px!important;
font-weight:500!important;
line-height:1!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 8px 20px rgba(0,0,0,.14)!important;
}
.id-v3-app .id-v23-pro-close:hover{
transform:translateY(-1px)!important;
border-color:rgba(225,79,185,.72)!important;
background:rgba(202,27,149,.07)!important;
color:#ff70c8!important;
}
/* Ícone principal do modal: centralização absoluta dentro do quadrado. */
.id-v3-app .id-v23-pro-icon{
width:72px!important;
height:72px!important;
min-width:72px!important;
min-height:72px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:22px!important;
}
.id-v3-app .id-v23-pro-icon > *{
margin:0!important;
padding:0!important;
transform:none!important;
line-height:1!important;
}
.id-v3-app .id-v23-pro-icon svg,
.id-v3-app .id-v23-pro-icon img{
display:block!important;
width:32px!important;
height:32px!important;
object-fit:contain!important;
margin:auto!important;
}
/* Emojis/text icons precisam de altura de linha normalizada para não parecerem caídos. */
.id-v3-app .id-v23-pro-icon{
font-size:32px!important;
line-height:1!important;
text-align:center!important;
}
/* Benefícios: ícone centralizado no seu pequeno quadrado. */
.id-v3-app .id-v23-pro-features span{
display:grid!important;
grid-template-columns:28px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
}
.id-v3-app .id-v23-pro-features span i{
width:28px!important;
height:28px!important;
min-width:28px!important;
min-height:28px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0!important;
margin:0!important;
border-radius:9px!important;
font-size:13px!important;
line-height:1!important;
text-align:center!important;
}
/* Garante que o texto da feature nunca invada a área do ícone. */
.id-v3-app .id-v23-pro-features span b{
display:block!important;
min-width:0!important;
margin:0!important;
padding:0!important;
line-height:1.2!important;
}
/* Mantém ambos os CTAs visualmente alinhados. */
.id-v3-app .id-v23-pro-cta{
width:100%!important;
min-height:54px!important;
height:54px!important;
border-radius:17px!important;
}
/* Mobile */
@media(max-width:600px){
.id-v3-app .id-v23-pro-dialog{
padding:30px 18px 22px!important;
}
.id-v3-app .id-v23-pro-close{
top:14px!important;
right:14px!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
border-radius:13px!important;
}
.id-v3-app .id-v23-pro-icon{
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
border-radius:20px!important;
font-size:29px!important;
}
.id-v3-app .id-v23-pro-dialog button.id-v23-pro-later.id-v23-free-action,
.id-v3-app .id-v23-pro-cta{
min-height:52px!important;
height:52px!important;
border-radius:16px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.9 — correção definitiva do modal PRO
O modal é renderizado fora de .id-v3-app; por isso regras antigas
com `.id-v3-app .id-v23-*` não alcançavam estes elementos.
========================================================= */
/* ---------- CONTINUAR GRÁTIS ---------- */
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action{
-webkit-appearance:none!important;
appearance:none!important;
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
height:56px!important;
min-height:56px!important;
margin:11px 0 0!important;
padding:0 22px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:18px!important;
outline:0!important;
background:
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.045),
0 10px 24px rgba(0,0,0,.16)!important;
text-align:center!important;
cursor:pointer!important;
transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action::before,
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action::after{
content:none!important;
display:none!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action span{
display:inline-flex!important;
align-items:center!important;
margin:0!important;
padding:0!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:14px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:-.005em!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action i{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:16px!important;
font-style:normal!important;
font-weight:600!important;
line-height:1!important;
transform:none!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action:hover{
transform:translateY(-1px)!important;
border-color:rgba(222,74,183,.34)!important;
background:linear-gradient(135deg,rgba(201,29,145,.12),rgba(124,56,190,.09))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 13px 28px rgba(0,0,0,.20)!important;
color:#fff!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action:hover i{
transform:translateX(2px)!important;
color:#fff!important;
}
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action:active{
transform:translateY(0) scale(.99)!important;
}
/* ---------- CONHECER O PRO: mesma família de cantos ---------- */
.id-v23-pro-modal .id-v23-pro-cta{
width:100%!important;
height:56px!important;
min-height:56px!important;
border-radius:18px!important;
}
/* ---------- FECHAR ---------- */
.id-v23-pro-modal .id-v23-pro-close{
top:18px!important;
right:18px!important;
box-sizing:border-box!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:15px!important;
background:rgba(255,255,255,.035)!important;
color:#ef63c0!important;
-webkit-text-fill-color:#ef63c0!important;
font-size:20px!important;
font-weight:400!important;
line-height:1!important;
text-align:center!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.14)!important;
}
.id-v23-pro-modal .id-v23-pro-close:hover{
transform:translateY(-1px)!important;
border-color:rgba(226,82,188,.28)!important;
background:rgba(207,39,157,.075)!important;
color:#ff72ca!important;
}
/* ---------- ÍCONE GRANDE DO MODAL ---------- */
.id-v23-pro-modal .id-v23-pro-icon{
box-sizing:border-box!important;
width:72px!important;
height:72px!important;
min-width:72px!important;
min-height:72px!important;
margin:0 auto 18px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:22px!important;
font-size:32px!important;
line-height:1!important;
text-align:center!important;
}
.id-v23-pro-modal .id-v23-pro-icon > *{
margin:0!important;
padding:0!important;
line-height:1!important;
transform:none!important;
}
/* ---------- ÍCONES DAS FEATURES ---------- */
.id-v23-pro-modal .id-v23-pro-features span{
box-sizing:border-box!important;
min-height:48px!important;
padding:9px 12px!important;
display:grid!important;
grid-template-columns:30px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
border-radius:14px!important;
}
.id-v23-pro-modal .id-v23-pro-features span i{
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
min-width:30px!important;
min-height:30px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(230,87,191,.12)!important;
border-radius:10px!important;
background:rgba(202,27,149,.045)!important;
color:#df66be!important;
font-size:13px!important;
font-style:normal!important;
line-height:1!important;
text-align:center!important;
}
.id-v23-pro-modal .id-v23-pro-features span b{
display:block!important;
min-width:0!important;
margin:0!important;
padding:0!important;
line-height:1.2!important;
}
@media(max-width:600px){
.id-v23-pro-modal .id-v23-pro-dialog .id-v23-pro-later.id-v23-free-action,
.id-v23-pro-modal .id-v23-pro-cta{
height:54px!important;
min-height:54px!important;
border-radius:17px!important;
}
.id-v23-pro-modal .id-v23-pro-close{
top:14px!important;
right:14px!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
border-radius:14px!important;
}
.id-v23-pro-modal .id-v23-pro-icon{
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
border-radius:20px!important;
font-size:29px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.10 — centralização real dos ícones PRO
========================================================= */
.id-v23-pro-modal .id-v23-pro-icon{
position:relative!important;
display:grid!important;
place-items:center!important;
padding:0!important;
overflow:hidden!important;
line-height:0!important;
}
.id-v23-pro-modal .id-v23-pro-icon__glyph{
box-sizing:border-box!important;
width:38px!important;
height:38px!important;
margin:0!important;
padding:0!important;
display:grid!important;
place-items:center!important;
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
color:#f06bc6!important;
line-height:0!important;
font-size:0!important;
}
.id-v23-pro-modal .id-v23-pro-icon__glyph svg{
display:block!important;
width:34px!important;
height:34px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
.id-v23-pro-modal[data-pro-tool="sound"] .id-v23-pro-icon__glyph svg{
fill:currentColor!important;
stroke:none!important;
}
.id-v23-pro-modal[data-pro-tool="focus"] .id-v23-pro-icon__glyph svg{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
@media(max-width:600px){
.id-v23-pro-modal .id-v23-pro-icon__glyph{
width:35px!important;
height:35px!important;
}
.id-v23-pro-modal .id-v23-pro-icon__glyph svg{
width:31px!important;
height:31px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.11 — ícone de música refinado
========================================================= */
/* SVG aprovado: mantém a nota dupla reconhecível e centralizada. */
.id-v23-pro-modal[data-pro-tool="sound"] .id-v23-pro-icon__glyph svg{
width:38px!important;
height:38px!important;
display:block!important;
overflow:visible!important;
color:#f46bc8!important;
fill:none!important;
}
.id-v23-pro-modal[data-pro-tool="sound"] .id-v23-pro-icon__glyph svg path{
fill:currentColor!important;
}
/* Ícone pequeno da linha Lo-Fi Focus Music. */
.id-v23-pro-modal .id-v23-feature-icon--music{
display:grid!important;
place-items:center!important;
line-height:0!important;
}
.id-v23-pro-modal .id-v23-feature-icon--music svg{
width:16px!important;
height:16px!important;
display:block!important;
color:#ef66c4!important;
overflow:visible!important;
}
.id-v23-pro-modal .id-v23-feature-icon--music svg path{
fill:currentColor!important;
}
/* Mesmo desenho no atalho Som do topo. */
.id-v3-app .id-v10-tool-icon--music{
width:18px!important;
height:18px!important;
display:grid!important;
place-items:center!important;
line-height:0!important;
}
.id-v3-app .id-v10-tool-icon--music svg{
width:17px!important;
height:17px!important;
display:block!important;
color:currentColor!important;
overflow:visible!important;
}
.id-v3-app .id-v10-tool-icon--music svg path{
fill:currentColor!important;
}
/* =========================================================
Inglês Avançado 11.16.12 — topbar Som / Foco responsiva
========================================================= */
/* Evita que o conjunto de ações do topo quebre linhas. */
.id-v3-app .id-v3-topbar__stats{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:nowrap!important;
gap:12px!important;
min-width:0!important;
}
/* Som e Foco sempre horizontais no desktop. */
.id-v3-app .id-v10-sound-shortcut,
.id-v3-app .id-v21-focus-shortcut{
box-sizing:border-box!important;
width:auto!important;
min-width:76px!important;
height:46px!important;
min-height:46px!important;
padding:0 14px!important;
display:inline-flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
white-space:nowrap!important;
vertical-align:middle!important;
flex:0 0 auto!important;
border-radius:15px!important;
}
/* Texto não pode cair para baixo do ícone. */
.id-v3-app .id-v10-sound-shortcut small,
.id-v3-app .id-v21-focus-shortcut small{
display:inline-block!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
line-height:1!important;
}
/* Container único para qualquer SVG do topo. */
.id-v3-app .id-v10-tool-icon{
box-sizing:border-box!important;
width:20px!important;
height:20px!important;
min-width:20px!important;
min-height:20px!important;
flex:0 0 20px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
line-height:0!important;
position:relative!important;
}
/* Música e timer com a mesma caixa geométrica. */
.id-v3-app .id-v10-tool-icon--music svg,
.id-v3-app .id-v10-tool-icon--focus svg{
display:block!important;
width:18px!important;
height:18px!important;
margin:0!important;
padding:0!important;
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
overflow:visible!important;
}
/* Cores preservadas por recurso. */
.id-v3-app .id-v10-tool-icon--music{
color:#e35fbe!important;
}
.id-v3-app .id-v10-tool-icon--focus{
color:#c76cd8!important;
}
/* O SVG do timer usa stroke; o de música continua preenchido. */
.id-v3-app .id-v10-tool-icon--focus svg{
fill:none!important;
stroke:currentColor!important;
}
.id-v3-app .id-v10-tool-icon--focus svg path{
fill:none!important;
}
/* Selo PRO não deve empurrar o conteúdo do botão. */
.id-v3-app .id-v23-pro-tool-lock{
position:relative!important;
}
.id-v3-app .id-v23-pro-tool-lock > b{
position:absolute!important;
top:-8px!important;
right:-5px!important;
z-index:2!important;
pointer-events:none!important;
}
/* Desktop intermediário: reduz um pouco sem apertar o conteúdo. */
@media (max-width:1180px) and (min-width:761px){
.id-v3-app .id-v3-topbar__stats{
gap:8px!important;
}
.id-v3-app .id-v10-sound-shortcut,
.id-v3-app .id-v21-focus-shortcut{
min-width:68px!important;
height:44px!important;
min-height:44px!important;
padding:0 11px!important;
gap:6px!important;
}
}
/* Tablet/mobile: botões se tornam quadrados apenas com ícone.
Isso libera espaço para sequência, XP e perfil sem quebrar a barra. */
@media (max-width:760px){
.id-v3-app .id-v3-topbar__stats{
gap:7px!important;
}
.id-v3-app .id-v10-sound-shortcut,
.id-v3-app .id-v21-focus-shortcut{
width:44px!important;
min-width:44px!important;
max-width:44px!important;
height:44px!important;
min-height:44px!important;
padding:0!important;
gap:0!important;
border-radius:14px!important;
}
.id-v3-app .id-v10-sound-shortcut small,
.id-v3-app .id-v21-focus-shortcut small{
display:none!important;
}
.id-v3-app .id-v10-tool-icon{
width:21px!important;
height:21px!important;
min-width:21px!important;
min-height:21px!important;
flex-basis:21px!important;
}
.id-v3-app .id-v10-tool-icon--music svg,
.id-v3-app .id-v10-tool-icon--focus svg{
width:19px!important;
height:19px!important;
}
}
/* Celulares estreitos: reduz gaps sem comprometer a área de toque. */
@media (max-width:480px){
.id-v3-app .id-v3-topbar{
padding-left:9px!important;
padding-right:9px!important;
}
.id-v3-app .id-v3-topbar__stats{
gap:5px!important;
}
.id-v3-app .id-v10-sound-shortcut,
.id-v3-app .id-v21-focus-shortcut{
width:40px!important;
min-width:40px!important;
max-width:40px!important;
height:40px!important;
min-height:40px!important;
border-radius:13px!important;
}
.id-v3-app .id-v10-tool-icon{
width:19px!important;
height:19px!important;
min-width:19px!important;
min-height:19px!important;
flex-basis:19px!important;
}
.id-v3-app .id-v10-tool-icon--music svg,
.id-v3-app .id-v10-tool-icon--focus svg{
width:17px!important;
height:17px!important;
}
}
/* =========================================================
Inglês Avançado 11.16.13 — texto do diagnóstico responsivo
========================================================= */
/* O bloco textual passa a ocupar todo o espaço restante do cabeçalho.
Antes, o parágrafo estava limitado por max-width:670px e quebrava
mesmo existindo espaço livre à direita. */
.id-v3-app .id-v24-diagnosis-head > div:first-child{
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
}
.id-v3-app .id-v24-diagnosis-head > div:first-child > p{
width:auto!important;
max-width:none!important;
}
/* Em desktops largos a frase usa todo o espaço disponível e somente
quebra se a área realmente não comportar o conteúdo. */
@media (min-width:981px){
.id-v3-app .id-v24-diagnosis-head{
align-items:flex-start!important;
}
.id-v3-app .id-v24-diagnosis-head > div:first-child{
padding-right:8px!important;
}
}
/* Tablet/mobile continuam livres para quebrar naturalmente. */
@media (max-width:980px){
.id-v3-app .id-v24-diagnosis-head > div:first-child > p{
white-space:normal!important;
}
}
/* =========================================================
Inglês Avançado 11.17.0 — arquitetura FREE / PRO
========================================================= */
/* Perfil */
.id-v3-app .id-v26-profile-plan{
display:inline-flex;
align-items:center;
min-height:23px;
margin-top:9px;
padding:0 9px;
border-radius:999px;
font-size:8px;
font-weight:950;
letter-spacing:.08em;
}
.id-v3-app .id-v26-profile-plan.is-free{
border:1px solid rgba(255,255,255,.07);
background:rgba(255,255,255,.025);
color:#8f8591;
}
.id-v3-app .id-v26-profile-plan.is-pro{
border:1px solid rgba(231,91,193,.2);
background:linear-gradient(135deg,rgba(202,27,149,.12),rgba(123,53,183,.07));
color:#ef6ac7;
}
/* Meu Plano */
.id-v3-app .id-v26-plan-panel{
margin:18px 0 22px;
padding:24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
border:1px solid rgba(255,255,255,.07);
border-radius:24px;
background:
radial-gradient(circle at 0 0,rgba(202,27,149,.045),transparent 32%),
linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
}
.id-v3-app .id-v26-plan-panel.is-pro{
border-color:rgba(227,87,190,.13);
background:
radial-gradient(circle at 0 0,rgba(210,46,164,.09),transparent 34%),
linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.009));
}
.id-v3-app .id-v26-plan-main{
min-width:0;
display:flex;
align-items:flex-start;
gap:16px;
}
.id-v3-app .id-v26-plan-icon{
width:48px;
height:48px;
flex:0 0 48px;
display:grid;
place-items:center;
border:1px solid rgba(229,88,190,.14);
border-radius:16px;
background:linear-gradient(135deg,rgba(202,27,149,.10),rgba(123,53,183,.06));
color:#ed68c5;
font-size:17px;
font-weight:900;
}
.id-v3-app .id-v26-plan-main>div:last-child{
min-width:0;
}
.id-v3-app .id-v26-plan-title{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:5px 0 7px;
}
.id-v3-app .id-v26-plan-title h2{
margin:0!important;
font-size:22px!important;
line-height:1.15!important;
}
.id-v3-app .id-v26-plan-title em{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 9px;
border:1px solid rgba(232,92,194,.14);
border-radius:999px;
background:rgba(202,27,149,.055);
color:#df67bd;
font-size:8px;
font-style:normal;
font-weight:950;
letter-spacing:.07em;
}
.id-v3-app .id-v26-plan-main p{
max-width:760px;
margin:0;
color:#817784;
font-size:11px;
line-height:1.6;
}
.id-v3-app .id-v26-plan-main p strong{color:#bfb4c1}
.id-v3-app .id-v26-plan-actions{
flex:0 0 auto;
display:flex;
align-items:center;
gap:10px;
}
.id-v3-app .id-v26-plan-access{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 12px;
border:1px solid rgba(229,88,190,.16);
border-radius:12px;
background:rgba(202,27,149,.055);
color:#e768c1;
font-size:8px;
font-weight:950;
letter-spacing:.08em;
}
.id-v3-app .id-v26-plan-access.is-free{
border-color:rgba(255,255,255,.07);
background:rgba(255,255,255,.022);
color:#867d88;
}
.id-v3-app .id-v26-plan-actions a{
min-height:40px;
padding:0 14px;
display:inline-flex;
align-items:center;
gap:8px;
border:1px solid rgba(230,91,192,.14);
border-radius:13px;
background:rgba(255,255,255,.018);
color:#ded5df;
font-size:9px;
font-weight:850;
text-decoration:none;
}
/* Conteúdo bloqueado */
.id-v3-app .id-v11-study-card.is-plan-locked{
border-color:rgba(225,88,188,.10);
}
.id-v3-app .id-v11-study-card.is-plan-locked h3,
.id-v3-app .id-v11-study-card.is-plan-locked p,
.id-v3-app .id-v11-study-card.is-plan-locked .id-v11-study-meta{
opacity:.72;
}
.id-v3-app .id-v17-study-main.is-pro-lock{
background:linear-gradient(135deg,rgba(202,27,149,.12),rgba(123,53,183,.08))!important;
border-color:rgba(228,90,190,.18)!important;
color:#ef70c9!important;
}
/* Paywall interno sem sair da plataforma */
.id-v3-app .id-v26-pro-gate{
max-width:900px;
margin:40px auto;
padding:30px;
display:flex;
align-items:flex-start;
gap:18px;
border:1px solid rgba(231,91,193,.15);
border-radius:26px;
background:
radial-gradient(circle at 0 0,rgba(205,41,157,.10),transparent 36%),
#0e0b10;
}
.id-v3-app .id-v26-pro-gate>span{
width:52px;
height:52px;
flex:0 0 52px;
display:grid;
place-items:center;
border:1px solid rgba(230,91,193,.15);
border-radius:17px;
background:rgba(202,27,149,.07);
color:#ee6bc8;
font-size:18px;
}
.id-v3-app .id-v26-pro-gate small{
color:#e969c3;
font-size:8px;
font-weight:950;
letter-spacing:.14em;
}
.id-v3-app .id-v26-pro-gate h2{
margin:7px 0 8px!important;
font-size:24px!important;
}
.id-v3-app .id-v26-pro-gate p{
max-width:650px;
margin:0 0 18px;
color:#8c828e;
font-size:11px;
line-height:1.65;
}
.id-v3-app .id-v26-pro-gate a{
min-height:44px;
padding:0 16px;
display:inline-flex;
align-items:center;
gap:9px;
border-radius:14px;
background:linear-gradient(135deg,#c91d91,#8d3bcc);
color:#fff;
font-size:10px;
font-weight:900;
text-decoration:none;
}
/* PRO ativo no topo */
.id-v3-app .id-v111-pro-cta.is-active-plan{
border-color:rgba(89,211,155,.15)!important;
background:linear-gradient(135deg,rgba(35,151,101,.08),rgba(202,27,149,.045))!important;
}
.id-v3-app .id-v111-pro-cta.is-active-plan span{
color:#66d9a7!important;
}
@media(max-width:760px){
.id-v3-app .id-v26-plan-panel{
padding:18px;
flex-direction:column;
align-items:stretch;
border-radius:20px;
}
.id-v3-app .id-v26-plan-actions{
width:100%;
justify-content:space-between;
}
.id-v3-app .id-v26-plan-actions a{
flex:1 1 auto;
justify-content:center;
}
.id-v3-app .id-v26-pro-gate{
margin:20px 0;
padding:20px;
flex-direction:column;
border-radius:21px;
}
}
/* =========================================================
Inglês Avançado 11.17.1 — assinatura x acesso administrativo
========================================================= */
.id-v3-app .id-v26-plan-title em.is-staff{
border-color:rgba(106,210,166,.16);
background:rgba(49,154,109,.065);
color:#70d3a8;
}
.id-v3-app .id-v26-plan-access.is-staff-access{
border-color:rgba(111,206,167,.14);
background:rgba(51,145,106,.055);
color:#72cca7;
}
.id-v3-app .id-v26-profile-plan.is-staff{
border-color:rgba(105,204,165,.15);
background:
linear-gradient(135deg,rgba(47,151,106,.07),rgba(202,27,149,.04));
color:#75cfaa;
}
/* O PRO do topo continua visualmente discreto, mas com uma nuance
diferente quando o acesso é administrativo/equipe. */
.id-v3-app .id-v111-pro-cta.is-staff-plan{
border-color:rgba(100,205,163,.16)!important;
background:
linear-gradient(135deg,rgba(42,145,101,.08),rgba(121,54,174,.035))!important;
}
.id-v3-app .id-v111-pro-cta.is-staff-plan span{
color:#6bd7a6!important;
}
/* No painel de acesso administrativo, evita que os chips pareçam
controles clicáveis ou assinatura comercial. */
.id-v3-app .id-v26-plan-panel.is-pro .id-v26-plan-actions > span{
white-space:nowrap;
}
@media(max-width:760px){
.id-v3-app .id-v26-plan-actions{
flex-wrap:wrap;
}
}
/* =========================================================
Inglês Avançado 11.17.2 — instalação PWA sempre acessível
========================================================= */
/* O atalho dinâmico da PWA agora é exclusivo da sidebar desktop. */
.id-v3-topbar__stats > .ia-pwa-install{display:none!important}
/* Perfil: botão nativo com a mesma linguagem dos demais atalhos. */
.id-v3-app button.id-v1139-profile-settings.id-v27-profile-install{
-webkit-appearance:none!important;
appearance:none!important;
width:100%!important;
font:inherit!important;
text-align:left!important;
cursor:pointer!important;
}
.id-v3-app .id-v27-install-icon{
color:#ef69c5!important;
font-size:17px!important;
font-weight:900!important;
}
/* Card em Configurações */
.id-v3-app .id-v27-install-panel{
margin:0 0 22px;
padding:22px 24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
border:1px solid rgba(230,91,192,.11);
border-radius:22px;
background:
radial-gradient(circle at 0 0,rgba(205,42,158,.075),transparent 33%),
linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
}
.id-v3-app .id-v27-install-panel__main{
min-width:0;
display:flex;
align-items:center;
gap:16px;
}
.id-v3-app .id-v27-install-panel__icon{
width:50px;
height:50px;
flex:0 0 50px;
display:grid;
place-items:center;
border:1px solid rgba(230,91,192,.15);
border-radius:16px;
background:linear-gradient(135deg,rgba(202,27,149,.11),rgba(123,53,183,.065));
color:#ed68c5;
}
.id-v3-app .id-v27-install-panel__icon svg{width:23px;height:23px;display:block}
.id-v3-app .id-v27-install-panel h2{
margin:5px 0 6px!important;
font-size:20px!important;
line-height:1.15!important;
}
.id-v3-app .id-v27-install-panel p{
max-width:760px;
margin:0;
color:#817784;
font-size:10.5px;
line-height:1.55;
}
.id-v3-app .id-v27-install-panel small[data-ia-pwa-status]{
display:block;
margin-top:7px;
color:#6f6672;
font-size:8.5px;
line-height:1.4;
}
.id-v3-app .id-v27-install-panel__button{
min-width:142px;
min-height:44px;
padding:0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
border:1px solid rgba(231,91,193,.16);
border-radius:14px;
background:linear-gradient(135deg,rgba(202,27,149,.11),rgba(123,53,183,.065));
color:#f3ebf4;
font-size:9.5px;
font-weight:900;
cursor:pointer;
}
.id-v3-app .id-v27-install-panel__button i{font-style:normal;color:#df66bd}
.id-v3-app [data-ia-pwa-install].is-installed,
.id-v3-app [data-ia-pwa-install]:disabled{
opacity:.55;
cursor:default!important;
}
/* Modal de instruções para iOS/Safari/navegadores sem beforeinstallprompt */
.ia-pwa-help[hidden]{display:none!important}
.ia-pwa-help{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:18px}
.ia-pwa-help__backdrop{position:absolute;inset:0;background:rgba(2,2,4,.82);backdrop-filter:blur(8px)}
.ia-pwa-help__dialog{
position:relative;
z-index:1;
width:min(430px,100%);
padding:28px;
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
background:
radial-gradient(circle at 50% 0,rgba(209,48,163,.13),transparent 38%),
linear-gradient(180deg,#151016,#0d0b0e);
box-shadow:0 30px 90px rgba(0,0,0,.62);
color:#fff;
}
.ia-pwa-help__close{
position:absolute;top:14px;right:14px;width:38px;height:38px;padding:0;
display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:13px;
background:rgba(255,255,255,.025);color:#d65ab8;font-size:19px;cursor:pointer
}
.ia-pwa-help__icon{
width:54px;height:54px;display:grid;place-items:center;margin-bottom:16px;
border:1px solid rgba(231,91,193,.16);border-radius:17px;
background:linear-gradient(135deg,rgba(202,27,149,.13),rgba(123,53,183,.07));
color:#ec6ac7;font-size:22px;font-weight:900
}
.ia-pwa-help__dialog>span{color:#e766c1;font-size:8px;font-weight:950;letter-spacing:.15em}
.ia-pwa-help__dialog h3{margin:8px 0 8px;font-size:24px;line-height:1.15}
.ia-pwa-help__dialog>p{margin:0;color:#8d838f;font-size:11px;line-height:1.55}
.ia-pwa-help__dialog ol{margin:18px 0;padding-left:21px;color:#c7bdc8;font-size:11px;line-height:1.7}
.ia-pwa-help__dialog li+li{margin-top:7px}
.ia-pwa-help__dialog strong{color:#fff}
.ia-pwa-help__done{
width:100%;min-height:46px;border:0;border-radius:14px;
background:linear-gradient(135deg,#c91d91,#8d3bcc);color:#fff;font-size:10px;font-weight:900;cursor:pointer
}
html.ia-pwa-modal-open{overflow:hidden!important}
@media(max-width:980px){
/* Removemos a antiga versão compacta do topo: no mobile o acesso fica
no Perfil e em Configurações, onde é muito mais fácil de encontrar. */
.id-v3-topbar__stats > .ia-pwa-install{display:none!important}
}
@media(max-width:760px){
.id-v3-app .id-v27-install-panel{
padding:18px;
flex-direction:column;
align-items:stretch;
border-radius:20px;
}
.id-v3-app .id-v27-install-panel__main{align-items:flex-start}
.id-v3-app .id-v27-install-panel__button{width:100%;min-height:48px}
.ia-pwa-help__dialog{padding:24px 20px 20px;border-radius:21px}
}
/* =========================================================
Inglês Avançado 11.18.0 — Student UI Design System
Padrão oficial para telas, modais, botões e ações do aluno.
========================================================= */
:root{
--ia-ui-bg:#0d0b0f;
--ia-ui-bg-raised:#131015;
--ia-ui-bg-soft:#171218;
--ia-ui-border:rgba(255,255,255,.08);
--ia-ui-border-soft:rgba(255,255,255,.055);
--ia-ui-text:#f7f2f7;
--ia-ui-text-soft:#d7cdd8;
--ia-ui-muted:#9a8f9c;
--ia-ui-muted-2:#746b77;
--ia-ui-pink:#e865c2;
--ia-ui-pink-strong:#ca1b95;
--ia-ui-purple:#8738c8;
--ia-ui-radius-modal:26px;
--ia-ui-radius-card:20px;
--ia-ui-radius-action:16px;
--ia-ui-radius-control:13px;
--ia-ui-shadow-modal:0 34px 110px rgba(0,0,0,.64);
}
/* ---------------------------------------------------------
MODAIS: mesma família visual em toda a plataforma
--------------------------------------------------------- */
.ia-pwa-help__dialog,
.id-v20-report-dialog,
.id-v21-focus-pop,
.id-v22-focus-alert-dialog,
.id-v23-pro-dialog{
box-sizing:border-box!important;
border:1px solid var(--ia-ui-border)!important;
border-radius:var(--ia-ui-radius-modal)!important;
background:
radial-gradient(circle at 50% -10%,rgba(211,48,164,.13),transparent 38%),
radial-gradient(circle at 100% 100%,rgba(118,55,181,.045),transparent 34%),
linear-gradient(180deg,#151016 0%,#0d0b0f 100%)!important;
box-shadow:
var(--ia-ui-shadow-modal),
inset 0 1px 0 rgba(255,255,255,.025)!important;
color:var(--ia-ui-text)!important;
}
/* Fundos dos overlays também seguem o mesmo padrão. */
.ia-pwa-help__backdrop,
.id-v20-report-backdrop,
.id-v22-focus-alert-backdrop,
.id-v23-pro-backdrop{
background:rgba(2,2,4,.84)!important;
backdrop-filter:blur(10px) saturate(.82)!important;
}
/* ---------------------------------------------------------
BOTÃO DE FECHAR OFICIAL
O X é desenhado por CSS para ficar geometricamente centralizado.
--------------------------------------------------------- */
.ia-pwa-help__close,
.id-v20-report-x,
.id-v21-focus-head>button[data-focus-close],
.id-v23-pro-close{
box-sizing:border-box!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
padding:0!important;
display:block!important;
position:relative!important;
border:1px solid rgba(255,255,255,.085)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018))!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
text-indent:-9999px!important;
overflow:hidden!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 8px 20px rgba(0,0,0,.14)!important;
cursor:pointer!important;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease!important;
}
.ia-pwa-help__close::before,
.ia-pwa-help__close::after,
.id-v20-report-x::before,
.id-v20-report-x::after,
.id-v21-focus-head>button[data-focus-close]::before,
.id-v21-focus-head>button[data-focus-close]::after,
.id-v23-pro-close::before,
.id-v23-pro-close::after{
content:""!important;
display:block!important;
position:absolute!important;
left:50%!important;
top:50%!important;
width:14px!important;
height:1.6px!important;
margin:0!important;
border:0!important;
border-radius:999px!important;
background:#e968c2!important;
transform-origin:center!important;
pointer-events:none!important;
}
.ia-pwa-help__close::before,
.id-v20-report-x::before,
.id-v21-focus-head>button[data-focus-close]::before,
.id-v23-pro-close::before{
transform:translate(-50%,-50%) rotate(45deg)!important;
}
.ia-pwa-help__close::after,
.id-v20-report-x::after,
.id-v21-focus-head>button[data-focus-close]::after,
.id-v23-pro-close::after{
transform:translate(-50%,-50%) rotate(-45deg)!important;
}
.ia-pwa-help__close:hover,
.id-v20-report-x:hover,
.id-v21-focus-head>button[data-focus-close]:hover,
.id-v23-pro-close:hover{
transform:translateY(-1px)!important;
border-color:rgba(232,100,199,.2)!important;
background:rgba(205,44,161,.07)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 11px 24px rgba(0,0,0,.18)!important;
}
/* ---------------------------------------------------------
BOTÃO PRIMÁRIO OFICIAL
Sempre legível sem depender de hover.
--------------------------------------------------------- */
.ia-pwa-help__done,
.id-v20-report-actions .is-primary,
.id-v21-focus-actions .is-primary,
.id-v22-focus-alert-actions .is-primary,
.id-v23-pro-cta,
.id-v27-install-panel__button,
.id-v25-pace-footer button{
box-sizing:border-box!important;
min-height:48px!important;
padding:0 18px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
border:1px solid rgba(255,255,255,.055)!important;
border-radius:var(--ia-ui-radius-action)!important;
background:
linear-gradient(105deg,#ca1b95 0%,#b42caf 50%,#8a3ac8 100%)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:11.5px!important;
font-weight:900!important;
line-height:1!important;
text-decoration:none!important;
text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
box-shadow:
0 13px 30px rgba(177,29,141,.18),
inset 0 1px 0 rgba(255,255,255,.12)!important;
cursor:pointer!important;
transition:
transform .18s ease,
filter .18s ease,
box-shadow .18s ease!important;
}
.ia-pwa-help__done:hover,
.id-v20-report-actions .is-primary:hover,
.id-v21-focus-actions .is-primary:hover,
.id-v22-focus-alert-actions .is-primary:hover,
.id-v23-pro-cta:hover,
.id-v27-install-panel__button:hover,
.id-v25-pace-footer button:hover{
transform:translateY(-1px)!important;
filter:brightness(1.06)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:
0 17px 36px rgba(177,29,141,.24),
inset 0 1px 0 rgba(255,255,255,.14)!important;
}
/* ---------------------------------------------------------
BOTÕES SECUNDÁRIOS OFICIAIS
--------------------------------------------------------- */
.id-v20-report-actions button:not(.is-primary),
.id-v21-focus-actions button:not(.is-primary),
.id-v22-focus-alert-actions .is-secondary,
.id-v22-focus-alert-breaks button,
.id-v21-focus-presets button,
.id-v21-focus-breaks button{
box-sizing:border-box!important;
min-height:44px!important;
padding:0 14px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid var(--ia-ui-border)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.015))!important;
color:#ded5df!important;
-webkit-text-fill-color:#ded5df!important;
font-size:10.5px!important;
font-weight:800!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
cursor:pointer!important;
}
/* ---------------------------------------------------------
PWA: refinamento específico da tela mostrada ao aluno
--------------------------------------------------------- */
.ia-pwa-help__dialog{
width:min(470px,100%)!important;
padding:32px 30px 28px!important;
}
.ia-pwa-help__dialog::before{
content:"";
position:absolute;
left:50%;
top:0;
width:112px;
height:2px;
transform:translateX(-50%);
border-radius:0 0 999px 999px;
background:linear-gradient(90deg,transparent,#df4eb9,#8d43ce,transparent);
opacity:.72;
box-shadow:0 0 18px rgba(217,66,177,.3);
}
.ia-pwa-help__icon{
width:62px!important;
height:62px!important;
margin:0 0 20px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(232,91,194,.19)!important;
border-radius:20px!important;
background:
radial-gradient(circle at 40% 18%,rgba(241,90,199,.15),transparent 56%),
linear-gradient(145deg,rgba(202,27,149,.10),rgba(123,53,183,.07))!important;
color:#ee68c5!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 10px 26px rgba(92,15,75,.14)!important;
font-size:0!important;
}
.ia-pwa-help__icon svg{
width:28px!important;
height:28px!important;
display:block!important;
}
.ia-pwa-help__dialog>span{
display:block!important;
margin:0 0 9px!important;
color:#e967c2!important;
font-size:9px!important;
font-weight:950!important;
line-height:1!important;
letter-spacing:.16em!important;
}
.ia-pwa-help__dialog h3{
margin:0 0 10px!important;
color:#f7f2f7!important;
font-size:27px!important;
font-weight:780!important;
line-height:1.14!important;
letter-spacing:-.025em!important;
}
.ia-pwa-help__dialog>p{
margin:0!important;
color:#9d929f!important;
font-size:12px!important;
line-height:1.6!important;
}
.ia-pwa-help__dialog ol{
counter-reset:ia-pwa-step;
margin:20px 0 22px!important;
padding:0!important;
display:grid!important;
gap:9px!important;
list-style:none!important;
}
.ia-pwa-help__dialog ol li{
counter-increment:ia-pwa-step;
position:relative;
min-height:46px;
margin:0!important;
padding:10px 12px 10px 48px!important;
display:flex;
align-items:center;
border:1px solid rgba(255,255,255,.06);
border-radius:14px;
background:
linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
color:#cfc5d1!important;
font-size:11.5px!important;
line-height:1.5!important;
}
.ia-pwa-help__dialog ol li::before{
content:counter(ia-pwa-step);
position:absolute;
left:11px;
top:50%;
width:26px;
height:26px;
transform:translateY(-50%);
display:grid;
place-items:center;
border:1px solid rgba(232,91,194,.14);
border-radius:9px;
background:rgba(202,27,149,.055);
color:#e768c2;
font-size:9px;
font-weight:950;
}
.ia-pwa-help__dialog ol li strong{
color:#fff!important;
font-weight:850!important;
}
.ia-pwa-help__done{
width:100%!important;
min-height:50px!important;
margin:0!important;
}
.ia-pwa-help__done span{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:12px!important;
font-weight:900!important;
}
.ia-pwa-help__done i{
width:24px;
height:24px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.12);
border-radius:9px;
background:rgba(255,255,255,.08);
color:#fff!important;
font-size:11px;
font-style:normal;
line-height:1;
}
.ia-pwa-help__close{
top:16px!important;
right:16px!important;
}
/* ---------------------------------------------------------
Inputs em diálogos também seguem a mesma leitura visual
--------------------------------------------------------- */
.id-v20-report-dialog select,
.id-v20-report-dialog textarea,
.id-v21-focus-custom input{
border:1px solid rgba(255,255,255,.08)!important;
border-radius:13px!important;
background:#09080b!important;
color:#f5eff6!important;
outline:none!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.id-v20-report-dialog select:focus,
.id-v20-report-dialog textarea:focus,
.id-v21-focus-custom input:focus{
border-color:rgba(232,98,197,.32)!important;
box-shadow:
0 0 0 3px rgba(220,72,180,.065),
inset 0 1px 0 rgba(255,255,255,.018)!important;
}
/* ---------------------------------------------------------
Responsivo do padrão visual
--------------------------------------------------------- */
@media(max-width:600px){
.ia-pwa-help__dialog,
.id-v20-report-dialog,
.id-v21-focus-pop,
.id-v22-focus-alert-dialog,
.id-v23-pro-dialog{
border-radius:22px!important;
}
.ia-pwa-help__dialog{
padding:28px 18px 20px!important;
}
.ia-pwa-help__dialog h3{
padding-right:38px!important;
font-size:23px!important;
}
.ia-pwa-help__close,
.id-v20-report-x,
.id-v21-focus-head>button[data-focus-close],
.id-v23-pro-close{
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
border-radius:13px!important;
}
.ia-pwa-help__dialog ol li{
padding-left:47px!important;
font-size:11px!important;
}
.ia-pwa-help__done,
.id-v20-report-actions .is-primary,
.id-v21-focus-actions .is-primary,
.id-v22-focus-alert-actions .is-primary,
.id-v23-pro-cta,
.id-v27-install-panel__button,
.id-v25-pace-footer button{
min-height:50px!important;
border-radius:15px!important;
}
}
/* =========================================================
Inglês Avançado 11.18.1 — Readability & PWA layout refinement
========================================================= */
/* ---------------------------------------------------------
1. MODAL PWA — layout organizado
--------------------------------------------------------- */
.ia-pwa-help{
padding:24px!important;
}
.ia-pwa-help__dialog{
position:relative!important;
width:min(540px,100%)!important;
max-height:calc(100svh - 48px)!important;
overflow:auto!important;
padding:34px 32px 30px!important;
border-radius:27px!important;
}
/* Corrige o bug criado pelo design system anterior:
o botão estava relativo e por isso aparecia do lado esquerdo. */
.ia-pwa-help__close{
position:absolute!important;
top:18px!important;
right:18px!important;
left:auto!important;
bottom:auto!important;
margin:0!important;
z-index:5!important;
}
/* Dá espaço real entre o botão de fechar e o conteúdo. */
.ia-pwa-help__icon{
width:66px!important;
height:66px!important;
margin:0 0 24px!important;
border-radius:21px!important;
}
.ia-pwa-help__icon svg{
width:30px!important;
height:30px!important;
}
.ia-pwa-help__dialog>span{
margin-bottom:11px!important;
font-size:11px!important;
line-height:1.35!important;
letter-spacing:.13em!important;
}
.ia-pwa-help__dialog h3{
max-width:430px!important;
margin:0 0 11px!important;
padding:0!important;
font-size:31px!important;
line-height:1.16!important;
letter-spacing:-.025em!important;
}
.ia-pwa-help__dialog>p{
max-width:440px!important;
font-size:15px!important;
line-height:1.65!important;
color:#aea3b0!important;
}
/* Os passos deixam de ser flex inline.
Cada item possui título + explicação, evitando palavras espalhadas. */
.ia-pwa-help__dialog ol{
margin:24px 0 24px!important;
padding:0!important;
display:grid!important;
gap:11px!important;
}
.ia-pwa-help__dialog ol li{
position:relative!important;
display:block!important;
min-height:74px!important;
margin:0!important;
padding:14px 16px 14px 58px!important;
border:1px solid rgba(255,255,255,.065)!important;
border-radius:16px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.013))!important;
color:#d2c8d4!important;
font-size:14px!important;
line-height:1.5!important;
}
.ia-pwa-help__dialog ol li::before{
left:14px!important;
top:15px!important;
width:30px!important;
height:30px!important;
transform:none!important;
border-radius:10px!important;
font-size:11px!important;
}
.ia-pwa-help__dialog ol li strong{
display:block!important;
margin:0 0 4px!important;
color:#f7f1f7!important;
font-size:14.5px!important;
font-weight:850!important;
line-height:1.35!important;
}
.ia-pwa-help__dialog ol li span{
display:block!important;
color:#a69ba8!important;
font-size:13.5px!important;
line-height:1.5!important;
}
.ia-pwa-help__done{
min-height:54px!important;
border-radius:17px!important;
}
.ia-pwa-help__done span{
font-size:14px!important;
}
/* ---------------------------------------------------------
2. ACESSIBILIDADE TIPOGRÁFICA
Informações importantes deixam de usar microtexto.
Chips/siglas podem continuar menores, mas conteúdo de leitura não.
--------------------------------------------------------- */
.id-v3-app{
--ia-readable-body:15px;
--ia-readable-small:13px;
--ia-readable-label:12px;
}
/* Navegação e cabeçalhos de interface */
.id-v3-app .id-v3-nav a,
.id-v3-app .id-v3-settings{
font-size:15px!important;
}
.id-v3-app .id-v3-topbar__title small{
font-size:12.5px!important;
line-height:1.4!important;
}
.id-v3-app .id-v3-topbar__title strong{
font-size:16px!important;
}
.id-v3-app .id-v3-section-label,
.id-v3-app .id-v3-side-label{
font-size:12px!important;
line-height:1.35!important;
letter-spacing:.105em!important;
}
/* Descrições principais de página */
.id-v3-app .id-v3-session-head p,
.id-v3-app .id-v8-page-head p,
.id-v3-app .id-v10-progress-hero p,
.id-v3-app .id-v24-plan-head p,
.id-v3-app .id-v24-diagnosis-head p,
.id-v3-app .id-v11-settings-intro{
font-size:15px!important;
line-height:1.7!important;
color:#b0a5b2!important;
}
/* Questões */
.id-v3-app .id-v3-context{
font-size:15.5px!important;
line-height:1.7!important;
color:#ada3af!important;
}
.id-v3-app .id-v3-answer__text{
font-size:16px!important;
line-height:1.55!important;
}
.id-v3-app .id-v3-hint{
font-size:13.5px!important;
line-height:1.5!important;
}
.id-v3-app .id-v3-feedback__title{
font-size:15px!important;
}
.id-v3-app .id-v3-feedback__text{
font-size:14px!important;
line-height:1.7!important;
}
/* Estudar / cards / conteúdos */
.id-v3-app .id-v11-study-card p{
font-size:14.5px!important;
line-height:1.7!important;
color:#aaa0ac!important;
}
.id-v3-app .id-v11-study-meta span,
.id-v3-app .id-v11-lesson-chips span{
font-size:11.5px!important;
}
.id-v3-app .id-v17-study-actions a,
.id-v3-app .id-v11-study-card>a,
.id-v3-app .id-v11-primary,
.id-v3-app .id-v11-secondary{
font-size:13px!important;
}
.id-v3-app .id-v11-lesson-body{
font-size:17px!important;
line-height:1.85!important;
color:#c9c0cb!important;
}
.id-v3-app .id-v11-lesson-hero>p{
font-size:16px!important;
}
/* Progresso/revisão */
.id-v3-app .id-v17-lesson-progress p,
.id-v3-app .id-v17-review-callout p,
.id-v3-app .id-v24-plan-card p,
.id-v3-app .id-v24-diagnosis-grid article>p,
.id-v3-app .id-v24-next-action p{
font-size:14px!important;
line-height:1.65!important;
}
/* Configurações */
.id-v3-app .id-v11-account-row small,
.id-v3-app .id-v12-name-footer small,
.id-v3-app .id-v11-password-footer small{
font-size:13.5px!important;
line-height:1.6!important;
}
.id-v3-app .id-v12-name-form label span,
.id-v3-app .id-v11-password-form label>span{
font-size:14px!important;
}
.id-v3-app .id-v12-name-form input,
.id-v3-app .id-v11-password-form input{
font-size:15px!important;
}
.id-v3-app .id-v26-plan-main p{
font-size:14px!important;
line-height:1.65!important;
color:#a79daa!important;
}
.id-v3-app .id-v27-install-panel h2{
font-size:22px!important;
}
.id-v3-app .id-v27-install-panel p{
font-size:14px!important;
line-height:1.65!important;
color:#a89eaa!important;
}
.id-v3-app .id-v27-install-panel small[data-ia-pwa-status]{
font-size:12px!important;
line-height:1.55!important;
color:#8f8591!important;
}
.id-v3-app .id-v27-install-panel__button{
font-size:13px!important;
}
/* Ritmo de estudo */
.id-v3-app .id-v25-pace-head p{
font-size:15px!important;
line-height:1.65!important;
}
.id-v3-app .id-v25-pace-title strong{
font-size:17px!important;
}
.id-v3-app .id-v25-pace-title em{
font-size:13px!important;
}
.id-v3-app .id-v25-pace-option p{
font-size:14px!important;
line-height:1.65!important;
}
.id-v3-app .id-v25-pace-option ul{
font-size:13.5px!important;
line-height:1.72!important;
}
.id-v3-app .id-v25-pace-footer p{
font-size:14px!important;
line-height:1.65!important;
}
/* Lista final de configurações — agora só sequência + logout */
.id-v3-app .id-v8-settings-list strong{
font-size:14.5px!important;
line-height:1.35!important;
}
.id-v3-app .id-v8-settings-list small{
font-size:13px!important;
line-height:1.55!important;
color:#9e949f!important;
}
.id-v3-app .id-v8-settings-list a,
.id-v3-app .id-v8-coming{
font-size:11.5px!important;
}
/* Comunidade */
.id-v3-app .id-v18-community-head p{
font-size:14px!important;
line-height:1.6!important;
}
.id-v3-app .id-v18-msg-meta strong{
font-size:13.5px!important;
}
.id-v3-app .id-v18-msg-body p,
.id-v3-app .id-v18-compose-field textarea{
font-size:15px!important;
line-height:1.65!important;
}
.id-v3-app .id-v18-side-card small,
.id-v3-app .id-v18-side-note p{
font-size:12.5px!important;
line-height:1.55!important;
}
/* Botões usados em ações importantes */
.id-v3-app .id-v3-check,
.id-v3-app .id-v3-next,
.id-v3-app .id-v12-name-footer button,
.id-v3-app .id-v11-password-footer button,
.id-v3-app .id-v25-pace-footer button{
font-size:13.5px!important;
}
/* ---------------------------------------------------------
3. RESPONSIVO — legível sem virar layout gigante
--------------------------------------------------------- */
@media(max-width:760px){
.ia-pwa-help{
padding:12px!important;
}
.ia-pwa-help__dialog{
max-height:calc(100svh - 24px)!important;
padding:28px 18px 20px!important;
border-radius:22px!important;
}
.ia-pwa-help__close{
top:13px!important;
right:13px!important;
}
.ia-pwa-help__icon{
width:58px!important;
height:58px!important;
margin-bottom:20px!important;
border-radius:18px!important;
}
.ia-pwa-help__dialog>span{
font-size:10.5px!important;
}
.ia-pwa-help__dialog h3{
max-width:calc(100% - 36px)!important;
font-size:25px!important;
line-height:1.18!important;
}
.ia-pwa-help__dialog>p{
font-size:14px!important;
}
.ia-pwa-help__dialog ol{
margin:20px 0!important;
gap:9px!important;
}
.ia-pwa-help__dialog ol li{
min-height:0!important;
padding:13px 12px 13px 52px!important;
font-size:13.5px!important;
border-radius:14px!important;
}
.ia-pwa-help__dialog ol li::before{
left:11px!important;
top:13px!important;
width:28px!important;
height:28px!important;
}
.ia-pwa-help__dialog ol li strong{
font-size:14px!important;
}
.ia-pwa-help__dialog ol li span{
font-size:13px!important;
}
/* Não diminuímos mais texto de resposta/conteúdo para 12–13px no celular. */
.id-v3-app .id-v3-answer__text{
font-size:15px!important;
}
.id-v3-app .id-v11-lesson-body{
font-size:16px!important;
line-height:1.8!important;
}
.id-v3-app .id-v11-study-card p,
.id-v3-app .id-v25-pace-option p,
.id-v3-app .id-v26-plan-main p,
.id-v3-app .id-v27-install-panel p{
font-size:14px!important;
}
}
/* Tablets e celulares muito estreitos continuam podendo reflowar,
mas o texto não é sacrificado para "caber". */
@media(max-width:430px){
.id-v3-app .id-v3-context{
font-size:15px!important;
}
.id-v3-app .id-v18-msg-body p{
font-size:14.5px!important;
}
}
/* =========================================================
Inglês Avançado 11.18.2 — Less clutter + readable UI
========================================================= */
/* ---------------------------------------------------------
1. MENOS DUPLICIDADE
--------------------------------------------------------- */
/* O instalador existe somente em Configurações.
Garante que qualquer botão legado injetado pela PWA não apareça. */
.id-v3-app .ia-pwa-install,
.id-v3-app .id-v27-profile-install{
display:none!important;
}
/* No desktop a sidebar já é a navegação principal.
O bloco “Sua plataforma em um só lugar” só agrega valor quando
a navegação muda de formato em tablet/mobile. */
.id-v3-app .id-v12-home-quick{
display:none!important;
}
@media(max-width:980px){
.id-v3-app .id-v12-home-quick{
display:block!important;
}
}
/* ---------------------------------------------------------
2. ACESSO RÁPIDO / INSTALAR APP EM CONFIGURAÇÕES
Usa todo o espaço disponível e só quebra quando necessário.
--------------------------------------------------------- */
.id-v3-app .id-v27-install-panel{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
column-gap:28px!important;
}
.id-v3-app .id-v27-install-panel__main,
.id-v3-app .id-v27-install-panel__main>div:last-child{
min-width:0!important;
width:100%!important;
}
.id-v3-app .id-v27-install-panel p{
width:100%!important;
max-width:none!important;
}
.id-v3-app .id-v27-install-panel__button{
white-space:nowrap!important;
}
/* ---------------------------------------------------------
3. TIPOGRAFIA DE LEITURA — PASSADA FINAL
Textos informativos importantes não devem parecer metadados.
--------------------------------------------------------- */
/* Cabeçalhos e descrições das páginas */
.id-v3-app .id-v8-page-head p,
.id-v3-app .id-v12-home-hero p,
.id-v3-app .id-v10-progress-hero p,
.id-v3-app .id-v18-community-head p,
.id-v3-app .id-v24-plan-head p,
.id-v3-app .id-v24-diagnosis-head p{
font-size:16px!important;
line-height:1.68!important;
color:#b4a9b6!important;
}
/* Estado vazio: Praticar, Estudar, Ranking etc. */
.id-v3-app .id-v8-empty{
padding:38px!important;
}
.id-v3-app .id-v8-empty strong{
font-size:22px!important;
line-height:1.3!important;
}
.id-v3-app .id-v8-empty p{
max-width:920px!important;
margin-top:10px!important;
font-size:15px!important;
line-height:1.7!important;
color:#aaa0ac!important;
}
.id-v3-app .id-v8-empty a{
display:inline-flex!important;
align-items:center!important;
min-height:42px!important;
font-size:14px!important;
font-weight:800!important;
text-decoration:none!important;
}
/* Cards de módulos */
.id-v3-app .id-v8-module-card p{
font-size:15px!important;
line-height:1.7!important;
color:#aaa0ac!important;
}
.id-v3-app .id-v8-module-meta span{
font-size:12px!important;
line-height:1.25!important;
}
.id-v3-app .id-v8-module-progress>div{
font-size:13px!important;
line-height:1.4!important;
}
.id-v3-app .id-v8-module-cta{
font-size:14px!important;
}
.id-v3-app .id-v8-relation-status{
font-size:12px!important;
}
/* Home */
.id-v3-app .id-v12-home-actions .id-v11-primary,
.id-v3-app .id-v12-secondary{
font-size:14px!important;
}
.id-v3-app .id-v12-home-streak small{
font-size:12.5px!important;
}
.id-v3-app .id-v12-home-stats span,
.id-v3-app .id-v12-home-stats small{
font-size:13.5px!important;
line-height:1.45!important;
color:#a198a4!important;
}
.id-v3-app .id-v12-home-card h2{
font-size:26px!important;
}
.id-v3-app .id-v12-home-card p{
font-size:15.5px!important;
line-height:1.7!important;
color:#aaa0ac!important;
}
.id-v3-app .id-v12-home-card a{
font-size:14px!important;
}
.id-v3-app .id-v12-home-quick-grid strong{
font-size:15px!important;
}
.id-v3-app .id-v12-home-quick-grid small{
font-size:12.5px!important;
}
/* Plano de hoje / aprendizado inteligente */
.id-v3-app .id-v24-plan-head h2,
.id-v3-app .id-v24-diagnosis-head h2{
font-size:27px!important;
}
.id-v3-app .id-v24-plan-card>div:last-child>span,
.id-v3-app .id-v24-diagnosis-grid article>span{
font-size:11.5px!important;
line-height:1.35!important;
}
.id-v3-app .id-v24-plan-card h3,
.id-v3-app .id-v24-diagnosis-grid article h3{
font-size:17px!important;
line-height:1.35!important;
}
.id-v3-app .id-v24-plan-card p,
.id-v3-app .id-v24-diagnosis-grid article>p,
.id-v3-app .id-v24-next-action p{
font-size:14.5px!important;
line-height:1.68!important;
color:#aaa0ac!important;
}
.id-v3-app .id-v24-plan-card a,
.id-v3-app .id-v24-next-action>a{
font-size:13.5px!important;
}
.id-v3-app .id-v24-plan-score span,
.id-v3-app .id-v24-level-chip span{
font-size:11px!important;
}
/* Atividade / estatísticas / progresso */
.id-v3-app .id-v10-activity-item strong{
font-size:14px!important;
}
.id-v3-app .id-v10-activity-item small{
font-size:12px!important;
line-height:1.45!important;
}
.id-v3-app .id-v10-activity-xp{
font-size:11.5px!important;
}
.id-v3-app .id-v10-activity-empty strong{
font-size:15px!important;
}
.id-v3-app .id-v10-activity-empty p{
font-size:13.5px!important;
line-height:1.6!important;
}
.id-v3-app .id-v10-level-copy span,
.id-v3-app .id-v10-stat-card small,
.id-v3-app .id-v10-stat-card p,
.id-v3-app .id-v10-module-progress-head>div span,
.id-v3-app .id-v17-content-progress small{
font-size:13px!important;
line-height:1.5!important;
}
.id-v3-app .id-v10-level-copy strong,
.id-v3-app .id-v10-module-progress-head>div strong{
font-size:15.5px!important;
}
/* Perfil */
.id-v3-app .id-v8-profile-card p{
font-size:14px!important;
line-height:1.5!important;
color:#a79daa!important;
}
.id-v3-app .id-v8-profile-summary span{
font-size:12px!important;
}
.id-v3-app .id-v1139-profile-settings__copy strong{
font-size:15px!important;
}
.id-v3-app .id-v1139-profile-settings__copy small{
font-size:13.5px!important;
line-height:1.55!important;
}
/* Configurações */
.id-v3-app .id-v27-install-panel h2{
font-size:24px!important;
}
.id-v3-app .id-v27-install-panel p{
font-size:15px!important;
line-height:1.65!important;
color:#b0a5b2!important;
}
.id-v3-app .id-v27-install-panel small[data-ia-pwa-status]{
font-size:13px!important;
line-height:1.55!important;
}
.id-v3-app .id-v27-install-panel__button{
font-size:14px!important;
}
.id-v3-app .id-v26-plan-main p,
.id-v3-app .id-v25-pace-head p,
.id-v3-app .id-v25-pace-option p,
.id-v3-app .id-v25-pace-footer p{
font-size:15px!important;
line-height:1.68!important;
}
.id-v3-app .id-v25-pace-option ul{
font-size:14px!important;
line-height:1.75!important;
}
/* Comunidade */
.id-v3-app .id-v18-msg-meta strong{
font-size:14.5px!important;
}
.id-v3-app .id-v18-msg-body p,
.id-v3-app .id-v18-compose-field textarea{
font-size:15.5px!important;
line-height:1.68!important;
}
.id-v3-app .id-v18-side-card small,
.id-v3-app .id-v18-side-note p,
.id-v3-app .id-v18-chat-empty p,
.id-v3-app .id-v18-compose-user small{
font-size:13.5px!important;
line-height:1.6!important;
}
.id-v3-app .id-v18-msg-meta time,
.id-v3-app .id-v18-compose-footer>span,
.id-v3-app .id-v18-chat-feedback{
font-size:12px!important;
}
/* Conteúdo de estudo */
.id-v3-app .id-v11-study-card p{
font-size:15px!important;
line-height:1.72!important;
}
.id-v3-app .id-v11-study-meta span,
.id-v3-app .id-v11-lesson-chips span{
font-size:12px!important;
}
.id-v3-app .id-v11-lesson-body{
font-size:17.5px!important;
line-height:1.86!important;
}
/* ---------------------------------------------------------
4. RESPONSIVO
--------------------------------------------------------- */
@media(max-width:980px){
.id-v3-app .id-v27-install-panel{
grid-template-columns:1fr!important;
row-gap:18px!important;
}
.id-v3-app .id-v27-install-panel__button{
width:100%!important;
}
}
@media(max-width:760px){
.id-v3-app .id-v8-page-head p,
.id-v3-app .id-v12-home-hero p,
.id-v3-app .id-v24-plan-head p,
.id-v3-app .id-v24-diagnosis-head p{
font-size:15px!important;
}
.id-v3-app .id-v8-empty{
padding:25px 18px!important;
}
.id-v3-app .id-v8-empty p,
.id-v3-app .id-v8-module-card p,
.id-v3-app .id-v12-home-card p,
.id-v3-app .id-v27-install-panel p{
font-size:14.5px!important;
}
.id-v3-app .id-v11-lesson-body{
font-size:16.5px!important;
}
.id-v3-app .id-v18-msg-body p,
.id-v3-app .id-v18-compose-field textarea{
font-size:15px!important;
}
}
/* =========================================================
Inglês Avançado 11.18.4 — PRO modal feature cards refinement
========================================================= */
/* O modal PRO fica visualmente alinhado com os CTAs e com espaço
suficiente para os cards de benefícios respirarem. */
.id-v23-pro-modal .id-v23-pro-dialog{
width:min(500px,calc(100vw - 32px))!important;
padding:36px 32px 30px!important;
}
/* O Design System 11.18.0 havia transformado todos os X em position:relative.
No modal PRO isso deslocava o controle para a esquerda.
Mantemos o X geométrico, mas recolocamos o botão no canto correto. */
.id-v23-pro-modal .id-v23-pro-close{
position:absolute!important;
top:16px!important;
right:16px!important;
left:auto!important;
bottom:auto!important;
margin:0!important;
z-index:8!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
border-radius:14px!important;
}
/* Lista usa a largura real do modal, em vez do antigo max-width de 330px. */
.id-v23-pro-modal .id-v23-pro-features{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
margin:25px 0 24px!important;
padding:0!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
/* Card oficial dos benefícios PRO. */
.id-v23-pro-modal .id-v23-pro-features > span{
box-sizing:border-box!important;
width:100%!important;
min-height:58px!important;
margin:0!important;
padding:9px 15px 9px 10px!important;
display:grid!important;
grid-template-columns:40px minmax(0,1fr)!important;
align-items:center!important;
column-gap:13px!important;
border:1px solid rgba(255,255,255,.07)!important;
border-radius:16px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.014))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.022),
0 7px 20px rgba(0,0,0,.075)!important;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease!important;
}
.id-v23-pro-modal .id-v23-pro-features > span:hover{
transform:translateY(-1px)!important;
border-color:rgba(231,92,194,.14)!important;
background:
linear-gradient(135deg,rgba(204,38,158,.045),rgba(123,53,183,.025)),
linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015))!important;
}
/* Todos os três ícones agora compartilham a mesma geometria. */
.id-v23-pro-modal .id-v23-pro-features > span > i.id-v23-feature-icon{
box-sizing:border-box!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(230,88,191,.15)!important;
border-radius:13px!important;
background:
radial-gradient(circle at 42% 18%,rgba(239,87,198,.10),transparent 58%),
linear-gradient(145deg,rgba(202,27,149,.070),rgba(123,53,183,.045))!important;
color:#e766c0!important;
font-size:0!important;
line-height:0!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
/* Neutraliza regras antigas aplicadas aos genéricos. */
.id-v23-pro-modal .id-v23-pro-features > span > i.id-v23-feature-icon svg{
display:block!important;
width:20px!important;
height:20px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
.id-v23-pro-modal .id-v23-feature-icon--music svg{
width:21px!important;
height:21px!important;
}
.id-v23-pro-modal .id-v23-feature-icon--timer svg,
.id-v23-pro-modal .id-v23-feature-icon--break svg{
width:20px!important;
height:20px!important;
}
/* Texto com peso menor que antes: ainda destacado, sem parecer um heading. */
.id-v23-pro-modal .id-v23-pro-features > span > b{
display:block!important;
min-width:0!important;
margin:0!important;
padding:0!important;
color:#d8cfd9!important;
font-size:13.5px!important;
font-weight:760!important;
line-height:1.35!important;
letter-spacing:-.008em!important;
}
/* Mantém os dois CTAs na mesma coluna visual dos cards. */
.id-v23-pro-modal .id-v23-pro-cta,
.id-v23-pro-modal .id-v23-pro-later.id-v23-free-action{
width:100%!important;
box-sizing:border-box!important;
}
/* Mobile: mais compacto, mas sem voltar a microtexto. */
@media(max-width:600px){
.id-v23-pro-modal .id-v23-pro-dialog{
width:calc(100vw - 24px)!important;
padding:31px 18px 22px!important;
border-radius:23px!important;
}
.id-v23-pro-modal .id-v23-pro-close{
top:13px!important;
right:13px!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
border-radius:13px!important;
}
.id-v23-pro-modal .id-v23-pro-features{
margin:21px 0 21px!important;
gap:9px!important;
}
.id-v23-pro-modal .id-v23-pro-features > span{
min-height:56px!important;
padding:8px 12px 8px 9px!important;
grid-template-columns:38px minmax(0,1fr)!important;
column-gap:12px!important;
border-radius:15px!important;
}
.id-v23-pro-modal .id-v23-pro-features > span > i.id-v23-feature-icon{
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
border-radius:12px!important;
}
.id-v23-pro-modal .id-v23-pro-features > span > b{
font-size:13px!important;
line-height:1.35!important;
}
}
/* =========================================================
Inglês Avançado 11.19.0 — Onboarding + Help Center
========================================================= */
html.ia-student-modal-open{overflow:hidden!important}
/* ---------- botão de ajuda ---------- */
.id-v3-app .id-v29-help-button{
box-sizing:border-box;
width:42px;
height:42px;
min-width:42px;
padding:0;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.075);
border-radius:999px;
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
color:#cfc5d1;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
cursor:pointer;
flex:0 0 42px;
transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.id-v3-app .id-v29-help-button span{font-size:15px;font-weight:900;line-height:1}
.id-v3-app .id-v29-help-button:hover{
transform:translateY(-1px);
border-color:rgba(230,91,192,.18);
background:rgba(202,27,149,.055);
color:#ef70ca;
}
/* ---------- base dos modais ---------- */
.id-v29-onboarding[hidden],
.id-v29-help[hidden]{display:none!important}
.id-v29-onboarding,
.id-v29-help{
position:fixed;
inset:0;
z-index:100300;
display:grid;
place-items:center;
padding:20px;
}
.id-v29-help{z-index:100500}
.id-v29-modal-backdrop{
position:absolute;
inset:0;
background:rgba(2,2,4,.86);
backdrop-filter:blur(11px) saturate(.82);
}
.id-v29-onboarding-dialog,
.id-v29-help-dialog{
box-sizing:border-box;
position:relative;
z-index:1;
width:min(940px,100%);
max-height:calc(100svh - 40px);
overflow:auto;
border:1px solid rgba(255,255,255,.085);
border-radius:28px;
background:
radial-gradient(circle at 50% -10%,rgba(210,47,164,.14),transparent 35%),
radial-gradient(circle at 100% 100%,rgba(116,55,178,.045),transparent 34%),
linear-gradient(180deg,#151016 0%,#0d0b0f 100%);
box-shadow:0 38px 120px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.025);
color:#f7f2f7;
scrollbar-width:thin;
scrollbar-color:rgba(221,72,181,.22) transparent;
}
.id-v29-onboarding-dialog{padding:30px}
.id-v29-help-dialog{width:min(780px,100%);padding:32px}
/* ---------- X geométrico ---------- */
.id-v29-modal-close{
box-sizing:border-box!important;
position:absolute!important;
top:16px!important;
right:16px!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.085)!important;
border-radius:14px!important;
background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018))!important;
color:transparent!important;
font-size:0!important;
cursor:pointer!important;
z-index:8!important;
}
.id-v29-modal-close::before,
.id-v29-modal-close::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:14px;
height:1.6px;
border-radius:999px;
background:#e968c2;
}
.id-v29-modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.id-v29-modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.id-v29-modal-close:hover{border-color:rgba(232,100,199,.2)!important;background:rgba(205,44,161,.07)!important}
.id-v29-onboarding.is-required .id-v29-modal-close{display:none!important}
/* ---------- onboarding header ---------- */
.id-v29-onboarding-top{
display:grid;
grid-template-columns:auto minmax(140px,1fr) auto;
align-items:center;
gap:18px;
padding:0 54px 23px 0;
margin-bottom:26px;
border-bottom:1px solid rgba(255,255,255,.055);
}
.id-v29-onboarding-brand{display:flex;align-items:center;gap:10px;min-width:0}
.id-v29-onboarding-brand>span{
width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;
border:1px solid rgba(231,91,193,.15);border-radius:13px;
background:linear-gradient(135deg,rgba(202,27,149,.11),rgba(123,53,183,.065));
color:#ed68c5;font-size:14px
}
.id-v29-onboarding-brand strong,
.id-v29-onboarding-brand small{display:block;white-space:nowrap}
.id-v29-onboarding-brand strong{font-size:14px}
.id-v29-onboarding-brand small{margin-top:3px;color:#877d89;font-size:11px}
.id-v29-onboarding-progress{
height:6px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,.055);
}
.id-v29-onboarding-progress span{
display:block;height:100%;width:33.333%;border-radius:inherit;
background:linear-gradient(90deg,#ca1b95,#8738c8);
box-shadow:0 0 18px rgba(202,27,149,.2);
transition:width .28s ease
}
.id-v29-onboarding-top>small{
white-space:nowrap;color:#8d838f;font-size:12px;font-weight:800
}
/* ---------- step headings ---------- */
.id-v29-onboarding-step[hidden]{display:none!important}
.id-v29-step-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:23px;
}
.id-v29-step-head>div{min-width:0;flex:1 1 auto}
.id-v29-step-head h2{
max-width:none!important;
margin:8px 0 8px!important;
color:#f7f2f7!important;
font-size:clamp(28px,3vw,38px)!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
}
.id-v29-step-head p{
max-width:760px!important;
margin:0!important;
color:#a99fab!important;
font-size:15px!important;
line-height:1.65!important;
}
.id-v29-level-help{
flex:0 0 auto;
min-height:44px;
padding:0 14px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border:1px solid rgba(255,255,255,.075);
border-radius:14px;
background:rgba(255,255,255,.02);
color:#d4cad5;
font-size:13px;
font-weight:800;
white-space:nowrap;
cursor:pointer
}
.id-v29-level-help span{
width:22px;height:22px;display:grid;place-items:center;border-radius:999px;
background:rgba(202,27,149,.08);color:#e767c1;font-size:11px
}
/* ---------- shared choice cards ---------- */
.id-v29-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.id-v29-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.id-v29-pace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.id-v29-choice{
box-sizing:border-box;
position:relative;
width:100%;
min-width:0;
margin:0;
text-align:left;
border:1px solid rgba(255,255,255,.07);
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,.029),rgba(255,255,255,.013));
color:#f4edf5;
box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
cursor:pointer;
transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.id-v29-choice:hover{transform:translateY(-1px);border-color:rgba(230,91,192,.15);background:rgba(202,27,149,.035)}
.id-v29-choice.is-selected{
border-color:rgba(232,93,195,.36);
background:
radial-gradient(circle at 0 0,rgba(213,49,167,.10),transparent 45%),
linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.016));
box-shadow:0 0 0 2px rgba(202,27,149,.045),inset 0 1px 0 rgba(255,255,255,.03)
}
.id-v29-choice>i{
position:absolute;right:12px;top:12px;width:22px;height:22px;
display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);
border-radius:999px;background:rgba(255,255,255,.018);color:transparent;
font-size:10px;font-style:normal;font-weight:900
}
.id-v29-choice.is-selected>i{border-color:rgba(230,92,193,.16);background:rgba(202,27,149,.09);color:#ef72ca}
.id-v29-choice-copy{display:block;min-width:0}
.id-v29-choice-copy strong{display:block;color:#f3edf4;font-size:15px;font-weight:820;line-height:1.3}
.id-v29-choice-copy small{
display:block;margin-top:5px;color:#9f95a1;font-size:13.5px;line-height:1.55;
overflow-wrap:normal;word-break:normal
}
/* level */
.id-v29-level-choice{
min-height:112px;
padding:15px 40px 15px 15px;
display:grid;
grid-template-columns:48px minmax(0,1fr);
align-items:center;
gap:13px
}
.id-v29-level-choice.is-wide{grid-column:1/-1;min-height:78px}
.id-v29-level-code{
width:48px;height:48px;display:grid;place-items:center;
border:1px solid rgba(231,91,193,.14);border-radius:15px;
background:linear-gradient(135deg,rgba(202,27,149,.09),rgba(123,53,183,.055));
color:#ea69c4;font-size:15px;font-weight:950
}
/* goals */
.id-v29-goal-choice{
min-height:100px;
padding:17px 42px 17px 18px;
display:grid;
grid-template-columns:12px minmax(0,1fr);
align-items:center;
gap:13px
}
.id-v29-goal-dot{
width:10px;height:10px;border-radius:999px;background:#7c3979;
box-shadow:0 0 0 5px rgba(202,27,149,.035)
}
.id-v29-goal-choice.is-selected .id-v29-goal-dot{background:#e462bd;box-shadow:0 0 0 5px rgba(202,27,149,.07)}
/* pace */
.id-v29-pace-choice{min-height:165px;padding:18px 18px 17px}
.id-v29-pace-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-right:28px}
.id-v29-pace-top strong{font-size:17px;line-height:1.25}
.id-v29-pace-top em{color:#e367c0;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.id-v29-pace-choice>small{display:block;margin-top:11px;color:#9f95a1;font-size:13.5px;line-height:1.6}
.id-v29-pace-detail{display:block;margin-top:13px;color:#c9bfc9;font-size:12.5px;font-weight:800}
.id-v29-pace-choice>b{
display:inline-flex;margin-top:12px;min-height:23px;padding:0 8px;align-items:center;
border:1px solid rgba(230,91,192,.15);border-radius:999px;
background:rgba(202,27,149,.055);color:#e76ac2;font-size:8px;letter-spacing:.08em
}
/* ---------- footer ---------- */
.id-v29-onboarding-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-top:25px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.055)
}
.id-v29-onboarding-footer>div{display:flex;align-items:center;gap:15px}
.id-v29-onboarding-footer small{color:#807783;font-size:12.5px}
.id-v29-back,
.id-v29-next{
min-height:48px;
padding:0 17px;
border-radius:15px;
font-size:13px;
font-weight:900;
cursor:pointer
}
.id-v29-back{
border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.02);color:#c8bec9
}
.id-v29-back:disabled{opacity:.35;cursor:default}
.id-v29-next{
min-width:150px;border:1px solid rgba(255,255,255,.05);
background:linear-gradient(105deg,#ca1b95,#b32caf 50%,#8738c8);color:#fff;
box-shadow:0 13px 30px rgba(177,29,141,.18)
}
.id-v29-next:disabled{opacity:.42;cursor:default;filter:saturate(.5)}
.id-v29-save-status{min-height:0;margin-top:10px;text-align:right;color:#8f8591;font-size:12px}
.id-v29-save-status.is-error{color:#ff7d91}
.id-v29-save-status.is-loading{color:#d663b8}
/* ---------- success ---------- */
.id-v29-onboarding-success{padding:12px 5px 4px;text-align:center}
.id-v29-success-icon{
width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;
border:1px solid rgba(97,213,164,.18);border-radius:21px;
background:rgba(48,153,107,.07);color:#71d5aa;font-size:21px;font-weight:900
}
.id-v29-onboarding-success h2{
max-width:700px;margin:8px auto 9px!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important
}
.id-v29-onboarding-success>p{max-width:700px;margin:0 auto;color:#a99fab;font-size:15px;line-height:1.65}
.id-v29-success-summary{
max-width:700px;margin:23px auto 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
}
.id-v29-success-summary>div{
padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.018);text-align:left
}
.id-v29-success-summary span{display:block;color:#817783;font-size:11.5px}
.id-v29-success-summary strong{display:block;margin-top:5px;color:#eee6ef;font-size:14px;line-height:1.4}
.id-v29-success-recommendation{
max-width:700px;margin:0 auto;padding:18px;border:1px solid rgba(230,91,192,.12);border-radius:18px;
background:radial-gradient(circle at 0 0,rgba(202,27,149,.07),transparent 40%),rgba(255,255,255,.014);text-align:left
}
.id-v29-success-recommendation>span{color:#e368bf;font-size:9px;font-weight:950;letter-spacing:.12em}
.id-v29-success-recommendation h3{margin:7px 0 5px;font-size:19px}
.id-v29-success-recommendation p{margin:0;color:#9e949f;font-size:13.5px;line-height:1.6}
.id-v29-success-actions{max-width:700px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.id-v29-success-actions a{
min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;
border-radius:15px;background:linear-gradient(105deg,#ca1b95,#8738c8);color:#fff!important;
font-size:13px;font-weight:900;text-decoration:none!important
}
.id-v29-success-actions a.is-secondary{
border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.02);color:#d7cdd8!important
}
/* ---------- help center ---------- */
.id-v29-help-head{
display:grid;
grid-template-columns:58px minmax(0,1fr);
align-items:center;
gap:16px;
padding-right:50px;
margin-bottom:24px
}
.id-v29-help-icon{
width:58px;height:58px;display:grid;place-items:center;
border:1px solid rgba(231,91,193,.16);border-radius:19px;
background:linear-gradient(135deg,rgba(202,27,149,.11),rgba(123,53,183,.065));
color:#ed68c5;font-size:20px;font-weight:950
}
.id-v29-help-head h2{margin:6px 0 5px!important;font-size:29px!important;line-height:1.15!important}
.id-v29-help-head p{max-width:none!important;margin:0!important;color:#a59ba7!important;font-size:14px!important;line-height:1.6!important}
.id-v29-help-sections{display:grid;gap:9px}
.id-v29-help-sections details{
overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:17px;
background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.011))
}
.id-v29-help-sections summary{
min-height:68px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;
list-style:none;cursor:pointer
}
.id-v29-help-sections summary::-webkit-details-marker{display:none}
.id-v29-help-sections summary>span{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center}
.id-v29-help-sections summary i{
grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
background:rgba(202,27,149,.055);color:#df64bc;font-size:9px;font-style:normal;font-weight:950
}
.id-v29-help-sections summary strong{font-size:14.5px;line-height:1.35}
.id-v29-help-sections summary small{margin-top:2px;color:#8d838f;font-size:12.5px;line-height:1.4}
.id-v29-help-sections summary>b{
width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;
border:1px solid rgba(255,255,255,.065);color:#d25ab0;font-size:17px;font-weight:500;transition:transform .2s ease
}
.id-v29-help-sections details[open] summary>b{transform:rotate(45deg)}
.id-v29-help-content{
padding:5px 14px 15px 59px;display:grid;grid-template-columns:1fr 1fr;gap:9px
}
.id-v29-help-content>div:not(.id-v29-help-levels):not(.id-v29-help-note){
padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.012)
}
.id-v29-help-content strong{font-size:13.5px;color:#eee6ef}
.id-v29-help-content p{margin:5px 0 0;color:#9e949f;font-size:13px;line-height:1.6}
.id-v29-help-intro{grid-column:1/-1;margin:0 0 3px!important;color:#aaa0ac!important;font-size:13.5px!important;line-height:1.65!important}
.id-v29-help-levels{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.id-v29-help-levels article{
display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;
padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.012)
}
.id-v29-help-levels article>span{
width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
background:rgba(202,27,149,.065);color:#e468c0;font-size:12px;font-weight:950
}
.id-v29-help-levels article p{font-size:12.5px}
.id-v29-help-note{grid-column:1/-1;padding:13px 14px;border:1px solid rgba(230,91,192,.10);border-radius:13px;background:rgba(202,27,149,.035)}
/* ---------- Settings preferences ---------- */
.id-v3-app .id-v29-learning-preferences{
margin:0 0 22px;
padding:23px 24px;
border:1px solid rgba(230,91,192,.10);
border-radius:22px;
background:
radial-gradient(circle at 0 0,rgba(204,40,158,.065),transparent 31%),
linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.008))
}
.id-v3-app .id-v29-learning-preferences__head{
display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:17px
}
.id-v3-app .id-v29-learning-preferences__head>div{min-width:0;flex:1}
.id-v3-app .id-v29-learning-preferences__head h2{margin:5px 0 6px!important;font-size:23px!important}
.id-v3-app .id-v29-learning-preferences__head p{
max-width:none!important;margin:0!important;color:#a89eaa!important;font-size:14.5px!important;line-height:1.65!important
}
.id-v3-app .id-v29-learning-preferences__head button{
flex:0 0 auto;min-height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;
border:1px solid rgba(230,91,192,.13);border-radius:14px;background:rgba(255,255,255,.018);
color:#e0d6e1;font-size:12.5px;font-weight:850;white-space:nowrap;cursor:pointer
}
.id-v3-app .id-v29-learning-preferences__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.id-v3-app .id-v29-learning-preferences__grid>div{
padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.012)
}
.id-v3-app .id-v29-learning-preferences__grid span{display:block;color:#827984;font-size:11.5px}
.id-v3-app .id-v29-learning-preferences__grid strong{display:block;margin-top:5px;color:#efe8ef;font-size:14.5px;line-height:1.4}
.id-v3-app .id-v29-learning-preferences__grid small{display:block;margin-top:4px;color:#8f8591;font-size:12.5px;line-height:1.5}
/* ---------- Home recommendation ---------- */
.id-v3-app .id-v29-home-recommendation{
margin:18px 0;
padding:21px;
display:grid;
grid-template-columns:52px minmax(0,1fr) auto;
align-items:center;
gap:17px;
border:1px solid rgba(230,91,192,.12);
border-radius:21px;
background:
radial-gradient(circle at 0 0,rgba(207,44,161,.085),transparent 32%),
linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))
}
.id-v3-app .id-v29-home-recommendation__icon{
width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(231,91,193,.15);
border-radius:16px;background:rgba(202,27,149,.065);color:#eb68c4;font-size:16px
}
.id-v3-app .id-v29-home-recommendation__copy{min-width:0}
.id-v3-app .id-v29-home-recommendation h2{margin:5px 0 5px!important;font-size:21px!important;line-height:1.3!important}
.id-v3-app .id-v29-home-recommendation p{max-width:none!important;margin:0!important;color:#a79daa!important;font-size:14px!important;line-height:1.6!important}
.id-v3-app .id-v29-recommendation-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.id-v3-app .id-v29-recommendation-tags span{
min-height:24px;padding:0 8px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.06);
border-radius:999px;background:rgba(255,255,255,.018);color:#978d99;font-size:10.5px;white-space:nowrap
}
.id-v3-app .id-v29-home-recommendation>a{
min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;
border-radius:14px;background:linear-gradient(105deg,#ca1b95,#8738c8);color:#fff!important;
font-size:12.5px;font-weight:900;text-decoration:none!important;white-space:nowrap
}
/* ---------- responsivo ---------- */
@media(max-width:980px){
.id-v29-onboarding-dialog{width:min(760px,100%)}
.id-v29-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.id-v29-goal-grid{grid-template-columns:1fr 1fr}
.id-v29-pace-grid{grid-template-columns:1fr}
.id-v29-pace-choice{min-height:128px}
.id-v3-app .id-v29-learning-preferences__grid{grid-template-columns:1fr 1fr}
.id-v3-app .id-v29-home-recommendation{grid-template-columns:48px minmax(0,1fr)}
.id-v3-app .id-v29-home-recommendation>a{grid-column:1/-1;width:100%}
/* No tablet/mobile o ? sai da topbar para não comprimir Som/Foco/XP. */
.id-v3-app .id-v29-help-button{
position:fixed;
right:18px;
bottom:calc(92px + env(safe-area-inset-bottom));
z-index:98;
width:46px;
height:46px;
min-width:46px;
border-color:rgba(230,91,192,.15);
background:rgba(15,12,17,.96);
box-shadow:0 14px 34px rgba(0,0,0,.34)
}
}
@media(max-width:700px){
.id-v29-onboarding,
.id-v29-help{padding:10px}
.id-v29-onboarding-dialog,
.id-v29-help-dialog{
width:100%;
max-height:calc(100svh - 20px);
padding:22px 14px 18px;
border-radius:22px
}
.id-v29-modal-close{top:11px!important;right:11px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:13px!important}
.id-v29-onboarding-top{
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
padding:0 48px 18px 0;
margin-bottom:20px
}
.id-v29-onboarding-brand{grid-column:1/-1}
.id-v29-onboarding-brand small{white-space:normal}
.id-v29-onboarding-progress{min-width:0}
.id-v29-step-head{display:block;margin-bottom:18px}
.id-v29-step-head h2{font-size:27px!important;line-height:1.15!important}
.id-v29-step-head p{font-size:14.5px!important}
.id-v29-level-help{width:100%;margin-top:13px}
.id-v29-level-grid,
.id-v29-goal-grid,
.id-v29-pace-grid{grid-template-columns:1fr}
.id-v29-level-choice.is-wide{grid-column:auto}
.id-v29-level-choice{min-height:96px}
.id-v29-choice-copy strong{font-size:14.5px}
.id-v29-choice-copy small{font-size:13px}
.id-v29-onboarding-footer{display:grid;grid-template-columns:auto 1fr;gap:10px}
.id-v29-onboarding-footer>div{display:block;text-align:right}
.id-v29-onboarding-footer small{display:block;margin-bottom:7px;font-size:11.5px}
.id-v29-next{width:100%;min-width:0}
.id-v29-success-summary{grid-template-columns:1fr}
.id-v29-success-actions{grid-template-columns:1fr}
.id-v29-help-head{grid-template-columns:50px minmax(0,1fr);gap:12px;padding-right:42px}
.id-v29-help-icon{width:50px;height:50px;border-radius:16px}
.id-v29-help-head h2{font-size:24px!important}
.id-v29-help-head p{font-size:13.5px!important}
.id-v29-help-sections summary{min-height:64px;padding:10px}
.id-v29-help-content{padding:4px 10px 12px;grid-template-columns:1fr}
.id-v29-help-intro,.id-v29-help-levels,.id-v29-help-note{grid-column:auto}
.id-v29-help-levels{grid-template-columns:1fr}
.id-v3-app .id-v29-learning-preferences{padding:18px;border-radius:20px}
.id-v3-app .id-v29-learning-preferences__head{display:block}
.id-v3-app .id-v29-learning-preferences__head button{width:100%;margin-top:14px;justify-content:center}
.id-v3-app .id-v29-learning-preferences__grid{grid-template-columns:1fr}
.id-v3-app .id-v29-home-recommendation{padding:17px;grid-template-columns:44px minmax(0,1fr);border-radius:19px}
.id-v3-app .id-v29-home-recommendation__icon{width:44px;height:44px;border-radius:14px}
.id-v3-app .id-v29-home-recommendation h2{font-size:19px!important}
.id-v3-app .id-v29-home-recommendation p{font-size:13.5px!important}
.id-v3-app .id-v29-help-button{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:44px;height:44px;min-width:44px}
}
/* textos das novas telas nunca viram microtexto */
@media(max-width:420px){
.id-v29-step-head p,
.id-v29-onboarding-success>p{font-size:14px!important}
.id-v29-help-content p{font-size:12.8px!important}
}
/* =========================================================
Inglês Avançado 11.19.1 — Onboarding visual refinement
========================================================= */
/* A tela do onboarding é isolada de estilos antigos da plataforma.
Evita nowrap, centralização indevida e overflow herdado em buttons. */
.id-v29-onboarding .id-v29-onboarding-dialog{
width:min(900px,calc(100vw - 40px))!important;
padding:30px 32px 26px!important;
overflow-x:hidden!important;
}
.id-v29-onboarding .id-v29-onboarding-step{
min-width:0!important;
overflow:hidden!important;
}
.id-v29-onboarding .id-v29-step-head{
align-items:center!important;
margin-bottom:24px!important;
}
.id-v29-onboarding .id-v29-step-head>div{
min-width:0!important;
}
.id-v29-onboarding .id-v29-step-head h2{
max-width:760px!important;
margin:8px 0 8px!important;
font-size:clamp(30px,3.1vw,40px)!important;
line-height:1.1!important;
letter-spacing:-.035em!important;
text-wrap:balance!important;
}
.id-v29-onboarding .id-v29-step-head p{
max-width:720px!important;
margin:0!important;
font-size:15.5px!important;
line-height:1.62!important;
color:#aaa0ac!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
/* ---------------------------------------------------------
Botão “Entenda os níveis” agora usa a mesma linguagem dos
botões secundários premium da plataforma.
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-level-help{
box-sizing:border-box!important;
min-height:44px!important;
padding:0 15px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
flex:0 0 auto!important;
border:1px solid rgba(232,93,195,.14)!important;
border-radius:14px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012))!important;
color:#e3d9e4!important;
font-size:13px!important;
font-weight:800!important;
line-height:1!important;
white-space:nowrap!important;
text-align:center!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
.id-v29-onboarding .id-v29-level-help span{
width:24px!important;
height:24px!important;
min-width:24px!important;
display:grid!important;
place-items:center!important;
border-radius:999px!important;
background:rgba(202,27,149,.075)!important;
color:#eb6bc5!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
}
.id-v29-onboarding .id-v29-level-help:hover{
transform:translateY(-1px)!important;
border-color:rgba(232,93,195,.24)!important;
background:rgba(202,27,149,.045)!important;
}
/* ---------------------------------------------------------
Base de TODOS os cards do onboarding.
--------------------------------------------------------- */
.id-v29-onboarding button.id-v29-choice{
appearance:none!important;
-webkit-appearance:none!important;
box-sizing:border-box!important;
position:relative!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
display:block!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:18px!important;
background:
linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012))!important;
color:#f4eef5!important;
text-align:left!important;
white-space:normal!important;
text-transform:none!important;
letter-spacing:normal!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.02),
0 8px 24px rgba(0,0,0,.08)!important;
transition:
transform .18s ease,
border-color .18s ease,
background .18s ease,
box-shadow .18s ease!important;
}
.id-v29-onboarding button.id-v29-choice:hover{
transform:translateY(-1px)!important;
border-color:rgba(232,93,195,.18)!important;
background:
linear-gradient(135deg,rgba(204,37,157,.038),rgba(123,53,183,.018)),
linear-gradient(180deg,rgba(255,255,255,.029),rgba(255,255,255,.013))!important;
}
.id-v29-onboarding button.id-v29-choice.is-selected{
border-color:rgba(236,100,201,.34)!important;
background:
radial-gradient(circle at 0 0,rgba(214,48,166,.10),transparent 45%),
linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015))!important;
box-shadow:
0 0 0 2px rgba(205,37,158,.035),
inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.id-v29-onboarding .id-v29-choice-copy{
display:block!important;
min-width:0!important;
width:100%!important;
max-width:100%!important;
}
.id-v29-onboarding .id-v29-choice-copy strong{
display:block!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
color:#f3edf4!important;
font-size:15px!important;
font-weight:800!important;
line-height:1.3!important;
text-align:left!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.id-v29-onboarding .id-v29-choice-copy small{
display:block!important;
max-width:100%!important;
margin:5px 0 0!important;
padding:0!important;
color:#a39aa5!important;
font-size:13.5px!important;
font-weight:450!important;
line-height:1.52!important;
text-align:left!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
/* check */
.id-v29-onboarding button.id-v29-choice>i{
position:absolute!important;
top:14px!important;
right:14px!important;
width:22px!important;
height:22px!important;
min-width:22px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:999px!important;
background:rgba(255,255,255,.018)!important;
color:transparent!important;
font-size:10px!important;
font-style:normal!important;
font-weight:950!important;
line-height:1!important;
}
.id-v29-onboarding button.id-v29-choice.is-selected>i{
border-color:rgba(231,99,198,.18)!important;
background:rgba(202,27,149,.10)!important;
color:#f078cd!important;
}
/* ---------------------------------------------------------
NÍVEIS
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-level-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:11px!important;
align-items:stretch!important;
}
.id-v29-onboarding button.id-v29-level-choice{
min-height:128px!important;
padding:16px 42px 16px 15px!important;
display:grid!important;
grid-template-columns:50px minmax(0,1fr)!important;
align-items:start!important;
align-content:start!important;
column-gap:13px!important;
row-gap:0!important;
}
.id-v29-onboarding .id-v29-level-code{
box-sizing:border-box!important;
width:50px!important;
height:50px!important;
min-width:50px!important;
display:grid!important;
place-items:center!important;
align-self:start!important;
border:1px solid rgba(231,91,193,.14)!important;
border-radius:15px!important;
background:
linear-gradient(145deg,rgba(202,27,149,.085),rgba(123,53,183,.04))!important;
color:#e66ac1!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
}
.id-v29-onboarding button.id-v29-level-choice .id-v29-choice-copy{
padding-top:2px!important;
}
.id-v29-onboarding button.id-v29-level-choice .id-v29-choice-copy strong{
padding-right:4px!important;
}
.id-v29-onboarding button.id-v29-level-choice.is-wide{
grid-column:1/-1!important;
min-height:84px!important;
padding-top:15px!important;
padding-bottom:15px!important;
align-items:center!important;
}
.id-v29-onboarding button.id-v29-level-choice.is-wide .id-v29-choice-copy{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
/* ---------------------------------------------------------
OBJETIVOS
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-goal-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:11px!important;
align-items:stretch!important;
}
.id-v29-onboarding button.id-v29-goal-choice{
min-height:108px!important;
padding:17px 44px 17px 18px!important;
display:grid!important;
grid-template-columns:12px minmax(0,1fr)!important;
align-items:start!important;
align-content:center!important;
column-gap:13px!important;
}
.id-v29-onboarding .id-v29-goal-dot{
width:10px!important;
height:10px!important;
margin-top:5px!important;
border-radius:999px!important;
background:#7f3a79!important;
box-shadow:0 0 0 5px rgba(202,27,149,.035)!important;
}
.id-v29-onboarding button.id-v29-goal-choice.is-selected .id-v29-goal-dot{
background:#e76ac2!important;
box-shadow:0 0 0 5px rgba(202,27,149,.07)!important;
}
/* ---------------------------------------------------------
RITMO
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-pace-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:11px!important;
align-items:stretch!important;
}
.id-v29-onboarding button.id-v29-pace-choice{
min-height:168px!important;
padding:18px 42px 17px 18px!important;
text-align:left!important;
}
.id-v29-onboarding .id-v29-pace-top{
display:flex!important;
align-items:baseline!important;
justify-content:space-between!important;
gap:10px!important;
padding:0!important;
}
.id-v29-onboarding .id-v29-pace-top strong{
font-size:17px!important;
font-weight:850!important;
line-height:1.25!important;
text-align:left!important;
}
.id-v29-onboarding .id-v29-pace-top em{
flex:0 0 auto!important;
color:#e66ac1!important;
font-size:12px!important;
font-style:normal!important;
font-weight:800!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.id-v29-onboarding button.id-v29-pace-choice>small{
display:block!important;
margin-top:11px!important;
color:#a39aa5!important;
font-size:13.5px!important;
line-height:1.55!important;
text-align:left!important;
white-space:normal!important;
}
.id-v29-onboarding .id-v29-pace-detail{
display:block!important;
margin-top:13px!important;
color:#c9bfc9!important;
font-size:12.5px!important;
font-weight:800!important;
line-height:1.35!important;
white-space:normal!important;
}
.id-v29-onboarding button.id-v29-pace-choice>b{
display:inline-flex!important;
min-height:23px!important;
margin-top:12px!important;
padding:0 8px!important;
align-items:center!important;
border:1px solid rgba(230,91,192,.14)!important;
border-radius:999px!important;
background:rgba(202,27,149,.05)!important;
color:#e66ac1!important;
font-size:8.5px!important;
font-weight:900!important;
letter-spacing:.07em!important;
}
/* ---------------------------------------------------------
Footer / botões.
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-onboarding-footer{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin-top:24px!important;
padding-top:20px!important;
border-top:1px solid rgba(255,255,255,.055)!important;
}
.id-v29-onboarding .id-v29-onboarding-footer>div{
display:flex!important;
align-items:center!important;
gap:15px!important;
}
.id-v29-onboarding .id-v29-onboarding-footer small{
color:#847b86!important;
font-size:12.5px!important;
line-height:1.4!important;
white-space:normal!important;
text-align:right!important;
}
.id-v29-onboarding button.id-v29-back,
.id-v29-onboarding button.id-v29-next{
box-sizing:border-box!important;
min-height:48px!important;
padding:0 17px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
border-radius:15px!important;
font-size:13px!important;
font-weight:850!important;
line-height:1!important;
white-space:nowrap!important;
cursor:pointer!important;
transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease!important;
}
.id-v29-onboarding button.id-v29-back{
border:1px solid rgba(255,255,255,.075)!important;
background:
linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012))!important;
color:#cfc5d0!important;
}
.id-v29-onboarding button.id-v29-back:not(:disabled):hover{
transform:translateY(-1px)!important;
border-color:rgba(232,93,195,.14)!important;
color:#efe8ef!important;
}
.id-v29-onboarding button.id-v29-next{
min-width:155px!important;
border:1px solid rgba(255,255,255,.045)!important;
background:linear-gradient(105deg,#ca1b95,#b82dad 48%,#8738c8)!important;
color:#fff!important;
box-shadow:0 13px 28px rgba(177,29,141,.16)!important;
}
.id-v29-onboarding button.id-v29-next:not(:disabled):hover{
transform:translateY(-1px)!important;
filter:brightness(1.045)!important;
}
.id-v29-onboarding button.id-v29-back:disabled,
.id-v29-onboarding button.id-v29-next:disabled{
opacity:.32!important;
cursor:not-allowed!important;
transform:none!important;
filter:saturate(.55)!important;
box-shadow:none!important;
}
/* ---------------------------------------------------------
Success state também segue a nova largura.
--------------------------------------------------------- */
.id-v29-onboarding .id-v29-onboarding-success{
overflow:visible!important;
}
/* ---------------------------------------------------------
Tablet
--------------------------------------------------------- */
@media(max-width:980px){
.id-v29-onboarding .id-v29-onboarding-dialog{
width:min(760px,calc(100vw - 28px))!important;
padding:27px 24px 24px!important;
}
.id-v29-onboarding .id-v29-step-head{
align-items:flex-start!important;
}
.id-v29-onboarding .id-v29-level-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.id-v29-onboarding .id-v29-goal-grid{
grid-template-columns:1fr 1fr!important;
}
.id-v29-onboarding .id-v29-pace-grid{
grid-template-columns:1fr!important;
}
.id-v29-onboarding button.id-v29-pace-choice{
min-height:132px!important;
}
.id-v29-onboarding button.id-v29-level-choice.is-wide{
grid-column:1/-1!important;
}
}
/* ---------------------------------------------------------
Mobile
--------------------------------------------------------- */
@media(max-width:700px){
.id-v29-onboarding{
padding:8px!important;
}
.id-v29-onboarding .id-v29-onboarding-dialog{
width:100%!important;
max-height:calc(100svh - 16px)!important;
padding:21px 14px 18px!important;
border-radius:22px!important;
}
.id-v29-onboarding .id-v29-onboarding-top{
margin-bottom:19px!important;
}
.id-v29-onboarding .id-v29-step-head{
display:block!important;
margin-bottom:17px!important;
}
.id-v29-onboarding .id-v29-step-head h2{
max-width:none!important;
font-size:27px!important;
line-height:1.13!important;
text-wrap:pretty!important;
}
.id-v29-onboarding .id-v29-step-head p{
max-width:none!important;
font-size:14.5px!important;
line-height:1.58!important;
}
.id-v29-onboarding .id-v29-level-help{
width:100%!important;
margin-top:13px!important;
min-height:44px!important;
}
.id-v29-onboarding .id-v29-level-grid,
.id-v29-onboarding .id-v29-goal-grid,
.id-v29-onboarding .id-v29-pace-grid{
grid-template-columns:1fr!important;
gap:9px!important;
}
.id-v29-onboarding button.id-v29-level-choice,
.id-v29-onboarding button.id-v29-goal-choice,
.id-v29-onboarding button.id-v29-pace-choice{
min-height:0!important;
}
.id-v29-onboarding button.id-v29-level-choice{
padding:14px 40px 14px 13px!important;
grid-template-columns:46px minmax(0,1fr)!important;
column-gap:12px!important;
}
.id-v29-onboarding .id-v29-level-code{
width:46px!important;
height:46px!important;
min-width:46px!important;
border-radius:14px!important;
}
.id-v29-onboarding button.id-v29-goal-choice{
padding:15px 40px 15px 15px!important;
}
.id-v29-onboarding button.id-v29-pace-choice{
padding:16px 40px 15px 16px!important;
}
.id-v29-onboarding .id-v29-choice-copy strong{
font-size:14.5px!important;
}
.id-v29-onboarding .id-v29-choice-copy small,
.id-v29-onboarding button.id-v29-pace-choice>small{
font-size:13px!important;
line-height:1.5!important;
}
.id-v29-onboarding .id-v29-onboarding-footer{
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
gap:10px!important;
}
.id-v29-onboarding .id-v29-onboarding-footer>div{
display:grid!important;
grid-template-columns:1fr!important;
gap:7px!important;
text-align:right!important;
}
.id-v29-onboarding .id-v29-onboarding-footer small{
font-size:11.5px!important;
text-align:right!important;
}
.id-v29-onboarding button.id-v29-next{
width:100%!important;
min-width:0!important;
}
}
/* Ultra compacto: não reduz leitura, só reorganiza. */
@media(max-width:420px){
.id-v29-onboarding .id-v29-onboarding-dialog{
padding-left:12px!important;
padding-right:12px!important;
}
.id-v29-onboarding .id-v29-onboarding-footer{
grid-template-columns:1fr!important;
}
.id-v29-onboarding button.id-v29-back{
width:100%!important;
}
.id-v29-onboarding .id-v29-onboarding-footer>div{
width:100%!important;
}
.id-v29-onboarding .id-v29-onboarding-footer small{
text-align:center!important;
}
}
/* =========================================================
Inglês Avançado 11.19.2 — Focus states do onboarding
========================================================= */
/* O container recebe o foco inicial para acessibilidade, mas nunca
desenha contorno visual. Isso evita o primeiro card parecer
selecionado assim que o onboarding abre. */
.id-v29-onboarding .id-v29-onboarding-dialog:focus,
.id-v29-onboarding .id-v29-onboarding-dialog:focus-visible{
outline:none!important;
box-shadow:
0 38px 120px rgba(0,0,0,.68),
inset 0 1px 0 rgba(255,255,255,.025)!important;
}
/* Neutraliza o outline global de 2px + offset aplicado em todos os
buttons da plataforma. No onboarding, o feedback de teclado fica
contido dentro do próprio componente. */
.id-v29-onboarding button:focus,
.id-v29-onboarding button:focus-visible,
.id-v29-onboarding a:focus,
.id-v29-onboarding a:focus-visible{
outline:none!important;
outline-offset:0!important;
}
/* Cliques com mouse não deixam halo externo residual. */
.id-v29-onboarding button.id-v29-choice:focus:not(:focus-visible){
outline:none!important;
}
/* Foco por teclado: anel INTERNO, sem aumentar o tamanho visual do
card e sem encostar nos cards vizinhos. */
.id-v29-onboarding button.id-v29-choice:focus-visible{
border-color:rgba(239,108,204,.34)!important;
box-shadow:
inset 0 0 0 2px rgba(239,108,204,.20),
inset 0 1px 0 rgba(255,255,255,.028),
0 8px 24px rgba(0,0,0,.09)!important;
}
/* Selecionado + foco: mantém a seleção rosa, sem virar uma borda
clara/branca. */
.id-v29-onboarding button.id-v29-choice.is-selected:focus-visible{
border-color:rgba(240,109,205,.42)!important;
box-shadow:
inset 0 0 0 2px rgba(235,95,197,.22),
0 0 0 1px rgba(205,37,158,.025),
inset 0 1px 0 rgba(255,255,255,.03)!important;
}
/* Botões auxiliares também usam foco interno e discreto. */
.id-v29-onboarding .id-v29-level-help:focus-visible,
.id-v29-onboarding button.id-v29-back:focus-visible{
border-color:rgba(235,102,201,.28)!important;
box-shadow:
inset 0 0 0 2px rgba(235,102,201,.12),
inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.id-v29-onboarding button.id-v29-next:focus-visible{
border-color:rgba(255,255,255,.075)!important;
box-shadow:
inset 0 0 0 2px rgba(255,255,255,.14),
0 13px 28px rgba(177,29,141,.16)!important;
}
/* O círculo de seleção fica visualmente separado da borda do card,
evitando a sensação de elemento encostado ou quebrado. */
.id-v29-onboarding button.id-v29-choice>i{
top:14px!important;
right:14px!important;
box-shadow:0 0 0 3px rgba(13,11,15,.72)!important;
}
.id-v29-onboarding button.id-v29-choice.is-selected>i{
box-shadow:
0 0 0 3px rgba(13,11,15,.74),
0 0 14px rgba(222,71,181,.08)!important;
}
/* Mais respiro entre os cards para que estados de interação nunca
pareçam colados visualmente. */
.id-v29-onboarding .id-v29-level-grid,
.id-v29-onboarding .id-v29-goal-grid,
.id-v29-onboarding .id-v29-pace-grid{
gap:12px!important;
}
@media(max-width:700px){
.id-v29-onboarding .id-v29-level-grid,
.id-v29-onboarding .id-v29-goal-grid,
.id-v29-onboarding .id-v29-pace-grid{
gap:10px!important;
}
}
/* =========================================================
Inglês Avançado 11.19.3 — Finalização do onboarding
========================================================= */
.id-v29-onboarding .id-v29-onboarding-footer[hidden]{
display:none!important;
}
.id-v29-onboarding .id-v29-onboarding-success{
padding-bottom:8px!important;
}
.id-v29-onboarding .id-v29-success-actions{
margin-bottom:2px!important;
}
/* =========================================================
Inglês Avançado 11.20.0 — Motor de Aprendizado por Tópico
========================================================= */
.id-v3-app .id-v30-topic-panel{
margin:22px 0;
padding:24px;
border:1px solid rgba(255,255,255,.065);
border-radius:23px;
background:
radial-gradient(circle at 0 0,rgba(204,40,158,.055),transparent 28%),
linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.006));
}
.id-v3-app .id-v30-topic-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:28px;
margin-bottom:18px;
}
.id-v3-app .id-v30-topic-head>div{
min-width:0;
flex:1 1 auto;
}
.id-v3-app .id-v30-topic-head h2{
margin:6px 0 6px!important;
font-size:24px!important;
line-height:1.25!important;
letter-spacing:-.025em!important;
}
.id-v3-app .id-v30-topic-head p{
max-width:820px!important;
margin:0!important;
color:#a79daa!important;
font-size:14.5px!important;
line-height:1.65!important;
}
.id-v3-app .id-v30-topic-window{
flex:0 0 auto;
min-height:30px;
padding:0 10px;
display:inline-flex;
align-items:center;
border:1px solid rgba(255,255,255,.055);
border-radius:999px;
background:rgba(255,255,255,.014);
color:#8f8591;
font-size:11px;
font-weight:750;
white-space:nowrap;
}
.id-v3-app .id-v30-topic-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.id-v3-app .id-v30-topic-card{
min-width:0;
padding:16px;
border:1px solid rgba(255,255,255,.06);
border-radius:17px;
background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.009));
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.id-v3-app .id-v30-topic-card.is-attention{
border-color:rgba(238,93,160,.14);
background:
radial-gradient(circle at 0 0,rgba(210,47,143,.055),transparent 44%),
linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.009));
}
.id-v3-app .id-v30-topic-card.is-developing{
border-color:rgba(217,164,80,.12);
}
.id-v3-app .id-v30-topic-card.is-mastered{
border-color:rgba(85,196,144,.11);
}
.id-v3-app .id-v30-topic-card__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
.id-v3-app .id-v30-topic-card__top>div{
min-width:0;
}
.id-v3-app .id-v30-topic-card__top strong{
display:block;
color:#f0e9f1;
font-size:15px;
font-weight:850;
line-height:1.35;
}
.id-v3-app .id-v30-topic-card__top small{
display:block;
margin-top:4px;
color:#837a86;
font-size:12px;
line-height:1.45;
}
.id-v3-app .id-v30-topic-status{
flex:0 0 auto;
min-height:25px;
padding:0 8px;
display:inline-flex;
align-items:center;
border:1px solid rgba(255,255,255,.055);
border-radius:999px;
background:rgba(255,255,255,.014);
color:#a59ba7;
font-size:9.5px;
font-weight:850;
white-space:nowrap;
}
.id-v3-app .id-v30-topic-card.is-attention .id-v30-topic-status{
border-color:rgba(234,95,171,.14);
background:rgba(204,42,147,.045);
color:#e36bb8;
}
.id-v3-app .id-v30-topic-card.is-developing .id-v30-topic-status{
color:#c7a46e;
}
.id-v3-app .id-v30-topic-card.is-mastered .id-v30-topic-status{
color:#71c99e;
}
.id-v3-app .id-v30-topic-score{
display:flex;
align-items:baseline;
gap:7px;
margin-top:14px;
}
.id-v3-app .id-v30-topic-score strong{
color:#f5eef5;
font-size:24px;
font-weight:900;
line-height:1;
letter-spacing:-.03em;
}
.id-v3-app .id-v30-topic-score span{
color:#8f8691;
font-size:11.5px;
}
.id-v3-app .id-v30-topic-track{
height:6px;
margin-top:11px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,.045);
}
.id-v3-app .id-v30-topic-track>span{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#c92396,#8a39c8);
}
.id-v3-app .id-v30-topic-actions{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:13px;
}
.id-v3-app .id-v30-topic-actions a{
min-height:35px;
padding:0 10px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border-radius:11px;
background:rgba(202,27,149,.075);
color:#e56ac0!important;
font-size:11.5px;
font-weight:850;
text-decoration:none!important;
white-space:nowrap;
}
.id-v3-app .id-v30-topic-actions a.is-secondary{
border:1px solid rgba(255,255,255,.055);
background:rgba(255,255,255,.014);
color:#cfc5d0!important;
}
.id-v3-app .id-v30-topic-empty{
padding:18px;
display:grid;
grid-template-columns:44px minmax(0,1fr);
align-items:center;
gap:13px;
border:1px solid rgba(255,255,255,.055);
border-radius:16px;
background:rgba(255,255,255,.012);
}
.id-v3-app .id-v30-topic-empty>span{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:14px;
background:rgba(202,27,149,.055);
color:#e167bd;
font-size:16px;
}
.id-v3-app .id-v30-topic-empty strong{
display:block;
font-size:14.5px;
}
.id-v3-app .id-v30-topic-empty p{
margin:4px 0 0!important;
color:#938a96!important;
font-size:13px!important;
line-height:1.55!important;
}
/* Prática direcionada por tópico mantém o mesmo layout do player. */
.id-v3-app .id-v3-tag--topic{
border-color:rgba(230,91,192,.12);
background:rgba(202,27,149,.04);
color:#d963b6;
}
@media(max-width:980px){
.id-v3-app .id-v30-topic-head{
display:block;
}
.id-v3-app .id-v30-topic-window{
margin-top:12px;
}
.id-v3-app .id-v30-topic-grid{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:700px){
.id-v3-app .id-v30-topic-panel{
padding:18px;
border-radius:20px;
}
.id-v3-app .id-v30-topic-head h2{
font-size:21px!important;
}
.id-v3-app .id-v30-topic-head p{
font-size:14px!important;
}
.id-v3-app .id-v30-topic-window{
white-space:normal;
line-height:1.35;
padding:7px 9px;
}
.id-v3-app .id-v30-topic-grid{
grid-template-columns:1fr;
}
.id-v3-app .id-v30-topic-card{
padding:15px;
}
.id-v3-app .id-v30-topic-card__top{
gap:9px;
}
.id-v3-app .id-v30-topic-status{
white-space:normal;
text-align:center;
line-height:1.25;
padding:5px 8px;
}
.id-v3-app .id-v30-topic-actions a{
flex:1 1 140px;
}
}
/* =========================================================
Inglês Avançado 11.21.0 — Diagnóstico e Progresso v2
========================================================= */
/* ---------- Prática direcionada ---------- */
.id-v3-app .id-v31-practice-tools{
margin:0 0 20px;
padding:19px 20px;
border:1px solid rgba(255,255,255,.06);
border-radius:20px;
background:
radial-gradient(circle at 0 0,rgba(203,39,158,.045),transparent 30%),
linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.006));
}
.id-v3-app .id-v31-practice-tools__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:22px;
margin-bottom:15px;
}
.id-v3-app .id-v31-practice-tools__head>div{
min-width:0;
flex:1;
}
.id-v3-app .id-v31-practice-tools__head strong{
display:block;
margin-top:5px;
color:#f0e9f1;
font-size:18px;
line-height:1.35;
}
.id-v3-app .id-v31-practice-tools__head p{
max-width:850px!important;
margin:5px 0 0!important;
color:#9f96a2!important;
font-size:13.5px!important;
line-height:1.6!important;
}
.id-v3-app .id-v31-filter-count{
flex:0 0 auto;
min-height:28px;
padding:0 9px;
display:inline-flex;
align-items:center;
border:1px solid rgba(228,91,191,.12);
border-radius:999px;
background:rgba(202,27,149,.04);
color:#db65b8;
font-size:10.5px;
font-weight:850;
white-space:nowrap;
}
.id-v3-app .id-v31-filter-form{
display:grid;
grid-template-columns:1.15fr 1.15fr .72fr .92fr auto;
align-items:end;
gap:9px;
}
.id-v3-app .id-v31-filter-form label{
display:block;
min-width:0;
}
.id-v3-app .id-v31-filter-form label>span{
display:block;
margin:0 0 6px 2px;
color:#8f8692;
font-size:10.5px;
font-weight:800;
letter-spacing:.035em;
}
.id-v3-app .id-v31-filter-form select{
box-sizing:border-box;
width:100%;
height:43px;
min-width:0;
padding:0 36px 0 12px;
border:1px solid rgba(255,255,255,.065);
border-radius:13px;
background:#121014;
color:#ddd4df;
font-size:12.5px;
font-weight:700;
outline:none;
cursor:pointer;
}
.id-v3-app .id-v31-filter-form select:focus{
border-color:rgba(231,96,195,.24);
box-shadow:inset 0 0 0 1px rgba(231,96,195,.08);
}
.id-v3-app .id-v31-filter-actions{
display:flex;
align-items:center;
gap:7px;
min-height:43px;
}
.id-v3-app .id-v31-filter-actions button{
box-sizing:border-box;
min-height:43px;
padding:0 13px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
border:0;
border-radius:13px;
background:linear-gradient(105deg,#ca1b95,#8738c8);
color:#fff;
font-size:12px;
font-weight:850;
white-space:nowrap;
cursor:pointer;
}
.id-v3-app .id-v31-filter-actions a{
min-height:41px;
padding:0 10px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.06);
border-radius:12px;
background:rgba(255,255,255,.012);
color:#b7adb9!important;
font-size:11.5px;
font-weight:800;
text-decoration:none!important;
white-space:nowrap;
}
.id-v3-app .id-v31-filter-empty{
margin-top:0!important;
}
/* ---------- Evidência da recomendação ---------- */
.id-v3-app .id-v31-recommendation-evidence{
margin-top:11px;
padding:9px 10px;
display:grid;
grid-template-columns:auto auto minmax(0,1fr);
align-items:center;
gap:8px;
border:1px solid rgba(231,92,191,.09);
border-radius:12px;
background:rgba(202,27,149,.025);
}
.id-v3-app .id-v31-recommendation-evidence span{
min-height:23px;
padding:0 7px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:rgba(202,27,149,.065);
color:#df65bb;
font-size:9px!important;
font-weight:900!important;
white-space:nowrap;
}
.id-v3-app .id-v31-recommendation-evidence strong{
color:#ddd4df;
font-size:11.5px!important;
line-height:1.35!important;
}
.id-v3-app .id-v31-recommendation-evidence small{
color:#8f8591;
font-size:10.5px!important;
line-height:1.35!important;
text-align:right;
}
.id-v3-app .id-v31-recommendation-evidence.is-profile{
grid-template-columns:auto minmax(0,1fr);
}
.id-v3-app .id-v31-recommendation-evidence.is-profile strong{
text-align:right;
}
/* ---------- Progresso por tópico v2 ---------- */
.id-v3-app .id-v31-topic-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin:0 0 12px;
}
.id-v3-app .id-v31-topic-summary>div{
min-width:0;
padding:12px 13px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:1px solid rgba(255,255,255,.055);
border-radius:14px;
background:rgba(255,255,255,.011);
}
.id-v3-app .id-v31-topic-summary span{
color:#938996;
font-size:11.5px;
line-height:1.35;
}
.id-v3-app .id-v31-topic-summary strong{
color:#eee7ef;
font-size:18px;
font-weight:900;
}
.id-v3-app .id-v31-topic-summary .is-attention{border-color:rgba(233,91,165,.10)}
.id-v3-app .id-v31-topic-summary .is-developing{border-color:rgba(207,158,82,.09)}
.id-v3-app .id-v31-topic-summary .is-mastered{border-color:rgba(87,192,142,.09)}
.id-v3-app .id-v31-topic-priority{
margin-bottom:12px;
padding:15px;
display:grid;
grid-template-columns:44px minmax(0,1fr) auto;
align-items:center;
gap:13px;
border:1px solid rgba(232,92,177,.13);
border-radius:17px;
background:
radial-gradient(circle at 0 0,rgba(206,43,154,.065),transparent 42%),
rgba(255,255,255,.011);
}
.id-v3-app .id-v31-topic-priority__icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:14px;
background:rgba(202,27,149,.065);
color:#e56abe;
font-size:15px;
}
.id-v3-app .id-v31-topic-priority>div:nth-child(2){
min-width:0;
}
.id-v3-app .id-v31-topic-priority>div:nth-child(2)>span{
display:block;
color:#dd62b7;
font-size:9px;
font-weight:900;
letter-spacing:.09em;
}
.id-v3-app .id-v31-topic-priority strong{
display:block;
margin-top:4px;
color:#f1eaf2;
font-size:16px;
line-height:1.35;
}
.id-v3-app .id-v31-topic-priority p{
max-width:none!important;
margin:4px 0 0!important;
color:#9e95a1!important;
font-size:12.5px!important;
line-height:1.5!important;
}
.id-v3-app .id-v31-topic-priority__actions{
display:flex;
align-items:center;
gap:7px;
}
.id-v3-app .id-v31-topic-priority__actions a{
min-height:38px;
padding:0 11px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border-radius:12px;
background:linear-gradient(105deg,#c91d94,#8939c8);
color:#fff!important;
font-size:11.5px;
font-weight:850;
text-decoration:none!important;
white-space:nowrap;
}
.id-v3-app .id-v31-topic-priority__actions a.is-secondary{
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.013);
color:#cfc5d1!important;
}
/* ---------- Responsivo ---------- */
@media(max-width:1120px){
.id-v3-app .id-v31-filter-form{
grid-template-columns:1fr 1fr 1fr 1fr;
}
.id-v3-app .id-v31-filter-actions{
grid-column:1/-1;
justify-content:flex-end;
}
}
@media(max-width:820px){
.id-v3-app .id-v31-filter-form{
grid-template-columns:1fr 1fr;
}
.id-v3-app .id-v31-topic-summary{
grid-template-columns:1fr 1fr;
}
.id-v3-app .id-v31-topic-priority{
grid-template-columns:44px minmax(0,1fr);
}
.id-v3-app .id-v31-topic-priority__actions{
grid-column:1/-1;
}
.id-v3-app .id-v31-topic-priority__actions a{
flex:1 1 160px;
}
.id-v3-app .id-v31-recommendation-evidence{
grid-template-columns:auto minmax(0,1fr);
}
.id-v3-app .id-v31-recommendation-evidence small{
grid-column:1/-1;
text-align:left;
}
}
@media(max-width:560px){
.id-v3-app .id-v31-practice-tools{
padding:16px;
border-radius:18px;
}
.id-v3-app .id-v31-practice-tools__head{
display:block;
}
.id-v3-app .id-v31-filter-count{
margin-top:10px;
}
.id-v3-app .id-v31-filter-form{
grid-template-columns:1fr;
}
.id-v3-app .id-v31-filter-actions{
grid-column:auto;
display:grid;
grid-template-columns:1fr auto;
}
.id-v3-app .id-v31-filter-actions button{
width:100%;
}
.id-v3-app .id-v31-topic-summary{
grid-template-columns:1fr 1fr;
}
.id-v3-app .id-v31-topic-summary>div{
display:block;
}
.id-v3-app .id-v31-topic-summary strong{
display:block;
margin-top:5px;
}
.id-v3-app .id-v31-topic-priority{
padding:13px;
grid-template-columns:40px minmax(0,1fr);
}
.id-v3-app .id-v31-topic-priority__icon{
width:40px;
height:40px;
}
.id-v3-app .id-v31-topic-priority__actions{
display:grid;
grid-template-columns:1fr;
}
.id-v3-app .id-v31-recommendation-evidence,
.id-v3-app .id-v31-recommendation-evidence.is-profile{
grid-template-columns:1fr;
}
.id-v3-app .id-v31-recommendation-evidence span{
width:max-content;
}
.id-v3-app .id-v31-recommendation-evidence strong,
.id-v3-app .id-v31-recommendation-evidence small,
.id-v3-app .id-v31-recommendation-evidence.is-profile strong{
text-align:left;
}
}
/* =========================================================
Inglês Avançado 11.22.1 — assinatura consolidada + PMPro UI
========================================================= */
/* Meu acesso passa a ter uma segunda linha útil, sem criar outra aba/tela. */
.id-v3-app .id-v26-plan-panel{
flex-wrap:wrap;
}
.id-v3-app .id-v26-plan-main p{
font-size:13.5px!important;
line-height:1.55!important;
}
.id-v3-app .id-v26-plan-actions a,
.id-v3-app .id-v26-plan-access{
font-size:11.5px!important;
}
.id-v3-app .id-v32-subscription-summary{
width:100%;
flex:0 0 100%;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.055);
}
.id-v3-app .id-v32-subscription-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.id-v3-app .id-v32-subscription-stats>div{
min-width:0;
padding:15px 16px;
border:1px solid rgba(255,255,255,.055);
border-radius:16px;
background:rgba(255,255,255,.012);
}
.id-v3-app .id-v32-subscription-stats span,
.id-v3-app .id-v32-subscription-stats small{
display:block;
color:#8e8491;
font-size:12px;
line-height:1.4;
}
.id-v3-app .id-v32-subscription-stats strong{
display:block;
margin:5px 0 2px;
color:#f2ecf2;
font-size:15px;
line-height:1.35;
font-weight:850;
word-break:normal;
overflow-wrap:break-word;
}
.id-v3-app .id-v32-payment-history{
margin-top:10px;
border:1px solid rgba(255,255,255,.055);
border-radius:16px;
background:rgba(255,255,255,.009);
overflow:hidden;
}
.id-v3-app .id-v32-payment-history summary{
min-height:52px;
padding:0 16px;
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
align-items:center;
gap:10px;
cursor:pointer;
list-style:none;
color:#ddd4df;
}
.id-v3-app .id-v32-payment-history summary::-webkit-details-marker{display:none}
.id-v3-app .id-v32-payment-history summary span{font-size:13.5px;font-weight:850}
.id-v3-app .id-v32-payment-history summary small{color:#827985;font-size:11.5px}
.id-v3-app .id-v32-payment-history summary i{color:#df5cba;font-style:normal;font-size:15px;transition:transform .2s ease}
.id-v3-app .id-v32-payment-history[open] summary i{transform:rotate(180deg)}
.id-v3-app .id-v32-payment-list{
padding:0 10px 10px;
}
.id-v3-app .id-v32-payment-row{
min-height:58px;
padding:10px 8px;
display:grid;
grid-template-columns:minmax(0,1fr) auto auto;
align-items:center;
gap:14px;
border-top:1px solid rgba(255,255,255,.045);
}
.id-v3-app .id-v32-payment-row>div{min-width:0}
.id-v3-app .id-v32-payment-row strong{display:block;color:#e8e1e9;font-size:13px;line-height:1.35}
.id-v3-app .id-v32-payment-row small{display:block;margin-top:3px;color:#817883;font-size:11.5px;line-height:1.4}
.id-v3-app .id-v32-payment-row>span{color:#d8ceda;font-size:13px;font-weight:800;white-space:nowrap}
.id-v3-app .id-v32-payment-row em{
min-height:27px;
padding:0 9px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(86,190,139,.13);
border-radius:999px;
background:rgba(54,148,103,.055);
color:#70cca3;
font-size:10.5px;
font-style:normal;
font-weight:850;
white-space:nowrap;
}
.id-v3-app .id-v32-payment-row em.is-refunded{
border-color:rgba(224,164,75,.13);
background:rgba(185,119,38,.055);
color:#d6ad72;
}
/* PMPro continua sendo o motor; para o aluno, as páginas necessárias usam a mesma linguagem visual. */
body.ia-pmpro-route,
body.ia-pmpro-route #page,
body.ia-pmpro-route .site,
body.ia-pmpro-route .site-content,
body.ia-pmpro-route .content-area,
body.ia-pmpro-route .site-main{
background:#070708!important;
color:#f5eff5!important;
}
body.ia-pmpro-route .site-main,
body.ia-pmpro-route main,
body.ia-pmpro-route .entry-content{
box-sizing:border-box;
}
body.ia-pmpro-route .site-main,
body.ia-pmpro-route main.site-main{
width:min(1180px,calc(100% - 40px));
max-width:1180px;
margin:0 auto!important;
padding:48px 0 70px!important;
}
body.ia-pmpro-route .entry-content{
color:#aaa0ad!important;
font-size:16px!important;
line-height:1.65!important;
}
body.ia-pmpro-route h1,
body.ia-pmpro-route h2,
body.ia-pmpro-route h3,
body.ia-pmpro-route h4,
body.ia-pmpro-route .entry-title{
color:#f7f2f7!important;
letter-spacing:-.02em;
}
body.ia-pmpro-route h1,
body.ia-pmpro-route .entry-title{font-size:clamp(34px,4vw,54px)!important;line-height:1.06!important}
body.ia-pmpro-route h2{font-size:clamp(24px,2.5vw,34px)!important}
body.ia-pmpro-route h3{font-size:20px!important}
body.ia-pmpro-route a{
color:#ef62c5!important;
text-decoration-color:rgba(239,98,197,.4)!important;
}
body.ia-pmpro-route .pmpro,
body.ia-pmpro-route [id^="pmpro_"],
body.ia-pmpro-route [class*="pmpro_"]{
box-sizing:border-box;
}
body.ia-pmpro-route .pmpro_card,
body.ia-pmpro-route .pmpro_section,
body.ia-pmpro-route .pmpro_form,
body.ia-pmpro-route .pmpro_table_wrap,
body.ia-pmpro-route .pmpro_account-membership-levelname,
body.ia-pmpro-route .pmpro_account-membership-levelfee{
border-color:rgba(232,89,187,.10)!important;
background:
radial-gradient(circle at 0 0,rgba(204,34,151,.055),transparent 34%),
#0d0a0e!important;
box-shadow:none!important;
color:#eee7ef!important;
}
body.ia-pmpro-route .pmpro_card,
body.ia-pmpro-route .pmpro_section{
border:1px solid rgba(255,255,255,.07)!important;
border-radius:22px!important;
overflow:hidden;
}
body.ia-pmpro-route .pmpro_card_content,
body.ia-pmpro-route .pmpro_card_actions,
body.ia-pmpro-route .pmpro_section_content,
body.ia-pmpro-route .pmpro_section_title{
background:transparent!important;
border-color:rgba(255,255,255,.055)!important;
color:#b9aebe!important;
}
body.ia-pmpro-route .pmpro_table,
body.ia-pmpro-route table{
width:100%;
border-collapse:separate!important;
border-spacing:0!important;
border:1px solid rgba(255,255,255,.065)!important;
border-radius:18px!important;
overflow:hidden;
background:#0d0b0e!important;
color:#d7ced9!important;
}
body.ia-pmpro-route table th,
body.ia-pmpro-route table td{
padding:15px 16px!important;
border-color:rgba(255,255,255,.055)!important;
background:transparent!important;
color:#c5bac8!important;
font-size:14px!important;
}
body.ia-pmpro-route table th{color:#f0e8f0!important;font-weight:850!important}
body.ia-pmpro-route input,
body.ia-pmpro-route select,
body.ia-pmpro-route textarea{
min-height:48px!important;
border:1px solid rgba(255,255,255,.09)!important;
border-radius:13px!important;
background:#09080a!important;
color:#eee8ef!important;
box-shadow:none!important;
font-size:15px!important;
}
body.ia-pmpro-route input:focus,
body.ia-pmpro-route select:focus,
body.ia-pmpro-route textarea:focus{
outline:none!important;
border-color:rgba(229,83,187,.45)!important;
box-shadow:0 0 0 3px rgba(211,48,160,.08)!important;
}
body.ia-pmpro-route button,
body.ia-pmpro-route .button,
body.ia-pmpro-route .pmpro_btn,
body.ia-pmpro-route input[type="submit"]{
min-height:46px!important;
padding:0 18px!important;
border:1px solid rgba(232,91,192,.16)!important;
border-radius:13px!important;
background:linear-gradient(105deg,#ca1f98,#923acb)!important;
color:#fff!important;
box-shadow:none!important;
font-size:14px!important;
font-weight:850!important;
text-decoration:none!important;
}
body.ia-pmpro-route .pmpro_btn-secondary,
body.ia-pmpro-route .button-secondary{
background:rgba(255,255,255,.025)!important;
color:#ddd4df!important;
}
body.ia-pmpro-route .pmpro_tag-success,
body.ia-pmpro-route .pmpro_status-success,
body.ia-pmpro-route .pmpro_status.paid{
border-color:rgba(79,194,137,.14)!important;
background:rgba(54,151,105,.08)!important;
color:#76d4ab!important;
}
body.ia-pmpro-route hr{border-color:rgba(255,255,255,.06)!important}
body.ia-pmpro-route footer,
body.ia-pmpro-route .site-footer{background:#070708!important;color:#766e79!important}
@media(max-width:760px){
.id-v3-app .id-v32-subscription-stats{grid-template-columns:1fr}
.id-v3-app .id-v32-payment-row{grid-template-columns:minmax(0,1fr) auto}
.id-v3-app .id-v32-payment-row em{grid-column:1/-1;width:max-content}
body.ia-pmpro-route .site-main,
body.ia-pmpro-route main.site-main{width:min(100% - 24px,1180px);padding:28px 0 48px!important}
body.ia-pmpro-route table th,
body.ia-pmpro-route table td{padding:12px 10px!important;font-size:13px!important}
}
/* ==============================================================
11.22.3 — Assinatura, troca de plano e rolagem refinadas
============================================================= */
.id-v3-app .id-v33-manage-trigger{
appearance:none;
min-height:40px;
padding:0 14px;
border:1px solid rgba(255,255,255,.08);
border-radius:13px;
background:rgba(255,255,255,.025);
color:#efe8f0;
font:inherit;
font-size:13px;
font-weight:850;
letter-spacing:0;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
white-space:nowrap;
transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.id-v3-app .id-v33-manage-trigger:hover{border-color:rgba(224,77,185,.24);background:rgba(213,48,164,.065);transform:translateY(-1px)}
.id-v3-app .id-v33-manage-trigger span{color:#e95fca}
body.ia-subscription-modal-open{overflow:hidden!important}
.id-v33-subscription-modal[hidden]{display:none!important}
.id-v33-subscription-modal{
position:fixed;
inset:0;
z-index:100000;
display:grid;
place-items:center;
padding:24px;
}
.id-v33-subscription-modal__backdrop{
position:absolute;
inset:0;
background:rgba(2,2,4,.82);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.id-v33-subscription-modal__dialog{
position:relative;
z-index:1;
width:min(780px,100%);
max-height:min(860px,calc(100vh - 48px));
overflow:hidden;
padding:0;
border:1px solid rgba(229,79,190,.18);
border-radius:28px;
background:
radial-gradient(circle at 85% 0%,rgba(177,49,197,.12),transparent 35%),
linear-gradient(155deg,#171019 0%,#100d12 48%,#0b0a0c 100%);
box-shadow:0 34px 90px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.018) inset;
color:#efe8f0;
}
.id-v33-subscription-modal__scroll{
box-sizing:border-box;
max-height:min(840px,calc(100vh - 68px));
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
scrollbar-gutter:stable;
margin:10px;
padding:20px;
border-radius:21px;
}
.id-v33-subscription-modal__scroll::-webkit-scrollbar{width:7px}
.id-v33-subscription-modal__scroll::-webkit-scrollbar-track{background:transparent;margin:12px 0}
.id-v33-subscription-modal__scroll::-webkit-scrollbar-thumb{background:rgba(229,83,187,.24);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.id-v33-subscription-modal__scroll{scrollbar-width:thin;scrollbar-color:rgba(229,83,187,.24) transparent}
.id-v33-subscription-modal__close{
z-index:3;
position:absolute!important;
top:20px!important;
right:20px!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:14px!important;
background:rgba(255,255,255,.035)!important;
box-shadow:none!important;
cursor:pointer;
}
.id-v33-subscription-modal__close:before,
.id-v33-subscription-modal__close:after{
content:"";
position:absolute;
left:50%;top:50%;
width:16px;height:2px;
border-radius:4px;
background:#ef6ccc;
transform-origin:center;
}
.id-v33-subscription-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}
.id-v33-subscription-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.id-v33-subscription-modal__close:hover{border-color:rgba(239,108,204,.26)!important;background:rgba(235,77,188,.07)!important}
.id-v33-subscription-modal__head{display:flex;gap:16px;align-items:flex-start;padding-right:54px;margin-bottom:24px}
.id-v33-subscription-modal__icon{
width:54px;height:54px;flex:0 0 54px;border-radius:17px;
display:grid;place-items:center;
border:1px solid rgba(230,76,187,.2);
background:linear-gradient(145deg,rgba(214,38,160,.16),rgba(126,44,166,.1));
color:#f064cf;font-size:22px;
}
.id-v33-subscription-modal__head h2{margin:5px 0 6px!important;color:#fff!important;font-size:28px!important;line-height:1.08!important;letter-spacing:-.02em}
.id-v33-subscription-modal__head p{margin:0!important;color:#9f95a4!important;font-size:14.5px!important;line-height:1.55!important}
.id-v33-subscription-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.id-v33-subscription-overview>div{
min-width:0;padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(255,255,255,.018)
}
.id-v33-subscription-overview span{display:block;color:#8d8492;font-size:11.5px;line-height:1.25;margin-bottom:7px}
.id-v33-subscription-overview strong{display:block;color:#f3edf4;font-size:15.5px;line-height:1.28;overflow-wrap:anywhere}
.id-v33-subscription-overview small{display:block;color:#786f7c;font-size:11.5px;line-height:1.35;margin-top:5px}
.id-v33-subscription-actions{display:grid;gap:9px;margin-top:10px}
.id-v33-subscription-actions>a,
.id-v33-subscription-actions>button{
width:100%;min-height:70px;box-sizing:border-box;
display:flex;align-items:center;justify-content:space-between;gap:18px;
padding:14px 16px!important;
border:1px solid rgba(255,255,255,.07)!important;
border-radius:17px!important;
background:rgba(255,255,255,.02)!important;
color:#eee8ef!important;
text-decoration:none!important;
box-shadow:none!important;
text-align:left;
cursor:pointer;
transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.id-v33-subscription-actions>a:hover,
.id-v33-subscription-actions>button:hover{transform:translateY(-1px);border-color:rgba(226,79,188,.2)!important;background:rgba(215,49,164,.05)!important}
.id-v33-subscription-actions>a.is-primary{background:linear-gradient(105deg,rgba(202,31,152,.17),rgba(146,58,203,.12))!important;border-color:rgba(225,76,188,.2)!important}
.id-v33-subscription-actions>button.is-danger{border-color:rgba(228,105,126,.1)!important;background:rgba(105,34,47,.05)!important}
.id-v33-subscription-actions span{display:block;min-width:0}
.id-v33-subscription-actions strong{display:block;color:#f4eef5;font-size:14.5px;line-height:1.3;margin-bottom:4px}
.id-v33-subscription-actions small{display:block;color:#8e8593;font-size:12px;line-height:1.45;font-weight:500}
.id-v33-subscription-actions i{font-style:normal;color:#e85cc8;font-size:18px;flex:0 0 auto}
.id-v33-subscription-cancelled{display:flex;gap:13px;align-items:center;padding:15px 16px;border:1px solid rgba(89,196,145,.12);border-radius:17px;background:rgba(42,128,88,.055)}
.id-v33-subscription-cancelled>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:12px;background:rgba(76,184,128,.09);color:#75d4a9;font-weight:900}
.id-v33-subscription-cancelled strong{display:block;color:#dff4e9;font-size:14px;margin-bottom:3px}
.id-v33-subscription-cancelled small{display:block;color:#8ba799;font-size:12px;line-height:1.4}
.id-v34-plan-switcher{
margin-top:14px;padding:17px;border:1px solid rgba(226,79,188,.13);border-radius:19px;
background:linear-gradient(145deg,rgba(192,38,147,.075),rgba(99,38,128,.045));
}
.id-v34-plan-switcher[hidden]{display:none!important}
.id-v34-plan-switcher__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.id-v34-plan-switcher__head span{display:block;color:#e963c9;font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:5px}
.id-v34-plan-switcher__head strong{display:block;color:#f2eaf3;font-size:15px;line-height:1.3}
.id-v34-plan-switcher__head small{display:block;color:#877e8b;font-size:11.5px;line-height:1.45;margin-top:4px}
.id-v34-plan-switcher__head button{flex:0 0 auto;min-height:34px;padding:0 11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;color:#b9aebb!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer}
.id-v34-plan-switcher__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.id-v34-plan-option{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(7,6,8,.28)}
.id-v34-plan-option.is-current{border-color:rgba(225,77,188,.19);background:rgba(205,40,157,.06)}
.id-v34-plan-option>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.id-v34-plan-option>div:first-child span{color:#e45bc5;font-size:9.5px;font-weight:900;letter-spacing:.1em}
.id-v34-plan-option>div:first-child em{padding:4px 7px;border:1px solid rgba(225,78,188,.14);border-radius:999px;background:rgba(207,43,158,.07);color:#ef71d0;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.05em;white-space:nowrap}
.id-v34-plan-option>strong{display:block;color:#f2ebf3;font-size:15px;line-height:1.3;margin-bottom:5px}
.id-v34-plan-option>p{margin:0 0 13px!important;color:#9c919f!important;font-size:12.5px!important;line-height:1.4!important}
.id-v34-plan-option>a,.id-v34-plan-option>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:0 12px!important;border-radius:12px!important;border:1px solid rgba(226,78,188,.16)!important;background:linear-gradient(105deg,rgba(208,37,158,.17),rgba(134,55,188,.13))!important;color:#f4eaf5!important;text-decoration:none!important;font-size:11.5px!important;font-weight:850!important;box-shadow:none!important}
.id-v34-plan-option>button:disabled{border-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;color:#77707a!important;cursor:default}
.id-v34-plan-switcher__note{margin:11px 2px 0!important;color:#766e7a!important;font-size:10.5px!important;line-height:1.45!important}
.id-v33-cancel-confirm{
margin-top:14px;padding:18px;border:1px solid rgba(225,93,117,.14);border-radius:19px;background:linear-gradient(145deg,rgba(116,35,51,.1),rgba(50,20,30,.08));
display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;
}
.id-v33-cancel-confirm[hidden]{display:none!important}
.id-v33-cancel-confirm__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(226,84,111,.09);color:#f18ba0;font-size:18px;font-weight:900}
.id-v33-cancel-confirm__copy strong{display:block;color:#fff0f2;font-size:15px;line-height:1.35}
.id-v33-cancel-confirm__copy p{margin:6px 0 0!important;color:#a99ca1!important;font-size:13px!important;line-height:1.55!important}
.id-v33-cancel-confirm__copy b{color:#eacbd1}
.id-v33-cancel-confirm form{grid-column:1/-1;margin:2px 0 0}
.id-v33-cancel-confirm__buttons{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.id-v33-cancel-confirm__buttons button{
min-height:42px;padding:0 15px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;color:#ddd4df!important;font-size:12.5px!important;font-weight:850!important;box-shadow:none!important;cursor:pointer
}
.id-v33-cancel-confirm__buttons .is-danger-confirm{border-color:rgba(231,90,116,.16)!important;background:rgba(158,43,64,.13)!important;color:#ffced7!important}
.id-v33-modal-history{margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055)}
.id-v33-modal-history__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.id-v33-modal-history__head strong{color:#e9e0eb;font-size:13.5px}
.id-v33-modal-history__head small{color:#736b77;font-size:11px}
.id-v33-modal-history__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.04)}
.id-v33-modal-history__row:first-of-type{border-top:0}
.id-v33-modal-history__row strong{display:block;color:#dcd3df;font-size:12.5px;line-height:1.3}
.id-v33-modal-history__row small{display:block;margin-top:3px;color:#716a75;font-size:10.5px;line-height:1.35}
.id-v33-modal-history__row>span{color:#e8dce9;font-size:12.5px;font-weight:800;white-space:nowrap}
.id-v33-modal-history__row em{padding:5px 8px;border:1px solid rgba(76,185,128,.12);border-radius:999px;background:rgba(54,151,105,.07);color:#70cca3;font-style:normal;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.id-v33-modal-history__row em.is-refunded{border-color:rgba(231,112,128,.12);background:rgba(157,59,73,.07);color:#ef9aa8}
@media(max-width:720px){
.id-v33-subscription-modal{padding:12px;align-items:end}
.id-v33-subscription-modal__dialog{width:100%;max-height:calc(100dvh - 18px);padding:0;border-radius:24px 24px 18px 18px}
.id-v33-subscription-modal__scroll{max-height:calc(100dvh - 30px);margin:6px;padding:16px 11px 12px;border-radius:19px}
.id-v33-subscription-modal__close{top:15px!important;right:15px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.id-v33-subscription-modal__head{padding-right:48px;gap:12px;margin-bottom:18px}
.id-v33-subscription-modal__icon{width:46px;height:46px;flex-basis:46px;border-radius:15px}
.id-v33-subscription-modal__head h2{font-size:23px!important}
.id-v33-subscription-modal__head p{font-size:13.5px!important}
.id-v33-subscription-overview{grid-template-columns:1fr;gap:7px}
.id-v33-subscription-overview>div{padding:13px 14px}
.id-v33-subscription-actions>a,.id-v33-subscription-actions>button{min-height:66px;padding:13px 14px!important}
.id-v33-subscription-actions strong{font-size:14px}
.id-v33-subscription-actions small{font-size:11.5px}
.id-v34-plan-switcher{padding:14px}
.id-v34-plan-switcher__head{display:block;padding-right:0}
.id-v34-plan-switcher__head button{margin-top:10px}
.id-v34-plan-switcher__grid{grid-template-columns:1fr}
.id-v33-modal-history__row{grid-template-columns:minmax(0,1fr) auto}
.id-v33-modal-history__row em{grid-column:1/-1;width:max-content}
.id-v33-cancel-confirm{grid-template-columns:36px minmax(0,1fr);padding:15px;gap:11px}
.id-v33-cancel-confirm__icon{width:36px;height:36px}
.id-v33-cancel-confirm__buttons{display:grid;grid-template-columns:1fr}
.id-v33-cancel-confirm__buttons button{width:100%}
}
/* ==============================================================
11.22.4 — Progresso compacto + checkout/Stripe em pt-BR
============================================================= */
/* Atividade recente: mantém o painel estável mesmo com várias interações. */
.id-v3-app .id-v10-activity-panel{align-self:start}
.id-v3-app .id-v10-activity-list{
max-height:360px;
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
padding-right:8px;
scrollbar-gutter:stable;
scrollbar-width:thin;
scrollbar-color:rgba(226,79,188,.28) transparent;
}
.id-v3-app .id-v10-activity-list::-webkit-scrollbar{width:7px}
.id-v3-app .id-v10-activity-list::-webkit-scrollbar-track{background:transparent;margin:8px 0}
.id-v3-app .id-v10-activity-list::-webkit-scrollbar-thumb{background:rgba(226,79,188,.26);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
/* Nas rotas necessárias do PMPro, nunca mostramos a barra administrativa. */
body.ia-pmpro-route #wpadminbar{display:none!important}
html:has(body.ia-pmpro-route){margin-top:0!important}
/* Checkout deve parecer uma etapa da plataforma, não uma página padrão do WordPress. */
body.ia-pmpro-checkout .site-header,
body.ia-pmpro-checkout header.site-header,
body.ia-pmpro-checkout .site-branding,
body.ia-pmpro-checkout .wp-site-blocks>header,
body.ia-pmpro-checkout .entry-header,
body.ia-pmpro-checkout header.entry-header,
body.ia-pmpro-checkout .entry-title,
body.ia-pmpro-checkout .wp-block-post-title,
body.ia-pmpro-checkout main>h1:first-child{
display:none!important;
}
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{
width:min(980px,calc(100% - 40px))!important;
max-width:980px!important;
padding:54px 0 72px!important;
}
body.ia-pmpro-checkout .entry-content{margin:0!important;padding:0!important}
body.ia-pmpro-checkout .pmpro_form,
body.ia-pmpro-checkout #pmpro_form{
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
body.ia-pmpro-checkout #pmpro_form>.pmpro_card,
body.ia-pmpro-checkout #pmpro_form>fieldset>.pmpro_card,
body.ia-pmpro-checkout #pmpro_pricing_fields,
body.ia-pmpro-checkout #pmpro_user_fields>.pmpro_card{
margin:0 0 18px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:22px!important;
overflow:hidden!important;
background:radial-gradient(circle at 0 0,rgba(204,34,151,.065),transparent 34%),#0d0a0e!important;
}
body.ia-pmpro-checkout .pmpro_card_title{
margin:0!important;
padding:22px 26px 13px!important;
border:0!important;
background:transparent!important;
font-size:24px!important;
line-height:1.2!important;
}
body.ia-pmpro-checkout .pmpro_card_content{
padding:10px 26px 24px!important;
background:transparent!important;
}
body.ia-pmpro-checkout .pmpro_card_actions{
padding:15px 26px!important;
background:rgba(255,255,255,.018)!important;
}
body.ia-pmpro-checkout #pmpro_submit_span{display:inline-flex!important}
body.ia-pmpro-checkout #pmpro_btn-submit{min-width:230px!important}
body.ia-pmpro-checkout .pmpro_level_name_text,
body.ia-pmpro-checkout #pmpro_account_loggedin{
font-size:15px!important;
line-height:1.7!important;
color:#aaa0ad!important;
}
@media(max-width:760px){
.id-v3-app .id-v10-activity-list{max-height:315px;padding-right:5px}
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{width:min(100% - 22px,980px)!important;padding:28px 0 48px!important}
body.ia-pmpro-checkout .pmpro_card_title{padding:19px 18px 10px!important;font-size:21px!important}
body.ia-pmpro-checkout .pmpro_card_content{padding:9px 18px 20px!important}
body.ia-pmpro-checkout .pmpro_card_actions{padding:13px 18px!important}
body.ia-pmpro-checkout #pmpro_btn-submit{width:100%!important;min-width:0!important}
}
/* ============================================================
11.22.5 — Checkout: retorno à plataforma + rodapé limpo
============================================================ */
body.ia-pmpro-checkout footer,
body.ia-pmpro-checkout .site-footer,
body.ia-pmpro-checkout #colophon,
body.ia-pmpro-checkout .site-info,
body.ia-pmpro-checkout .elementor-location-footer,
body.ia-pmpro-checkout .wp-site-blocks>footer{
display:none!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-back{
width:100%;
margin:14px 0 0!important;
padding:0!important;
display:flex;
align-items:center;
justify-content:flex-start;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-back__button{
min-height:46px;
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:8px;
padding:0 18px!important;
border:1px solid rgba(229,82,190,.22)!important;
border-radius:13px!important;
background:rgba(255,255,255,.018)!important;
box-shadow:none!important;
color:#ded3df!important;
font-size:14px!important;
font-weight:800!important;
line-height:1!important;
text-decoration:none!important;
transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-back__button:hover{
border-color:rgba(229,82,190,.48)!important;
background:rgba(211,35,159,.075)!important;
color:#fff!important;
transform:translateY(-1px);
}
body.ia-pmpro-checkout .ia-pmpro-checkout-back__button:focus-visible{
outline:2px solid rgba(232,87,195,.76)!important;
outline-offset:3px!important;
}
@media(max-width:760px){
body.ia-pmpro-checkout .ia-pmpro-checkout-back__button{width:100%;min-height:48px}
}
/* ============================================================
11.22.6 — Checkout centralizado + nome exibido consistente
============================================================ */
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main,
body.ia-pmpro-checkout .content-area{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{
padding:54px 20px 72px!important;
}
body.ia-pmpro-checkout .entry-content{
width:100%!important;
max-width:1000px!important;
margin:0 auto!important;
padding:0!important;
box-sizing:border-box!important;
}
/* Shell visual do checkout: impede cards e ações de encostarem nas bordas. */
body.ia-pmpro-checkout .entry-content > .pmpro,
body.ia-pmpro-checkout main .entry-content .pmpro{
width:100%!important;
max-width:940px!important;
margin:0 auto!important;
padding:22px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:28px!important;
background:
radial-gradient(circle at 12% 0,rgba(204,34,151,.065),transparent 34%),
#0b090c!important;
box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.ia-pmpro-checkout #pmpro_form,
body.ia-pmpro-checkout form.pmpro_form{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
body.ia-pmpro-checkout #pmpro_form > .pmpro_card,
body.ia-pmpro-checkout #pmpro_form > fieldset > .pmpro_card,
body.ia-pmpro-checkout #pmpro_pricing_fields,
body.ia-pmpro-checkout #pmpro_user_fields > .pmpro_card{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
}
body.ia-pmpro-checkout .pmpro_card_content,
body.ia-pmpro-checkout .pmpro_card_title,
body.ia-pmpro-checkout .pmpro_card_actions{
box-sizing:border-box!important;
}
body.ia-pmpro-checkout #pmpro_submit_span{
margin-top:2px!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-back{
width:100%!important;
max-width:none!important;
margin:12px 0 0!important;
padding:0!important;
box-sizing:border-box!important;
}
@media(max-width:760px){
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{padding:26px 11px 46px!important}
body.ia-pmpro-checkout .entry-content > .pmpro,
body.ia-pmpro-checkout main .entry-content .pmpro{
padding:12px!important;
border-radius:23px!important;
}
body.ia-pmpro-checkout #pmpro_form>.pmpro_card,
body.ia-pmpro-checkout #pmpro_form>fieldset>.pmpro_card,
body.ia-pmpro-checkout #pmpro_pricing_fields,
body.ia-pmpro-checkout #pmpro_user_fields>.pmpro_card{margin-bottom:12px!important}
}
/* ============================================================
11.22.7 — Checkout: shell real centralizado e respiro interno
Corrige o wrapper amplo do PMPro/tema sem depender da largura
herdada do .pmpro ou do container do WordPress.
============================================================ */
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main,
body.ia-pmpro-checkout .content-area,
body.ia-pmpro-checkout .entry-content{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{
padding:54px 24px 72px!important;
}
/* O wrapper nativo do PMPro deixa de ser o card visual. */
body.ia-pmpro-checkout .entry-content > .pmpro,
body.ia-pmpro-checkout main .entry-content .pmpro,
body.ia-pmpro-checkout .pmpro{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
box-sizing:border-box!important;
}
/* Este é o único shell visual do checkout. */
body.ia-pmpro-checkout .ia-pmpro-checkout-shell{
width:min(100%,960px)!important;
max-width:960px!important;
margin:0 auto!important;
padding:24px!important;
border:1px solid rgba(255,255,255,.075)!important;
border-radius:28px!important;
background:
radial-gradient(circle at 12% 0,rgba(204,34,151,.065),transparent 34%),
#0b090c!important;
box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_form,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell form.pmpro_form{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
box-sizing:border-box!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_form > .pmpro_card,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_form > fieldset > .pmpro_card,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_pricing_fields,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_user_fields > .pmpro_card{
width:100%!important;
max-width:100%!important;
margin:0 0 18px!important;
box-sizing:border-box!important;
}
/* Ações nunca encostam no contorno do shell. */
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_submit_span{
display:inline-flex!important;
margin:2px 0 0!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-shell .ia-pmpro-checkout-back{
width:100%!important;
max-width:100%!important;
margin:14px 0 0!important;
padding:0!important;
box-sizing:border-box!important;
}
@media(max-width:760px){
body.ia-pmpro-checkout .site-main,
body.ia-pmpro-checkout main.site-main{
padding:26px 12px 46px!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-shell{
width:100%!important;
padding:14px!important;
border-radius:22px!important;
}
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_form > .pmpro_card,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_form > fieldset > .pmpro_card,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_pricing_fields,
body.ia-pmpro-checkout .ia-pmpro-checkout-shell #pmpro_user_fields > .pmpro_card{
margin-bottom:12px!important;
}
}
/* ============================================================
11.23.0 — Motor de Recomendação Adaptativo v1
Perfil + desempenho recente + recência + tendência por tópico.
============================================================ */
.id-v3-app .id-v32-adaptive-path{
margin-top:22px;
padding:22px;
border:1px solid rgba(232,72,180,.14);
border-radius:24px;
background:
radial-gradient(circle at 0 0,rgba(222,40,165,.07),transparent 30%),
rgba(9,8,11,.78);
}
.id-v3-app .id-v32-adaptive-path__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:16px;
}
.id-v3-app .id-v32-adaptive-path__head>div{min-width:0}
.id-v3-app .id-v32-adaptive-path__head h3{
margin:5px 0 7px;
font-size:23px;
line-height:1.16;
color:#fff;
}
.id-v3-app .id-v32-adaptive-path__head p{
margin:0;
max-width:760px;
color:rgba(244,230,241,.66);
font-size:14px;
line-height:1.65;
}
.id-v3-app .id-v32-engine-chip{
flex:0 0 auto;
display:inline-flex;
align-items:center;
min-height:31px;
padding:0 11px;
border:1px solid rgba(232,72,180,.18);
border-radius:999px;
background:rgba(220,39,166,.07);
color:#f266c9;
font-size:11px;
font-weight:800;
letter-spacing:.035em;
white-space:nowrap;
}
.id-v3-app .id-v32-adaptive-path__steps{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.id-v3-app .id-v32-adaptive-step{
min-width:0;
min-height:148px;
padding:16px;
display:grid;
grid-template-columns:38px minmax(0,1fr);
grid-template-rows:auto 1fr;
column-gap:13px;
row-gap:12px;
border:1px solid rgba(255,255,255,.065);
border-radius:18px;
background:rgba(255,255,255,.018);
}
.id-v3-app .id-v32-adaptive-step:first-child{
border-color:rgba(232,72,180,.2);
background:linear-gradient(140deg,rgba(218,39,166,.07),rgba(255,255,255,.015));
}
.id-v3-app .id-v32-adaptive-step__number{
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid rgba(232,72,180,.16);
border-radius:12px;
background:rgba(225,42,170,.07);
}
.id-v3-app .id-v32-adaptive-step__number span{
color:#f45ac5;
font-size:13px;
font-weight:900;
}
.id-v3-app .id-v32-adaptive-step__copy{min-width:0}
.id-v3-app .id-v32-adaptive-step__copy small{
display:block;
margin-bottom:4px;
color:#f05fc5;
font-size:10px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
}
.id-v3-app .id-v32-adaptive-step__copy strong{
display:block;
color:#fff;
font-size:15px;
line-height:1.35;
}
.id-v3-app .id-v32-adaptive-step__copy p{
margin:6px 0 0;
color:rgba(244,230,241,.62);
font-size:13px;
line-height:1.55;
}
.id-v3-app .id-v32-adaptive-step>a{
grid-column:2;
justify-self:start;
display:inline-flex;
align-items:center;
gap:8px;
min-height:36px;
padding:0 12px;
border:1px solid rgba(232,72,180,.14);
border-radius:11px;
background:rgba(223,40,170,.08);
color:#f16bc9;
font-size:12px;
font-weight:800;
text-decoration:none;
}
.id-v3-app .id-v32-adaptive-step:first-child>a{
background:linear-gradient(100deg,#d61b9e,#9638db);
border-color:transparent;
color:#fff;
}
.id-v3-app .id-v32-adaptive-step>a:hover,
.id-v3-app .id-v32-adaptive-step>a:focus-visible{
transform:translateY(-1px);
filter:brightness(1.07);
}
.id-v3-app .id-v32-priority-reasons{
display:flex;
flex-wrap:wrap;
gap:7px;
margin:10px 0 0;
}
.id-v3-app .id-v32-priority-reasons span{
display:inline-flex;
align-items:center;
min-height:25px;
padding:0 9px;
border:1px solid rgba(232,72,180,.13);
border-radius:999px;
background:rgba(224,40,167,.055);
color:rgba(249,201,234,.86);
font-size:10.5px;
font-weight:750;
line-height:1;
}
.id-v3-app .id-v32-priority-reasons.is-progress{
margin-top:9px;
}
.id-v3-app .id-v32-topic-trend{
width:max-content;
margin:8px 0 0;
padding:5px 8px;
border-radius:999px;
font-size:10px;
font-weight:800;
line-height:1;
}
.id-v3-app .id-v32-topic-trend.is-improving{
color:#83e7b4;
background:rgba(52,181,116,.09);
border:1px solid rgba(73,201,138,.12);
}
.id-v3-app .id-v32-topic-trend.is-declining{
color:#ff8fbd;
background:rgba(217,65,130,.08);
border:1px solid rgba(224,76,140,.12);
}
@media(max-width:900px){
.id-v3-app .id-v32-adaptive-path__steps{grid-template-columns:1fr}
}
@media(max-width:640px){
.id-v3-app .id-v32-adaptive-path{
margin-top:16px;
padding:15px;
border-radius:19px;
}
.id-v3-app .id-v32-adaptive-path__head{
display:block;
margin-bottom:13px;
}
.id-v3-app .id-v32-adaptive-path__head h3{font-size:19px}
.id-v3-app .id-v32-engine-chip{margin-top:11px}
.id-v3-app .id-v32-adaptive-step{
min-height:0;
grid-template-columns:34px minmax(0,1fr);
padding:14px;
}
.id-v3-app .id-v32-adaptive-step__number{
width:34px;
height:34px;
border-radius:10px;
}
.id-v3-app .id-v32-adaptive-step>a{
grid-column:1/-1;
width:100%;
justify-content:center;
}
}
/* =========================================================
Inglês Avançado 11.23.3 — filtros com aparência de app
Remove a UI azul nativa do navegador sem perder o