/* EDUC English — css/features/lousa.css */
#sc-lousa{position:fixed;inset:0;z-index:300;background:#03060f;display:none;flex-direction:column}
#sc-lousa.ativo{display:flex}
.lousa-hdr{display:flex;align-items:center;gap:10px;padding:10px 18px;background:rgba(0,0,0,.55);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.lousa-hdr-nom{flex:1;font-family:var(--h);font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lousa-hdr-cnt{font-family:var(--m);font-size:11px;color:var(--muted);white-space:nowrap}
.lousa-close-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);border-radius:8px;padding:5px 14px;font-size:12px;cursor:pointer;font-family:var(--b);flex-shrink:0}
.lousa-prog-wrap{height:3px;background:rgba(255,255,255,.08);flex-shrink:0}
.lousa-prog-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--teal));transition:width .3s}
.lousa-body{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px}
@keyframes lousaIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.lousa-body>*{animation:lousaIn .24s ease both}
.lousa-tipo-badge{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted);font-family:var(--m);margin-bottom:10px;text-align:center}
.lousa-titulo-big{font-family:var(--h);font-size:clamp(1.3rem,3.5vw,2rem);font-weight:900;color:#fff;text-align:center;margin-bottom:28px}
.lousa-cards-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:960px}
.lousa-fcard{background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 26px;min-width:130px;text-align:center;cursor:pointer;transition:.2s}
.lousa-fcard:hover{border-color:var(--green);transform:translateY(-3px)}
.lousa-fcard-ico{font-size:2.5rem;display:block;margin-bottom:8px}
.lousa-fcard-w{font-size:1.3rem;font-weight:800;color:#fff;font-family:var(--h)}
.lousa-fcard-pt{font-size:.9rem;color:var(--muted);margin-top:3px}
.lousa-q{font-family:var(--h);font-size:clamp(1.1rem,3vw,1.7rem);color:#fff;text-align:center;margin-bottom:26px;line-height:1.4;max-width:680px}
.lousa-opts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:680px;width:100%}
.lousa-opt-btn{padding:16px 22px;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--h);text-align:center;transition:.15s}
.lousa-opt-btn:hover{border-color:var(--blue);background:rgba(59,130,246,.15)}
.lousa-opt-btn.correct{border-color:var(--green)!important;background:rgba(16,185,129,.2)!important;color:var(--green)!important}
.lousa-opt-btn.wrong{border-color:var(--red)!important;background:rgba(239,68,68,.12)!important;color:var(--red)!important}
.lousa-sentence{font-size:clamp(1rem,2.5vw,1.5rem);color:#fff;font-family:var(--h);text-align:center;margin-bottom:22px;line-height:1.7;max-width:680px}
.lousa-fib-opts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lousa-fib-btn{padding:10px 22px;border-radius:10px;border:2px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--h);transition:.15s}
.lousa-fib-btn:hover{border-color:var(--teal);background:rgba(6,182,212,.15)}
.lousa-lyrics{font-size:clamp(.95rem,2.2vw,1.35rem);color:rgba(255,255,255,.82);text-align:center;line-height:2.1;font-style:italic;max-width:640px}
.lousa-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;background:rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}
.lousa-nav-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8);border-radius:10px;padding:9px 28px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:var(--h);transition:.15s;min-width:120px}
.lousa-nav-btn:hover:not(:disabled){background:rgba(255,255,255,.16);color:#fff}
.lousa-nav-btn:disabled{opacity:.28;cursor:default}
.lousa-dots{display:flex;gap:5px;align-items:center}
.lousa-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);transition:.22s}
.lousa-dot.on{background:var(--green);width:22px;border-radius:4px}
.btn-lousa{background:transparent;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.55);border-radius:7px;padding:3px 9px;font-size:11px;cursor:pointer;font-family:var(--b);transition:.15s;margin-left:6px;flex-shrink:0}
.btn-lousa:hover{background:rgba(255,255,255,.08);color:#fff}
@keyframes slideInRight{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
.ativ-titulo{animation:slideInRight .26s ease both}
.lic-counter{font-size:10px;font-family:var(--m);color:var(--muted);white-space:nowrap;padding:0 6px;background:rgba(255,255,255,.06);border-radius:10px}