/* Sistema 4×4D — Login, menus, modais, abas e demais estilos consolidados
   (parte do antigo index.html único; a ordem dos arquivos importa) */
/* ===== bloco de estilo consolidado (antes espalhado pelo arquivo) ===== */


/* ── Auth Pill (canto superior direito) ──────────────────── */
.auth-pill{position:fixed;top:1rem;right:1rem;z-index:9000;background:rgba(255,244,233,0.95);backdrop-filter:blur(8px);padding:0.45rem 0.85rem;border:1.5px solid rgba(89,2,2,0.18);cursor:pointer;display:flex;align-items:center;gap:0.6rem;transition:all 0.15s;font-family:'Work Sans',sans-serif;box-shadow:0 4px 16px rgba(0,0,0,0.08);}
/* Quando logado, o pill vira avatar compacto pra não cobrir o menu */
body:not(.locked) .auth-pill.logged{top:var(--banner-h);right:0;height:calc(var(--nav-h) + 1px);padding:0 0.8rem;background:transparent;backdrop-filter:none;border:none;box-shadow:none;z-index:101;}
body:not(.locked) .auth-pill.logged .auth-pill-label{display:none;}
@media(min-width:560px){
  body:not(.locked) .auth-pill.logged .auth-pill-label{display:inline;}
}
/* Em telas estreitas: avatar fixo na borda + nav-inner reserva espaço à direita */
@media(max-width:440px){
  body:not(.locked) .auth-pill.logged{padding:0 0.6rem;right:0;}
  body:not(.locked) #nav .nav-inner{padding-right:52px;}
  body:not(.locked) .nav-toggle{margin-right:0;}
  .nav-logo{padding:0 0.7rem;min-width:auto;}
  .nav-logo svg{width:88px;height:20px;}
  .nav-tab{padding:0 0.8rem;font-size:0.55rem;}
}
@media(max-width:360px){
  .nav-logo svg{width:70px;}
  .nav-tab{padding:0 0.6rem;letter-spacing:0.1em;}
}
.auth-pill:hover{background:#fff;border-color:var(--verm);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.12);}
.auth-pill-state{display:flex;align-items:center;gap:0.6rem;}
.auth-pill-icon{font-size:1.1rem;color:var(--verm);font-weight:700;}
.auth-pill-label{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--verm);}
.auth-pill.logged{background:var(--verm);border-color:var(--verm-dk);}
.auth-pill.logged .auth-pill-icon{background:var(--laranja);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:0.85rem;font-weight:400;}
.auth-pill.logged .auth-pill-label{color:#FFF4E9;font-family:'Work Sans',sans-serif;text-transform:uppercase;letter-spacing:0.04em;font-weight:800;}
.auth-pill-caret{color:rgba(255,244,233,0.6);font-size:0.65rem;margin-left:0.1rem;}

/* ── Auth Dropdown Menu ──────────────────────────────────── */
.auth-menu{position:fixed;top:3.7rem;right:1rem;z-index:9001;background:#fff;border:1.5px solid var(--rule);min-width:260px;box-shadow:0 12px 36px rgba(0,0,0,0.12);font-family:'Work Sans',sans-serif;}
.auth-menu-header{padding:1rem 1.1rem;display:flex;gap:0.8rem;align-items:center;background:var(--verm);color:var(--branco);}
.auth-avatar{width:38px;height:38px;border-radius:50%;background:var(--laranja);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:1.1rem;text-transform:uppercase;flex-shrink:0;}
.auth-menu-name{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.03em;line-height:1.1;}
.auth-menu-email{font-size:0.62rem;color:rgba(255,244,233,0.65);margin-top:0.2rem;}
.auth-menu-tier{padding:0.5rem 1.1rem;background:#FFF4E9;font-size:0.55rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--verm-dk);border-bottom:1px solid var(--rule);}
.auth-menu-tier.tier-aluno{background:rgba(16,171,130,0.1);color:var(--verde);}
.auth-menu-tier.tier-admin{background:#fff4e9;color:var(--laranja);}
.auth-menu-tier::before{content:'●';margin-right:0.4rem;font-size:0.8rem;}
.auth-menu-divider{height:1px;background:var(--rule);}
.auth-menu-item{display:flex;align-items:center;gap:0.7rem;width:100%;padding:0.75rem 1.1rem;background:transparent;border:none;font-family:'Work Sans',sans-serif;font-size:0.78rem;color:var(--cinza);cursor:pointer;text-align:left;transition:background 0.12s;}
.auth-menu-item:hover{background:#FFF4E9;}
.auth-menu-item span{color:var(--verm);font-size:1rem;width:18px;text-align:center;}
.auth-menu-item.danger:hover{background:rgba(255,90,31,0.1);color:var(--danger);}
.auth-menu-item.danger:hover span{color:var(--danger);}
.auth-menu-footer{padding:0.7rem 1.1rem;font-size:0.62rem;color:var(--muted);line-height:1.55;}
.auth-menu-footer a{color:var(--laranja);text-decoration:none;}
.auth-menu-footer a:hover{text-decoration:underline;}

/* ── Modal ───────────────────────────────────────────────── */
.auth-modal{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.auth-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px);animation:fadeIn 0.2s;}
.auth-modal-box{position:relative;background:var(--verm-dk);max-width:440px;width:100%;max-height:92vh;overflow-y:auto;border-top:4px solid var(--laranja);padding:2rem 2.2rem 1.5rem;font-family:'Work Sans',sans-serif;animation:slideUp 0.25s;}
@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.auth-modal-close{position:absolute;top:0.8rem;right:0.8rem;background:transparent;border:none;color:rgba(255,244,233,0.5);font-size:1.6rem;cursor:pointer;width:34px;height:34px;line-height:1;display:flex;align-items:center;justify-content:center;}
.auth-modal-close:hover{color:#FFF4E9;}
.auth-modal-head{padding-bottom:1.5rem;border-bottom:1px solid rgba(255,244,233,0.1);margin-bottom:1.3rem;}
.auth-modal-logo{margin-bottom:0.8rem;}
.auth-modal-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.52rem;color:#FFF4E9;text-transform:uppercase;letter-spacing:0.01em;line-height:1.05;}
.auth-modal-titulo em{font-style:normal;color:var(--laranja);}
.auth-modal-sub{font-size:0.72rem;color:rgba(255,244,233,0.5);line-height:1.6;margin-top:0.4rem;}

/* ── Tabs ────────────────────────────────────────────────── */
.auth-tabs{display:flex;gap:0;margin-bottom:1.2rem;border-bottom:1px solid rgba(255,244,233,0.12);}
.auth-tab{flex:1;background:transparent;border:none;color:rgba(255,244,233,0.65);padding:0.7rem 0;font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;transition:all 0.15s;border-bottom:2px solid transparent;}
.auth-tab:hover{color:#FFF4E9;}
.auth-tab.active{color:var(--laranja);border-bottom-color:var(--laranja);}

/* ── Forms ───────────────────────────────────────────────── */
.auth-form{display:none;}
.auth-form.active{display:block;}
.auth-label{display:block;font-size:0.55rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,244,233,0.6);margin-bottom:0.9rem;}
.auth-label em{font-style:normal;color:rgba(255,244,233,0.6);font-weight:400;letter-spacing:0.04em;text-transform:none;font-size:0.85em;margin-left:0.3rem;}
.auth-input{display:block;width:100%;margin-top:0.35rem;padding:0.7rem 0.9rem;background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,244,233,0.15);color:#FFF4E9;font-family:'Work Sans',sans-serif;font-size:0.9rem;outline:none;box-sizing:border-box;letter-spacing:normal;}
.auth-input:focus{border-color:var(--laranja);background:rgba(255,255,255,0.08);}
.auth-input::placeholder{color:rgba(255,244,233,0.5);font-weight:300;}
.auth-hint{display:block;font-size:0.62rem;color:rgba(255,244,233,0.65);margin-top:0.4rem;font-weight:400;letter-spacing:0.01em;text-transform:none;line-height:1.5;}
.auth-forgot{display:block;background:transparent;border:none;color:var(--amarelo);font-family:'Work Sans',sans-serif;font-size:0.62rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-top:0.5rem;padding:0;cursor:pointer;}
.auth-forgot:hover{color:var(--laranja);text-decoration:underline;}
.auth-checkbox{display:flex;gap:0.6rem;align-items:flex-start;margin-bottom:1.2rem;font-size:0.7rem;color:rgba(255,244,233,0.7);line-height:1.6;cursor:pointer;transition:all .15s ease;}
.auth-checkbox input{margin-top:0.15rem;accent-color:var(--laranja);}
.auth-checkbox a{color:var(--amarelo);text-decoration:none;}
.auth-checkbox a:hover{text-decoration:underline;}
.auth-submit{width:100%;padding:0.85rem;background:var(--laranja);border:none;color:#fff;font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;transition:background 0.15s;margin-top:0.3rem;}
.auth-submit:hover{background:#FF5A1F;}
.auth-submit-secondary{background:transparent;border:1.5px solid rgba(255,244,233,0.25);color:#FFF4E9;margin-top:0.5rem;}
.auth-submit-secondary:hover{background:rgba(255,255,255,0.05);border-color:#FFF4E9;}
.auth-divider{display:flex;align-items:center;gap:0.7rem;margin:1.2rem 0;color:rgba(255,244,233,0.55);font-size:0.55rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,244,233,0.1);}
.auth-divider span{padding:0;}
.auth-google-btn{width:100%;padding:0.75rem;background:#fff;border:1.5px solid rgba(255,244,233,0.2);color:var(--cinza);font-family:'Work Sans',sans-serif;font-weight:600;font-size:0.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.6rem;transition:all 0.15s;letter-spacing:0.01em;}
.auth-google-btn:hover{border-color:#fff;}
.auth-mock-note{margin-top:0.8rem;padding:0.7rem;background:rgba(255,166,0,0.1);border-left:3px solid var(--amarelo);font-size:0.65rem;color:rgba(255,244,233,0.7);line-height:1.55;display:none;}
.auth-mock-note.show{display:block;}
.auth-mock-banner{margin-top:1.3rem;padding:0.8rem 1rem;background:rgba(255,166,0,0.08);border:1px dashed rgba(255,166,0,0.3);font-size:0.62rem;color:rgba(255,244,233,0.7);line-height:1.6;}
.auth-mock-banner strong{display:block;color:var(--amarelo);font-weight:700;margin-bottom:0.2rem;letter-spacing:0.06em;text-transform:uppercase;font-size:0.55rem;}

/* ── Bloco do código de acesso ─────────────────────────── */
.auth-codigo-bloco{background:rgba(255,166,0,0.06);border:1.5px solid rgba(255,166,0,0.25);padding:1.1rem 1.2rem;margin-bottom:1.2rem;position:relative;}
.auth-codigo-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--amarelo);margin-bottom:0.5rem;}
.auth-codigo-desc{font-size:0.7rem;color:rgba(255,244,233,0.65);line-height:1.55;margin:0 0 0.8rem;}
.auth-input-codigo{background:rgba(0,0,0,0.25)!important;border-color:rgba(255,166,0,0.4)!important;color:var(--amarelo)!important;font-size:1rem!important;text-align:center;padding:0.85rem!important;}
.auth-input-codigo:focus{border-color:var(--laranja)!important;background:rgba(0,0,0,0.4)!important;}
.auth-input-codigo::placeholder{color:rgba(255,166,0,0.3)!important;}
.auth-codigo-help{margin-top:0.7rem;font-size:0.6rem;color:rgba(255,244,233,0.55);line-height:1.65;}
.auth-codigo-help strong{display:block;color:#FFF4E9;font-weight:600;margin-bottom:0.2rem;font-size:0.62rem;}
.auth-codigo-help a{color:var(--laranja);text-decoration:none;font-weight:600;margin:0 0.1rem;}
.auth-codigo-help a:hover{text-decoration:underline;}

/* ── Migração ────────────────────────────────────────────── */
.migracao-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-bottom:1.2rem;}
.migracao-stat{padding:0.8rem 1rem;background:rgba(255,255,255,0.04);border-left:3px solid var(--verde);}
.migracao-stat-num{font-family:'Anton',sans-serif;font-size:1.5rem;color:var(--laranja);line-height:1;}
.migracao-stat-label{font-size:0.58rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,244,233,0.5);margin-top:0.3rem;}
.migracao-warning{padding:0.8rem 1rem;background:rgba(89,2,2,0.18);border-left:3px solid var(--amarelo);font-size:0.7rem;color:rgba(255,244,233,0.75);line-height:1.6;margin-bottom:1.2rem;}
.migracao-warning strong{color:var(--amarelo);}
.migracao-acoes{display:flex;flex-direction:column;gap:0;}

@media (max-width:600px){
  .auth-pill{top:0.6rem;right:0.6rem;padding:0.4rem 0.7rem;}
  .auth-pill-label{font-size:0.62rem;}
  .auth-menu{right:0.6rem;top:3.3rem;min-width:230px;}
  .auth-modal-box{padding:1.5rem 1.4rem 1.2rem;}
  .migracao-stats{grid-template-columns:1fr 1fr;}
}



.dicas-nav-btn{padding:0.4rem 0.95rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;}
.dicas-nav-btn:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;}
.dicas-nav-btn.active{background:var(--verde);color:#fff;border-color:var(--verde);}

.dicas-prova-banner{background:linear-gradient(135deg,var(--verm),#590202);padding:1.3rem 1.8rem;margin-bottom:1.5rem;color:var(--branco);}
.dicas-prova-banner-label{font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--amarelo);margin-bottom:0.3rem;}
.dicas-prova-banner-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.23rem;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:0.3rem;}
.dicas-prova-banner-titulo em{font-style:normal;color:var(--laranja);}
.dicas-prova-banner-sub{font-size:0.72rem;color:rgba(255,244,233,0.65);line-height:1.55;}

.dicas-hab-section{background:white;margin-bottom:1.5rem;border-left:3px solid;}
.dicas-hab-section.hab-Lesen{border-left-color:#FFA600;}
.dicas-hab-section.hab-Hören{border-left-color:#FF5A1F;}
.dicas-hab-section.hab-Schreiben{border-left-color:#10AB82;}
.dicas-hab-section.hab-Sprechen{border-left-color:#590202;}
.dicas-hab-header{padding:1.4rem 1.8rem;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:0.8rem;}
.dicas-hab-icon{font-size:1.8rem;line-height:1;}
.dicas-hab-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.23rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--cinza);line-height:1.1;}
.dicas-hab-titulo em{font-style:normal;font-weight:400;font-size:0.7rem;color:var(--muted);letter-spacing:0.06em;margin-left:0.4rem;display:inline-block;vertical-align:middle;}

.dicas-bloco{padding:1.5rem 1.8rem;}
.dicas-bloco-h{font-size:0.55rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--verm);margin-bottom:0.9rem;padding-bottom:0.5rem;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:0.5rem;}
.dicas-bloco-h.especifico{color:var(--laranja);}
.dicas-bloco-h .badge{font-size:0.55rem;background:var(--verde);color:#fff;padding:0.1rem 0.45rem;letter-spacing:0.1em;}
.dicas-bloco-h.especifico .badge{background:var(--laranja);}

.dica-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0.1rem;background:var(--rule);}
.dica-card{background:#FFF4E9;padding:1rem 1.2rem;}
.dica-card-num{font-family:'Anton',sans-serif;font-size:1.3rem;color:var(--laranja);line-height:1;margin-bottom:0.4rem;}
.dica-card.especifico .dica-card-num{color:var(--verm);}
.dica-card-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.88rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--cinza);line-height:1.15;margin-bottom:0.3rem;}
.dica-card-desc{font-size:0.74rem;color:#5a4f4a;line-height:1.55;}

.dicas-estrategia-box{margin-top:1rem;padding:1rem 1.3rem;background:rgba(16,171,130,0.06);border-left:3px solid var(--verde);}
.dicas-estrategia-box-h{font-size:0.55rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--verde);margin-bottom:0.4rem;}
.dicas-estrategia-box-text{font-size:0.78rem;color:var(--cinza);line-height:1.65;}

@media(max-width:780px){
  #pg-dicas > div:first-child{padding:2rem 1.5rem 1.5rem;}
  #pg-dicas > div:nth-child(2){padding:0.8rem 1.5rem;}
  #pg-dicas > div:nth-child(3){padding:1.5rem 1.5rem 3rem;}
  .dicas-bloco{padding:1rem 1.2rem;}
  .dicas-hab-header{padding:1rem 1.2rem;}
}



.g-toc-btn{padding:0.35rem 0.85rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;white-space:nowrap;}
.g-toc-btn:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;border-color:rgba(255,244,233,0.55);}
.g-flt-btn{padding:0.3rem 0.7rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.65);font-family:'Work Sans',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;}
.g-flt-btn:hover{color:#FFF4E9;}
.g-flt-btn.active{background:rgba(255,244,233,0.15);color:#FFF4E9;border-color:rgba(255,244,233,0.6);}

.g-bloco{background:white;padding:2.2rem 2.5rem;margin-bottom:0.6rem;scroll-margin-top:80px;}
.g-bloco-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--verm);}
.g-bloco-num{font-family:'Anton',sans-serif;font-size:3rem;color:var(--laranja);line-height:1;}
.g-bloco-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:clamp(1.12rem,2.4vw,1.76rem);color:var(--cinza);text-transform:uppercase;line-height:1.1;letter-spacing:0.01em;}
.g-bloco-intro{font-size:0.82rem;color:#5a4f4a;line-height:1.65;margin:0 0 1.5rem;}

.g-secao{margin-bottom:1.8rem;}
.g-secao-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--cinza);margin:0 0 0.8rem;padding-bottom:0.4rem;border-bottom:1px solid var(--rule);}

.g-table{width:100%;border-collapse:collapse;font-family:'Work Sans',sans-serif;}
.g-table th{padding:0.7rem 0.9rem;text-align:left;font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;background:#242424;color:#FFF4E9;border:1px solid #242424;}
.g-table td{padding:0.8rem 0.9rem;font-size:0.78rem;color:var(--cinza);line-height:1.55;border:1px solid var(--rule);background:white;vertical-align:top;}
.g-table tr:nth-child(even) td{background:#FFF4E9;}
.g-table th.col-goethe{background:#590202;}
.g-table th.col-telc{background:#FF5A1F;}
.g-table th.col-criterio{background:#242424;width:160px;}
.g-table td.col-criterio{font-weight:700;color:var(--verm);background:#FFF4E9 !important;font-size:0.8rem;}
.g-table td.col-goethe{border-left:3px solid #590202;}
.g-table td.col-telc{border-left:3px solid #FF5A1F;}
.g-table td.col-impacto{background:rgba(16,171,130,0.06) !important;border-left:3px solid var(--verde);font-size:0.75rem;}
.g-table td strong{color:var(--cinza);font-weight:600;}
.g-table.dim-goethe td.col-goethe,.g-table.dim-goethe th.col-goethe{opacity:0.25;}
.g-table.dim-telc td.col-telc,.g-table.dim-telc th.col-telc{opacity:0.25;}

.g-callout{padding:1rem 1.3rem;margin:1.3rem 0;border-left:4px solid;font-size:0.8rem;line-height:1.65;}
.g-callout.atencao{background:rgba(255,90,31,0.08);border-color:var(--laranja);color:#242424;}
.g-callout.atencao strong{color:var(--laranja);text-transform:uppercase;letter-spacing:0.08em;font-size:0.65rem;display:block;margin-bottom:0.3rem;}
.g-callout.diferenca{background:rgba(89,2,2,0.06);border-color:var(--verm);color:#242424;}
.g-callout.diferenca strong{color:var(--verm);text-transform:uppercase;letter-spacing:0.08em;font-size:0.65rem;display:block;margin-bottom:0.3rem;}
.g-callout.dica{background:rgba(16,171,130,0.06);border-color:var(--verde);color:#242424;}
.g-callout.dica strong{color:var(--verde);text-transform:uppercase;letter-spacing:0.08em;font-size:0.65rem;display:block;margin-bottom:0.3rem;}

.g-hab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0.1rem;background:var(--rule);margin-top:0.5rem;}
.g-hab-card{background:white;padding:1.2rem 1.3rem;}
.g-hab-card-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.7rem;padding-bottom:0.4rem;border-bottom:2px solid;display:flex;align-items:center;gap:0.5rem;}
.g-hab-lesen{border-bottom-color:#FFA600;color:#FFA600;}
.g-hab-horen{border-bottom-color:#FF5A1F;color:#FF5A1F;}
.g-hab-schreiben{border-bottom-color:#10AB82;color:#10AB82;}
.g-hab-sprechen{border-bottom-color:#590202;color:#590202;}
.g-hab-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem;padding:0;margin:0;}
.g-hab-list li{font-size:0.76rem;color:var(--cinza);line-height:1.55;padding-left:1.2rem;position:relative;}
.g-hab-list li::before{content:'✗';position:absolute;left:0;color:var(--danger);font-weight:700;}
.g-hab-list li strong{display:block;color:var(--cinza);margin-bottom:0.15rem;}
.g-hab-list li em{font-style:normal;color:#5a4f4a;}
.g-hab-list.estrategia li::before{content:'›';color:var(--verde);}

.g-crit-card{background:white;border-left:4px solid;margin-bottom:0.4rem;cursor:pointer;transition:all 0.15s;}
.g-crit-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.g-crit-card-goethe{border-left-color:var(--verm);}
.g-crit-card-telc{border-left-color:var(--laranja);}
.g-crit-card-head{padding:1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.g-crit-card-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--cinza);}
.g-crit-card-meta{font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.g-crit-card-body{padding:0 1.3rem 1.3rem;border-top:1px dashed var(--rule);display:none;}
.g-crit-card.aberto .g-crit-card-body{display:block;animation:fadeIn 0.2s;}
.g-crit-card.aberto .g-crit-toggle{transform:rotate(180deg);}
.g-crit-toggle{font-size:0.7rem;color:var(--muted);transition:transform 0.2s;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

.g-escala{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1rem;font-size:0.74rem;color:var(--cinza);margin-top:0.5rem;}
.g-escala-letra{font-family:'Anton',sans-serif;font-size:1.4rem;color:var(--laranja);line-height:1;padding-top:0.1rem;}
.g-escala-desc{line-height:1.55;}
.g-pontos{display:inline-block;padding:0.1rem 0.45rem;font-size:0.58rem;font-weight:700;letter-spacing:0.08em;background:#FFF4E9;color:var(--verm);margin-left:0.4rem;}

.g-ref-list{counter-reset:ref;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem 1.5rem;}
.g-ref-list li{counter-increment:ref;padding-left:2rem;position:relative;font-size:0.72rem;color:var(--cinza);line-height:1.55;}
.g-ref-list li::before{content:'['counter(ref)']';position:absolute;left:0;font-weight:700;color:var(--verm);font-family:'Work Sans',sans-serif;font-size:0.7rem;}
.g-ref-list a{color:var(--laranja);text-decoration:none;word-break:break-all;}
.g-ref-list a:hover{text-decoration:underline;}

.g-lembrete{background:linear-gradient(135deg,#590202,#590202);padding:2rem 2.5rem;margin:2rem 0 0;color:#FFF4E9;}
.g-lembrete-rotulo{font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--laranja);margin-bottom:0.5rem;}
.g-lembrete-texto{font-family:'Work Sans',sans-serif;font-weight:800;font-size:clamp(0.88rem,1.76vw,1.23rem);line-height:1.4;text-transform:uppercase;letter-spacing:0.01em;}
.g-lembrete-texto em{font-style:normal;color:var(--laranja);}

@media(max-width:780px){
  #pg-guia .g-bloco{padding:1.5rem 1.3rem;}
  #pg-guia #guia-content{padding:2rem 1.5rem 3rem;}
  #pg-guia #guia-toc{padding:1rem 1.5rem;}
  .g-table th,.g-table td{padding:0.5rem 0.6rem;font-size:0.7rem;}
  .g-ref-list{grid-template-columns:1fr;}
  .g-bloco-num{font-size:2rem;}
}



.anot-wrap{max-width:780px;margin:0 auto;padding:0 2rem 4rem;}
.anot-editor{background:#242424;padding:1.5rem 1.8rem;border-left:3px solid var(--verde);margin-bottom:2rem;}
.anot-editor-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--verde);margin-bottom:0.9rem;}
.anot-editor-tabs{display:flex;gap:0.3rem;margin-bottom:1rem;flex-wrap:wrap;}
.anot-tab{padding:0.4rem 0.8rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.06em;cursor:pointer;transition:all 0.12s;}
.anot-tab:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;}
.anot-tab.active{background:var(--verde);color:#fff;border-color:var(--verde);}
#anot-titulo,#anot-conteudo{width:100%;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,244,233,0.15);color:#FFF4E9;font-family:'Work Sans',sans-serif;padding:0.7rem 0.9rem;font-size:0.85rem;outline:none;box-sizing:border-box;margin-bottom:0.5rem;}
#anot-titulo{font-size:0.95rem;font-weight:600;}
#anot-conteudo{resize:vertical;line-height:1.6;font-family:'Work Sans',sans-serif;}
#anot-titulo:focus,#anot-conteudo:focus{border-color:var(--verde);}
#anot-titulo::placeholder,#anot-conteudo::placeholder{color:rgba(255,244,233,0.55);}
.anot-editor-acoes{display:flex;justify-content:space-between;align-items:center;margin-top:0.4rem;}
.anot-char-count{font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,244,233,0.65);}
.anot-btn-salvar{background:var(--verde);color:#fff;border:none;padding:0.6rem 1.4rem;font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:background 0.15s;}
.anot-btn-salvar:hover{background:#0B7A5C;}

.anot-filtros{display:flex;gap:0.3rem;margin-bottom:1.2rem;flex-wrap:wrap;align-items:center;}
.anot-filt-h{font-size:0.55rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,244,233,0.6);margin-right:0.5rem;}
.anot-filt-btn{padding:0.32rem 0.7rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.5);font-family:'Work Sans',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;}
.anot-filt-btn:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;}
.anot-filt-btn.active{background:var(--laranja);color:#fff;border-color:var(--laranja);}
.anot-counter{margin-left:auto;font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,244,233,0.6);}

.anot-dia-grupo{margin-bottom:1.5rem;}
.anot-dia-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--laranja);margin-bottom:0.7rem;padding-bottom:0.4rem;border-bottom:1px solid rgba(255,244,233,0.08);}
.anot-card{background:rgba(255,255,255,0.04);padding:0.95rem 1.2rem;margin-bottom:0.4rem;border-left:3px solid;position:relative;}
.anot-card.hab-Schreiben{border-left-color:#10AB82;}
.anot-card.hab-Sprechen{border-left-color:#590202;}
.anot-card.hab-Lesen{border-left-color:#FFA600;}
.anot-card.hab-Hören{border-left-color:#FF5A1F;}
.anot-card.hab-Geral{border-left-color:rgba(255,244,233,0.65);}
.anot-card-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem;flex-wrap:wrap;}
.anot-card-hab{font-size:0.5rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:0.1rem 0.45rem;}
.anot-card-hab.Schreiben{background:rgba(16,171,130,0.15);color:#10AB82;}
.anot-card-hab.Sprechen{background:rgba(89,2,2,0.25);color:#FF5A1F;}
.anot-card-hab.Lesen{background:rgba(255,166,0,0.15);color:#FFA600;}
.anot-card-hab.Hören{background:rgba(255,90,31,0.15);color:#FF5A1F;}
.anot-card-hab.Geral{background:rgba(255,244,233,0.1);color:rgba(255,244,233,0.7);}
.anot-card-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--branco);line-height:1.2;flex:1;}
.anot-card-hora{font-size:0.55rem;font-weight:700;letter-spacing:0.1em;color:rgba(255,244,233,0.6);}
.anot-card-conteudo{font-size:0.8rem;color:rgba(255,244,233,0.75);line-height:1.65;white-space:pre-wrap;word-wrap:break-word;}
.anot-card-acoes{position:absolute;top:0.8rem;right:1rem;display:flex;gap:0.3rem;opacity:0;transition:opacity 0.15s;}
.anot-card:hover .anot-card-acoes{opacity:1;}
.anot-card-del{background:transparent;border:none;color:rgba(255,244,233,0.55);font-size:1.1rem;cursor:pointer;padding:0.2rem 0.4rem;}
.anot-card-del:hover{color:var(--danger);}

.anot-vazio{padding:2.5rem;text-align:center;color:rgba(255,244,233,0.65);font-size:0.8rem;background:rgba(255,255,255,0.02);font-style:italic;}

@media (max-width:600px){
  .anot-wrap{padding:0 1.3rem 3rem;}
  .anot-editor{padding:1.2rem 1.3rem;}
  .anot-editor-tabs{gap:0.25rem;}
  .anot-tab{padding:0.35rem 0.55rem;font-size:0.55rem;}
}



.cod-flt-btn{padding:0.35rem 0.85rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;}
.cod-flt-btn:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;}
.cod-flt-btn.active{background:var(--amarelo);color:var(--verm-dk);border-color:var(--amarelo);}
.cod-novo-btn{padding:0.5rem 1.1rem;background:var(--laranja);color:#fff;border:none;font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:background 0.15s;}
.cod-novo-btn:hover{background:#FF5A1F;}

.cod-stat{padding:0.9rem 1.1rem;background:white;}
.cod-stat-num{font-family:'Anton',sans-serif;font-size:1.8rem;color:var(--verm);line-height:1;}
.cod-stat-label{font-size:0.5rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-top:0.3rem;}

.cod-item{background:white;padding:1rem 1.3rem;margin-bottom:1px;display:grid;grid-template-columns:200px 1fr auto auto;gap:1.2rem;align-items:center;border-left:3px solid var(--rule);}
.cod-item.tier-aluno{border-left-color:var(--verde);}
.cod-item.tier-avulso{border-left-color:var(--laranja);}
.cod-item.usado{opacity:0.65;}
.cod-codigo{font-family:'Work Sans',sans-serif;font-weight:700;font-size:0.92rem;color:var(--cinza);letter-spacing:0.06em;}
.cod-meta{font-size:0.7rem;color:var(--muted);line-height:1.5;}
.cod-meta strong{color:var(--cinza);font-weight:600;}
.cod-tier-badge{display:inline-block;padding:0.12rem 0.45rem;font-size:0.5rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-right:0.4rem;}
.cod-tier-badge.aluno{background:rgba(16,171,130,0.15);color:var(--verde);}
.cod-tier-badge.avulso{background:rgba(255,90,31,0.12);color:var(--laranja);}
.cod-status{font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;padding:0.2rem 0.5rem;}
.cod-status.disp{background:rgba(16,171,130,0.1);color:var(--verde);}
.cod-status.usd{background:rgba(255,244,233,0.5);color:var(--muted);}
.cod-actions{display:flex;gap:0.4rem;}
.cod-action-btn{background:transparent;border:1px solid var(--rule);color:var(--cinza);font-family:'Work Sans',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:0.4rem 0.65rem;cursor:pointer;transition:all 0.12s;}
.cod-action-btn:hover{background:var(--cinza);color:#fff;border-color:var(--cinza);}
.cod-action-btn.danger:hover{background:var(--danger);border-color:var(--danger);}

.cod-tier-btn{padding:0.9rem 0.8rem;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,244,233,0.15);cursor:pointer;text-align:left;transition:all 0.15s;}
.cod-tier-btn:hover{background:rgba(255,255,255,0.08);}
.cod-tier-btn.active{background:rgba(255,166,0,0.1);border-color:var(--amarelo);}

#cod-resultado{background:rgba(16,171,130,0.08);border:1.5px solid rgba(16,171,130,0.4);padding:1rem 1.2rem;}
.cod-result-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--verde);margin-bottom:0.7rem;}
.cod-result-code{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.3);padding:0.5rem 0.8rem;margin-bottom:0.3rem;font-family:monospace;font-size:0.9rem;color:var(--amarelo);letter-spacing:0.06em;}
.cod-result-copy{background:var(--laranja);color:#fff;border:none;padding:0.3rem 0.7rem;font-family:'Work Sans',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;}

@media (max-width:780px){
  #pg-codigos > div:first-child{padding:2rem 1.5rem 1.5rem;}
  #pg-codigos > div:nth-child(2){padding:1rem 1.5rem;}
  #pg-codigos > div:nth-child(3){padding:1.5rem 1.5rem 3rem;}
  .cod-item{grid-template-columns:1fr;gap:0.6rem;}
}



.vf-btn{padding:0.3rem 0.8rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,244,233,0.12);color:rgba(255,244,233,0.6);font-family:'Work Sans',sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;}
.vf-btn:hover{border-color:rgba(255,244,233,0.55);color:rgba(255,244,233,0.7);}
.vf-btn.active{background:var(--vfc,rgba(255,244,233,0.15));border-color:var(--vfc,rgba(255,244,233,0.4));color:#fff;}
.vf-btn.vf-locked{opacity:0.3;cursor:not-allowed;text-decoration:line-through;background:rgba(255,255,255,0.02);}
.vf-btn.vf-locked:hover{border-color:rgba(255,244,233,0.12);color:rgba(255,244,233,0.6);}
.vf-btn.vf-locked::after{content:' 🔒';font-size:0.55em;letter-spacing:0;}
.vf-chip{padding:0.25rem 0.7rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.08);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.62rem;font-weight:600;cursor:pointer;transition:all 0.15s;white-space:nowrap;}
.vf-chip:hover{background:rgba(255,255,255,0.08);color:rgba(255,244,233,0.6);}
.vf-chip.active{background:rgba(16,171,130,0.15);border-color:var(--verde);color:var(--verde);}
.vf-view{padding:0.3rem 0.8rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.08);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.6rem;font-weight:600;cursor:pointer;transition:all 0.15s;}
.vf-view:hover{background:rgba(255,255,255,0.08);color:rgba(255,244,233,0.6);}
.vf-view.active{background:rgba(255,244,233,0.1);border-color:rgba(255,244,233,0.55);color:var(--branco);}
/* Card de palavra */
.wcard{background:white;border:1px solid var(--rule);padding:0.8rem 1rem;display:flex;flex-direction:column;gap:0.2rem;cursor:pointer;transition:all 0.15s;position:relative;}
.wcard:hover{border-color:rgba(89,2,2,0.2);background:#FFF4E9;box-shadow:0 4px 14px rgba(0,0,0,0.06);transform:translateY(-2px);}
.wcard-nivel{position:absolute;top:0.5rem;right:0.6rem;font-size:0.48rem;font-weight:700;letter-spacing:0.12em;padding:0.15rem 0.4rem;border:1px solid;}
.wcard-de{font-size:0.8rem;font-weight:600;color:var(--cinza);line-height:1.3;}
.wcard-pt{font-size:0.72rem;font-weight:300;color:var(--muted);line-height:1.4;margin-top:0.1rem;}
.wcard-pt em{font-style:normal;color:rgba(89,2,2,0.45);font-size:0.62rem;}
/* Flash card */
.flash-outer{perspective:1000px;cursor:pointer;height:160px;transition:all .15s ease;}
.flash-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.4s;}
/* ── REVISÃO ESPAÇADA (SM-2) ─────────────────────────── */
.rev-wrap{max-width:560px;margin:0 auto;text-align:center;}
.rev-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;}
.rev-stat{text-align:center;}
.rev-stat-num{font-family:'Anton',sans-serif;font-size:1.8rem;color:var(--verm);line-height:1;}
.rev-stat-lbl{font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem;}
.rev-card{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--verm);padding:3rem 2rem;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.15s;position:relative;}
.rev-card:hover{transform:translateY(-2px);}
.rev-card-nivel{position:absolute;top:0.8rem;right:0.8rem;font-size:0.6rem;font-weight:700;padding:0.15rem 0.5rem;border:1px solid;}
.rev-card-tema{position:absolute;top:0.8rem;left:0.8rem;font-size:0.6rem;color:var(--muted);}
.rev-word{font-family:'Anton',sans-serif;font-size:2rem;color:var(--cinza);text-transform:uppercase;line-height:1.1;}
.rev-trad{font-size:1.1rem;color:var(--verm);margin-top:1rem;font-weight:600;}
.rev-hint{font-size:0.62rem;color:var(--muted);margin-top:1.5rem;letter-spacing:0.1em;text-transform:uppercase;}
.rev-actions{display:flex;gap:0.8rem;justify-content:center;margin-top:1.5rem;}
.rev-btn{padding:0.9rem 1.8rem;border:none;font-family:'Work Sans',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;flex:1;max-width:200px;}
.rev-btn-nao{background:rgba(255,90,31,0.1);color:var(--danger);border:1.5px solid rgba(255,90,31,0.3);}
.rev-btn-nao:hover{background:var(--danger);color:#fff;}
.rev-btn-sim{background:rgba(16,171,130,0.1);color:var(--verde);border:1.5px solid rgba(16,171,130,0.3);}
.rev-btn-sim:hover{background:var(--verde);color:#fff;}
.rev-progress{height:6px;background:var(--rule);margin-bottom:1.5rem;}
.rev-progress-fill{height:100%;background:var(--verde);transition:width 0.3s;}
.rev-done{background:#fff;padding:3rem 2rem;text-align:center;border-top:4px solid var(--verde);}
.rev-done-icon{font-size:3rem;margin-bottom:1rem;}
.rev-done-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.44rem;text-transform:uppercase;color:var(--cinza);margin-bottom:0.5rem;}
.rev-done-sub{font-size:0.85rem;color:var(--muted);line-height:1.6;margin-bottom:1.5rem;}
.rev-done-btn{padding:0.8rem 1.6rem;background:var(--verm);color:#fff;border:none;font-family:'Work Sans',sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;}
.flash-outer.flipped .flash-inner{transform:rotateY(180deg);}
.flash-front,.flash-back{position:absolute;inset:0;background:white;border:1px solid var(--rule);backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;}
.flash-back{transform:rotateY(180deg);background:#FFF4E9;}
.flash-outer .wcard-nivel{position:absolute;top:0.5rem;right:0.6rem;}
.flash-front .wcard-nivel{position:absolute;top:0.5rem;right:0.6rem;}



.tema-card{background:white;border:1px solid var(--rule);border-left:3px solid var(--laranja);padding:1rem 1.2rem;cursor:pointer;transition:all 0.15s;position:relative;display:flex;flex-direction:column;gap:0.4rem;}
.tema-card:hover{border-left-color:var(--verm);background:#FFF4E9;}
.tema-card.estudado{border-left-color:var(--verde);background:rgba(16,171,130,0.04);}
.tema-card-cat{font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.tema-card-titel{font-size:0.95rem;font-weight:600;color:var(--cinza);line-height:1.35;}
.tema-card-frage{font-size:0.72rem;font-weight:300;color:#5a4f4a;line-height:1.5;font-style:italic;}
.tema-card-nivel{position:absolute;top:0.6rem;right:0.7rem;font-size:0.5rem;font-weight:700;letter-spacing:0.12em;padding:0.15rem 0.45rem;border:1px solid;background:white;}
.tema-card-actions{margin-top:0.4rem;padding-top:0.5rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-size:0.62rem;font-weight:600;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;}

.tema-detail{background:white;border-top:4px solid var(--laranja);padding:2rem 2.2rem;margin-top:0.8rem;}
.tema-detail.estudado{border-top-color:var(--verde);}
.tema-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;}
.tema-detail-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.44rem;color:var(--cinza);text-transform:uppercase;line-height:1.1;}
.tema-detail-frage{font-size:0.85rem;color:#590202;font-style:italic;line-height:1.6;margin:0.6rem 0 0;}
.tema-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.1rem;background:var(--rule);margin-top:1.2rem;}
@media(max-width:780px){.tema-detail-grid{grid-template-columns:1fr;}}
.tema-detail-col{background:white;padding:1.2rem 1.3rem;}
.tema-detail-col-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.7rem;padding-bottom:0.4rem;border-bottom:2px solid;}
.tema-detail-col-h.pro{color:#10AB82;border-bottom-color:#10AB82;}
.tema-detail-col-h.contra{color:var(--danger);border-bottom-color:var(--danger);}
.tema-detail-list{list-style:none;display:flex;flex-direction:column;gap:0.55rem;}
.tema-detail-list li{font-size:0.78rem;color:var(--cinza);line-height:1.55;padding-left:1rem;position:relative;}
.tema-detail-list li::before{content:'›';position:absolute;left:0;color:var(--muted);font-weight:700;}
.tema-section{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--rule);}
.tema-section-h{font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--cinza);margin-bottom:0.6rem;display:flex;align-items:center;gap:0.5rem;}
.tema-vok{display:flex;flex-wrap:wrap;gap:0.4rem;}
.tema-vok span{background:#FFF4E9;border:1px solid var(--rule);padding:0.3rem 0.7rem;font-size:0.72rem;color:var(--cinza);font-weight:500;}
.tema-redemittel{background:#FFF4E9;border-left:3px solid var(--laranja);padding:0.7rem 1rem;margin:0.5rem 0;font-size:0.78rem;color:var(--cinza);line-height:1.6;font-family:'Work Sans',sans-serif;}
.tema-redemittel em{color:var(--verm);font-style:normal;font-weight:500;}
.tema-actions{margin-top:1.5rem;display:flex;gap:0.6rem;flex-wrap:wrap;}
.tema-btn{padding:0.7rem 1.2rem;font-family:'Work Sans',sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;border:none;transition:all .15s ease;}
.tema-btn.primary{background:var(--verde);color:#fff;}
.tema-btn.alt{background:transparent;color:var(--cinza);border:1px solid var(--rule);}
.tema-btn.close{background:var(--cinza);color:var(--branco);}
.tema-prompt-box{background:#242424;border:1px solid rgba(255,244,233,0.1);padding:1rem 1.2rem;margin-top:0.8rem;font-family:monospace;font-size:0.72rem;color:rgba(255,244,233,0.85);line-height:1.6;white-space:pre-wrap;max-height:280px;overflow-y:auto;}
.tema-prompt-box em{color:var(--laranja);font-style:normal;}



.rec-cat-btn{padding:0.4rem 0.85rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,244,233,0.1);color:rgba(255,244,233,0.55);font-family:'Work Sans',sans-serif;font-size:0.6rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:all 0.15s;white-space:nowrap;}
.rec-cat-btn:hover{background:rgba(255,255,255,0.08);color:#FFF4E9;}
.rec-cat-btn.active{background:var(--laranja);color:#fff;border-color:var(--laranja);}
.rec-grupo{margin-bottom:2rem;}
.rec-grupo-h{display:flex;align-items:baseline;gap:0.6rem;margin-bottom:0.7rem;padding-bottom:0.5rem;border-bottom:2px solid var(--verm);}
.rec-grupo-h-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.06rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--verm);}
.rec-grupo-h-sub{font-size:0.62rem;color:var(--muted);font-style:italic;}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0.1rem;background:var(--rule);}
.rec-card{background:white;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:0.5rem;transition:all 0.15s;}
.rec-card:hover{background:#FFF4E9;}
.rec-card-tipo{font-size:0.5rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);}
.rec-card-titulo{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--cinza);line-height:1.1;}
.rec-card-titulo .free{font-family:'Work Sans',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.14em;background:var(--verde);color:#fff;padding:0.12rem 0.4rem;margin-left:0.4rem;vertical-align:middle;}
.rec-card-titulo .pago{font-family:'Work Sans',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.14em;background:var(--laranja);color:#fff;padding:0.12rem 0.4rem;margin-left:0.4rem;vertical-align:middle;}
.rec-card-desc{font-size:0.75rem;color:#5a4f4a;line-height:1.55;}
.rec-card-tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.3rem;}
.rec-card-tag{font-size:0.5rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--verm);background:rgba(89,2,2,0.08);padding:0.12rem 0.45rem;}
.rec-card-link{margin-top:auto;padding-top:0.5rem;}
.rec-card-link a{font-size:0.62rem;font-weight:700;letter-spacing:0.1em;color:var(--laranja);text-decoration:none;display:inline-flex;align-items:center;gap:0.3rem;}
.rec-card-link a:hover{color:var(--verm);}
.rec-cta-denkmal{background:linear-gradient(135deg,var(--verm),#590202);padding:1.8rem 2rem;margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.rec-cta-denkmal h3{font-family:'Work Sans',sans-serif;font-weight:800;font-size:1.23rem;color:var(--branco);text-transform:uppercase;margin:0;}
.rec-cta-denkmal p{font-size:0.75rem;color:rgba(255,244,233,0.65);margin:0.4rem 0 0;line-height:1.6;}
.rec-cta-denkmal button{padding:0.9rem 2rem;background:var(--laranja);border:none;color:#fff;font-family:'Work Sans',sans-serif;font-weight:800;font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;}
.rec-cta-denkmal button:hover{background:#FF5A1F;}
@media(max-width:780px){
  #pg-recursos > div:first-child{padding:2rem 1.5rem 1.5rem;}
  #pg-recursos > div:nth-child(2){padding:1rem 1.5rem;}
  #pg-recursos > div:nth-child(3){padding:1.5rem 1.5rem 3rem;}
}


/* ===== Fase 3 — microinterações: hover states para elementos clicáveis
   que tinham cursor:pointer mas nenhum feedback visual ao passar o mouse ===== */
.nav-prova-badge:hover{opacity:0.7;}
.splash-lock-btn:hover{filter:brightness(1.1);transform:translateY(-1px);}
.check-add-btn:hover{background:var(--verm-dk);}
.timer-hab-btn:hover{background:rgba(255,244,233,0.08);color:rgba(255,244,233,0.85);}
.timer-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.ob-btn-secondary:hover{border-color:rgba(89,2,2,0.35);background:rgba(89,2,2,0.03);}
.ob-skip:hover{color:#5a4f4a;}
.auth-checkbox:hover{opacity:0.85;}
.cod-result-copy:hover{filter:brightness(1.1);}
.flash-outer:hover .flash-front,.flash-outer:hover .flash-back{box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.rev-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.rev-done-btn:hover{background:var(--verm-dk);}
.tema-btn:hover{filter:brightness(1.08);}