.lexlife-app *{box-sizing:border-box}.lexlife-app{--ll-bg:#eaf1fb;--ll-card:#fff;--ll-ink:#0f172a;--ll-muted:#64748b;--ll-line:#dbe3ef;--ll-blue:#1d4ed8;--ll-green:#15803d;--ll-red:#b91c1c;--ll-yellow:#b45309;--ll-purple:#6d28d9;--ll-shadow:0 20px 55px rgba(15,23,42,.16);font-family:Arial,Helvetica,sans-serif;color:var(--ll-ink);background:radial-gradient(circle at top left,#bfdbfe 0,transparent 36%),var(--ll-bg);border:1px solid var(--ll-line);border-radius:22px;box-shadow:var(--ll-shadow);overflow:hidden;margin:18px auto;max-width:1220px}.lexlife-loading{padding:24px;font-weight:800}.ll-top{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.ll-top h1{font-size:28px;margin:0 0 4px}.ll-top p{color:#dbeafe;font-size:14px;line-height:1.45;margin:0}.ll-profile-mini{display:grid;grid-template-columns:repeat(3,auto);gap:10px}.ll-pill{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;white-space:nowrap}.ll-screen{display:none;padding:22px}.ll-screen.ll-active{display:block}.ll-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.ll-card,.ll-hero-card,.ll-panel,.ll-course-card,.ll-mission-card,.ll-result-card{background:#fff;border:1px solid var(--ll-line);border-radius:20px;box-shadow:0 12px 28px rgba(15,23,42,.08)}.ll-hero-card{padding:26px;background:linear-gradient(180deg,#fff,#f8fafc)}.ll-hero-card h2{font-size:34px;line-height:1.08;margin:0 0 12px}.ll-hero-card p{color:var(--ll-muted);line-height:1.6;margin:0 0 18px}.ll-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lexlife-app button{border:none;border-radius:16px;padding:14px 15px;font-weight:800;cursor:pointer;transition:transform .15s ease,opacity .15s ease;text-align:left;color:var(--ll-ink);background:#e2e8f0}.lexlife-app button:hover:not(:disabled){transform:translateY(-2px);opacity:.94}.lexlife-app button:disabled{opacity:.5;cursor:not-allowed}.lexlife-app button small{display:block;margin-top:5px;color:#475569;font-weight:600;line-height:1.35}.ll-btn-blue{background:#dbeafe!important;color:#1e3a8a!important}.ll-btn-green{background:#dcfce7!important;color:#14532d!important}.ll-btn-yellow{background:#fef3c7!important;color:#78350f!important}.ll-btn-red{background:#fee2e2!important;color:#7f1d1d!important}.ll-btn-purple{background:#ede9fe!important;color:#4c1d95!important}.ll-btn-dark{background:#0f172a!important;color:#fff!important;text-align:center!important}.ll-btn-dark small{color:#cbd5e1!important}.ll-panel{padding:20px}.ll-panel h3{font-size:20px;margin:0 0 12px}.ll-panel p,.ll-hidden-note{color:var(--ll-muted);font-size:14px;line-height:1.45;margin:0 0 8px}.ll-stat-list{display:grid;gap:12px}.ll-stat-row{display:grid;gap:6px}.ll-stat-label{display:flex;justify-content:space-between;font-size:14px;color:#334155;font-weight:800}.ll-bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.ll-fill{height:100%;border-radius:999px;transition:width .25s ease;background:var(--ll-blue)}.ll-fill.ll-civil{background:var(--ll-green)}.ll-fill.ll-juris{background:var(--ll-purple)}.ll-fill.ll-norma{background:var(--ll-yellow)}.ll-fill.ll-money{background:#059669}.ll-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.ll-nav-row h2{font-size:28px;margin:0}.ll-nav-row p{color:var(--ll-muted);margin:4px 0 0}.ll-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ll-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ll-course-card,.ll-mission-card{padding:18px;display:grid;gap:12px;min-height:190px}.ll-course-card h3,.ll-mission-card h3{font-size:21px;margin:0}.ll-course-card p,.ll-mission-card p{color:var(--ll-muted);line-height:1.5;font-size:14px;margin:0}.ll-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.ll-tag{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.ll-mission-layout{display:grid;grid-template-columns:1fr 340px;gap:16px}.ll-mission-box{background:#fff;border:1px solid var(--ll-line);border-radius:20px;padding:22px;box-shadow:0 12px 28px rgba(15,23,42,.08)}.ll-mission-box h2{font-size:26px;margin:0 0 8px}.ll-mission-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.ll-case-text{background:#f8fafc;border-left:6px solid var(--ll-blue);border-radius:16px;padding:16px;line-height:1.65;margin-bottom:16px;color:#334155}.ll-question{font-size:18px;font-weight:900;margin-bottom:12px}.ll-options{display:grid;gap:10px}.ll-options button{background:#f8fafc!important;border:1px solid #dbe3ef!important}.ll-options button.ll-correct{background:#dcfce7!important;border-color:#86efac!important;color:#14532d!important}.ll-options button.ll-wrong{background:#fee2e2!important;border-color:#fecaca!important;color:#7f1d1d!important}.ll-result-card{display:none;margin-top:16px;padding:18px;line-height:1.55}.ll-result-card.ll-show{display:block}.ll-result-card.ll-ok{background:#f0fdf4;border-color:#bbf7d0}.ll-result-card.ll-bad{background:#fef2f2;border-color:#fecaca}.ll-side-help{display:grid;gap:16px}.ll-side-help .ll-panel{box-shadow:none}.ll-reward-box{background:#fffbeb;border-color:#fde68a}.ll-story-layout{display:grid;grid-template-columns:1fr 330px;gap:16px}.ll-canvas-area{position:relative;background:#e2e8f0;border:1px solid var(--ll-line);border-radius:20px;padding:12px}.lexlife-app canvas{width:100%;max-width:820px;display:block;margin:0 auto;border:3px solid #334155;border-radius:18px;background:#f8fafc}.ll-help-float{margin-top:10px;background:#0f172a;color:#fff;border-radius:14px;padding:11px 12px;line-height:1.45;font-size:13px}.ll-log-box{max-height:300px;overflow:auto;display:grid;gap:8px}.ll-log-item{background:#fff;border:1px solid var(--ll-line);border-radius:12px;padding:9px;color:#334155;font-size:13px;line-height:1.35}.ll-avatar-card{display:flex;gap:12px;align-items:center;margin-bottom:12px}.ll-avatar-preview{width:62px;height:82px;border-radius:18px;border:1px solid var(--ll-line);background:#f8fafc;display:grid;place-items:center;position:relative}.ll-skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ll-skin-card{border:1px solid var(--ll-line);border-radius:18px;background:#fff;padding:16px;display:grid;gap:10px;box-shadow:0 10px 22px rgba(15,23,42,.07)}.ll-skin-card h3{margin:0;font-size:18px}.ll-skin-card p{margin:0;color:var(--ll-muted);line-height:1.45;font-size:14px}.ll-dialog-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.6);z-index:99999}.ll-dialog-box{width:100%;max-width:640px;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:22px;border:1px solid var(--ll-line)}.ll-dialog-box h2{font-size:24px;margin:0 0 10px}.ll-dialog-box p{line-height:1.6;color:#334155;margin:0 0 14px}.ll-dialog-options{display:grid;gap:10px}.ll-dialog-options button{background:#f8fafc!important;border:1px solid var(--ll-line)!important}.ll-error{padding:18px;background:#fef2f2;border:1px solid #fecaca;border-radius:18px;color:#7f1d1d}.ll-course-progress{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:9px 10px;color:#334155;font-size:13px;line-height:1.35}.ll-course-progress strong{color:#0f172a}.ll-course-card h3{letter-spacing:-.02em}.ll-mission-card h3{letter-spacing:-.01em}@media(max-width:1000px){.ll-hero-grid,.ll-grid-2,.ll-grid-3,.ll-mission-layout,.ll-story-layout{grid-template-columns:1fr}.ll-profile-mini{grid-template-columns:1fr;width:100%}.ll-top{flex-direction:column;align-items:flex-start}.ll-skin-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.lexlife-app{margin:8px auto}.ll-screen{padding:14px}.ll-mode-grid,.ll-skin-grid{grid-template-columns:1fr}.ll-nav-row{flex-direction:column;align-items:flex-start}.ll-top h1{font-size:23px}.ll-hero-card h2{font-size:27px}}

/* LexLife v0.2.1 - intentos, asesoría y progresión */
.ll-mission-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:12px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;color:#1e3a8a;font-size:13px;line-height:1.35}.ll-result-card.ll-warn{background:#fffbeb;border-color:#fde68a}.ll-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.ll-result-actions button{font-size:13px}.ll-result-actions .ll-btn-dark{grid-column:1/-1}.ll-options button:disabled.ll-wrong{opacity:1}.ll-options button:disabled.ll-correct{opacity:1}.ll-reward-box small{display:block;margin-top:6px;color:#92400e;line-height:1.35}@media(max-width:680px){.ll-mission-status,.ll-result-actions{grid-template-columns:1fr}}

/* LexLife v0.2.2 - registro, compra manual y botones de avance */
.ll-account-box{margin:0 0 14px}.ll-account-ok,.ll-account-warn{border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.45;border:1px solid #dbe3ef}.ll-account-ok{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.ll-account-warn{background:#fffbeb;border-color:#fde68a;color:#78350f}.ll-account-warn a{font-weight:900;color:#1d4ed8;text-decoration:none}.ll-payment-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:20px;padding:18px;margin:0 0 16px;box-shadow:0 10px 22px rgba(15,23,42,.07)}.ll-payment-card h3{margin:0 0 8px;font-size:20px}.ll-payment-card p{margin:0;color:#475569;line-height:1.5}.ll-next-action{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;text-align:center!important;border:2px solid #bbf7d0!important;box-shadow:0 14px 30px rgba(22,163,74,.32)!important;text-transform:uppercase;letter-spacing:.045em}.ll-next-action small{color:#dcfce7!important}.ll-next-action:hover:not(:disabled){transform:translateY(-3px) scale(1.01)!important}.ll-result-actions .ll-next-action:first-child{grid-column:1/-1}.ll-side-help .ll-panel:nth-child(3){background:#f8fafc;border-color:#bfdbfe}.ll-side-help .ll-panel:nth-child(3) p{font-size:13.5px;line-height:1.55;color:#334155}


/* LexLife v0.3.0 - cuentas, perfil y notificaciones */
.ll-notif-button{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:999px!important;padding:8px 12px!important;text-align:center!important;min-width:64px;white-space:nowrap}.ll-notif-button span{font-weight:900}.ll-notif-button:hover{transform:translateY(-2px)!important}.ll-account-ok a,.ll-account-warn a{font-weight:900;color:#1d4ed8;text-decoration:none}.ll-notif-item{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;padding:12px;margin:0 0 10px;color:#334155;line-height:1.45}.ll-notif-item strong{color:#0f172a}.ll-notif-item small{color:#64748b}.ll-notif-item a{font-weight:900;color:#1d4ed8;text-decoration:none}.ll-notif-badge{display:inline-block;background:#dcfce7;color:#14532d;border:1px solid #86efac;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;margin-right:8px}.lexlife-profile-page{background:#fff;border:1px solid #dbe3ef;border-radius:22px;box-shadow:0 12px 28px rgba(15,23,42,.08);padding:24px;margin:20px auto;max-width:980px;color:#0f172a;font-family:Arial,Helvetica,sans-serif}.lexlife-profile-page h2{font-size:30px;margin:0 0 12px}.lexlife-profile-page h3{font-size:22px;margin:18px 0 8px}.lexlife-profile-page p{color:#475569;line-height:1.6}.ll-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.ll-profile-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:18px;padding:16px;line-height:1.45}.ll-profile-card strong{font-size:16px;color:#0f172a}.ll-profile-card small{color:#64748b}.ll-profile-list{background:#f8fafc;border:1px solid #dbe3ef;border-radius:18px;padding:16px 18px 16px 34px}.ll-profile-btn{display:inline-block;background:#1d4ed8;color:#fff!important;text-decoration:none!important;border-radius:14px;padding:12px 16px;font-weight:900;margin:4px 8px 4px 0}.ll-profile-btn-light{background:#e0f2fe!important;color:#1e3a8a!important}@media(max-width:900px){.ll-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ll-profile-grid{grid-template-columns:1fr}.ll-profile-mini{grid-template-columns:repeat(2,auto)}}


/* LexLife v0.3.1 - tienda de skins por rareza y premium */
.ll-skin-store{display:grid;gap:18px}.ll-skin-section{background:#f8fafc;border:1px solid #dbe3ef;border-radius:22px;padding:16px;box-shadow:0 10px 22px rgba(15,23,42,.06)}.ll-skin-section-head{margin:0 0 12px}.ll-skin-section-head h3{margin:0 0 4px;font-size:22px;color:#0f172a}.ll-skin-section-head p{margin:0;color:#64748b;line-height:1.45}.ll-skin-card-top{display:flex;gap:12px;align-items:center}.ll-premium-skin{background:linear-gradient(180deg,#fff,#fffbeb)!important;border-color:#facc15!important}.ll-rarity-comun{border-color:#dbe3ef}.ll-rarity-especial{border-color:#86efac}.ll-rarity-epica{border-color:#c4b5fd}.ll-rarity-legendaria{border-color:#facc15;box-shadow:0 16px 34px rgba(245,158,11,.16)}.ll-rarity-pill-comun{background:#f1f5f9!important;color:#334155!important}.ll-rarity-pill-especial{background:#dcfce7!important;color:#14532d!important;border-color:#86efac!important}.ll-rarity-pill-epica{background:#ede9fe!important;color:#4c1d95!important;border-color:#c4b5fd!important}.ll-rarity-pill-legendaria{background:#fef3c7!important;color:#78350f!important;border-color:#facc15!important}.ll-avatar-comun{background:#f8fafc}.ll-avatar-especial{background:#f0fdf4}.ll-avatar-epica{background:#f5f3ff}.ll-avatar-legendaria{background:#fffbeb}.ll-shop-notice{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;line-height:1.45}.ll-shop-notice .ll-btn-green{padding:10px 12px!important;white-space:nowrap}@media(max-width:680px){.ll-shop-notice{display:grid}.ll-skin-card-top{align-items:flex-start}}


/* LexLife v0.3.2 - Skins premium visuales originales */
.lexlife-app .ll-premium-skin{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(250,204,21,.55)!important;
  background:linear-gradient(180deg,#fffaf0 0%,#ffffff 48%,#eef6ff 100%)!important;
}
.lexlife-app .ll-premium-skin:before{
  content:"";
  position:absolute;
  inset:-60px -80px auto auto;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(56,189,248,.28),rgba(124,58,237,.12),transparent 70%);
  pointer-events:none;
}
.lexlife-app .ll-premium-skin .ll-skin-card-top{
  align-items:flex-start;
}
.lexlife-app .ll-avatar-premium-card{
  width:132px!important;
  min-width:132px!important;
  height:174px!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden;
  background:#020617!important;
  border:1px solid rgba(255,255,255,.32)!important;
}
.lexlife-app .ll-premium-portrait-wrap{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:18px;
  background:#020617;
}
.lexlife-app .ll-premium-portrait{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}
.lexlife-app .ll-premium-original{
  position:absolute;
  left:8px;
  bottom:8px;
  padding:5px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(255,255,255,.24);
}
.lexlife-app .ll-mini-portrait{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  background:#020617;
  border:1px solid rgba(148,163,184,.55);
  box-shadow:0 10px 25px rgba(15,23,42,.16);
}
.lexlife-app .ll-mini-portrait img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.lexlife-app .ll-premium-aura-neon-blue,.lexlife-app .ll-mini-aura-neon-blue{box-shadow:0 0 0 1px rgba(56,189,248,.3),0 0 24px rgba(14,165,233,.55)!important}
.lexlife-app .ll-premium-aura-neon-gold,.lexlife-app .ll-mini-aura-neon-gold{box-shadow:0 0 0 1px rgba(250,204,21,.3),0 0 24px rgba(245,158,11,.55)!important}
.lexlife-app .ll-premium-aura-neon-pink,.lexlife-app .ll-mini-aura-neon-pink{box-shadow:0 0 0 1px rgba(244,114,182,.3),0 0 24px rgba(244,114,182,.55)!important}
.lexlife-app .ll-premium-aura-neon-violet,.lexlife-app .ll-mini-aura-neon-violet{box-shadow:0 0 0 1px rgba(124,58,237,.3),0 0 24px rgba(124,58,237,.55)!important}
.lexlife-app .ll-premium-aura-neon-cyan,.lexlife-app .ll-mini-aura-neon-cyan{box-shadow:0 0 0 1px rgba(34,211,238,.3),0 0 24px rgba(34,211,238,.55)!important}
.lexlife-app .ll-premium-aura-neon-red,.lexlife-app .ll-mini-aura-neon-red{box-shadow:0 0 0 1px rgba(239,68,68,.3),0 0 24px rgba(239,68,68,.55)!important}
.lexlife-app .ll-skin-section-premium .ll-skin-grid{
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
}
.lexlife-app .ll-skin-section-premium .ll-skin-card h3:after{
  content:" ✨";
}
.lexlife-app .ll-skin-section-premium .ll-skin-card p{
  font-size:14px;
  line-height:1.55;
}
.lexlife-app .ll-skin-section-premium .ll-btn-purple{
  background:linear-gradient(135deg,#4c1d95,#0ea5e9)!important;
  color:#fff!important;
}
.lexlife-app .ll-skin-section-premium .ll-btn-purple small{color:#e0f2fe!important}
@media(max-width:680px){
  .lexlife-app .ll-avatar-premium-card{width:100%!important;height:220px!important;min-width:0!important}
  .lexlife-app .ll-premium-skin .ll-skin-card-top{display:grid!important;grid-template-columns:1fr!important}
  .lexlife-app .ll-skin-section-premium .ll-skin-grid{grid-template-columns:1fr!important}
}

/* LexLife v0.4.0 - WooCommerce, ranking y universidades */
.ll-ranking-page{max-width:1180px}.ll-ranking-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:20px;padding:20px;margin-bottom:18px}.ll-ranking-hero h2{color:#fff;margin:0 0 6px}.ll-ranking-hero p{color:#dbeafe;margin:0}.ll-ranking-hero span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;white-space:nowrap}.ll-ranking-list{display:grid;gap:12px;margin-bottom:22px}.ll-ranking-row{display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:20px;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.08)}.ll-ranking-row.ll-rank-1{border-color:#facc15;background:linear-gradient(90deg,#fffbeb,#fff)}.ll-ranking-row.ll-rank-2{border-color:#cbd5e1}.ll-ranking-row.ll-rank-3{border-color:#fed7aa}.ll-rank-skin{width:70px;height:86px;border-radius:16px;overflow:hidden;background:#020617;border:1px solid #cbd5e1;display:grid;place-items:center;box-shadow:0 10px 22px rgba(15,23,42,.16)}.ll-rank-skin img{width:100%;height:100%;object-fit:cover;display:block}.ll-rank-skin-fallback{font-size:30px;background:#eff6ff}.ll-ranking-main strong{display:block;font-size:18px;color:#0f172a}.ll-ranking-main small,.ll-ranking-score small{display:block;color:#64748b;line-height:1.45}.ll-ranking-score{text-align:right}.ll-ranking-score strong{display:block;color:#14532d}.ll-university-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ll-university-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:18px;padding:16px;box-shadow:0 10px 22px rgba(15,23,42,.06)}.ll-university-card span{display:inline-block;background:#1d4ed8;color:#fff;border-radius:999px;padding:4px 9px;font-weight:900;font-size:12px;margin-bottom:10px}.ll-university-card strong{display:block;font-size:20px;color:#0f172a}.ll-university-card p{margin:8px 0 4px;color:#14532d;font-weight:900}.ll-university-card small{color:#64748b}.ll-ranking-empty{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:14px;color:#78350f}.ll-ranking-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px;color:#1e3a8a}.ll-profile-form{background:#f8fafc;border:1px solid #dbe3ef;border-radius:18px;padding:16px;margin:12px 0 18px}.ll-profile-form input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.ll-skin-section-premium .ll-premium-skin .ll-btn-purple{background:linear-gradient(135deg,#7c2d12,#d97706,#facc15)!important;color:#111827!important;border:1px solid #facc15!important}.ll-skin-section-premium .ll-premium-skin .ll-btn-purple small{color:#451a03!important}@media(max-width:900px){.ll-ranking-row{grid-template-columns:62px 1fr}.ll-ranking-score{text-align:left;grid-column:2}.ll-university-grid{grid-template-columns:1fr 1fr}.ll-rank-skin{width:58px;height:72px}.ll-ranking-hero{display:grid}}@media(max-width:600px){.ll-university-grid{grid-template-columns:1fr}.ll-ranking-row{grid-template-columns:1fr}.ll-rank-skin{width:100%;height:180px}.ll-ranking-score{grid-column:auto}}

/* LexLife v0.4.1 - dashboard jurídico premium */
.lexlife-app{
  --ll-navy:#061b43;
  --ll-navy-2:#0c2b66;
  --ll-gold:#e7b55f;
  --ll-gold-2:#f6d089;
  --ll-cream:#f7f3ea;
  max-width:1360px;
  background:linear-gradient(180deg,#071b44 0%,#0d2a63 24%,#eef3fb 24%,#eef3fb 100%);
  border:1px solid rgba(231,181,95,.35);
  border-radius:28px;
  overflow:hidden;
}
.ll-site-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:linear-gradient(90deg,#051638,#0b2a60);color:#fff;border-bottom:1px solid rgba(231,181,95,.22)}
.ll-site-brand{display:flex;align-items:center;gap:14px}.ll-brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(231,181,95,.16);border:1px solid rgba(231,181,95,.35);font-size:24px}.ll-site-brand strong{display:block;font-size:22px;letter-spacing:-.02em}.ll-site-brand small{display:block;color:#d7e0f1}.ll-site-nav{display:flex;flex-wrap:wrap;gap:18px;color:#dbe5f5;font-weight:700}.ll-site-nav span{position:relative}.ll-site-nav .is-active{color:var(--ll-gold-2)}.ll-site-nav .is-active:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;background:var(--ll-gold-2)}
.ll-site-auth{display:flex;gap:10px;align-items:center}.ll-auth-link{text-decoration:none;color:#fff;border:1px solid rgba(231,181,95,.45);padding:11px 16px;border-radius:14px;font-weight:800}.ll-auth-link-primary{background:linear-gradient(180deg,var(--ll-gold-2),var(--ll-gold));color:#0f172a}
.ll-home-screen{padding:22px 22px 28px;background:transparent}.ll-home-hero{display:grid;grid-template-columns:1.1fr 1.6fr;gap:18px;margin-bottom:18px}.ll-home-title-card,.ll-home-main-card,.ll-home-profile-panel,.ll-home-cta-panel,.ll-featured-panel{border-radius:24px;border:1px solid rgba(231,181,95,.45);box-shadow:0 18px 46px rgba(5,22,56,.18)}
.ll-home-title-card{padding:30px;background:linear-gradient(135deg,rgba(4,18,47,.93),rgba(8,30,75,.88));color:#fff;min-height:235px;display:flex;flex-direction:column;justify-content:center}.ll-home-title-card h1{font-size:64px;line-height:1.02;letter-spacing:-.04em;margin:10px 0 14px;font-family:Georgia,serif}.ll-home-title-card p{font-size:18px;line-height:1.55;color:#e2e8f0;margin:0}.ll-home-kicker{color:var(--ll-gold-2);font-weight:900;letter-spacing:.03em;text-transform:none}
.ll-home-main-card{padding:26px;background:linear-gradient(180deg,rgba(8,30,74,.96),rgba(8,30,74,.92));color:#fff;display:grid;grid-template-columns:1.2fr .95fr;gap:18px;align-items:center;position:relative;overflow:hidden}.ll-home-main-card:after{content:'⚖️';position:absolute;right:22px;top:22px;font-size:128px;opacity:.06}.ll-home-main-copy h2{font-family:Georgia,serif;font-size:48px;line-height:1.05;margin:8px 0 12px}.ll-home-main-copy p{margin:0;color:#d9e2f2;font-size:17px;line-height:1.55;max-width:600px}.ll-home-play{margin-top:18px;background:linear-gradient(180deg,var(--ll-gold-2),var(--ll-gold))!important;color:#0f172a!important;border-radius:16px!important;padding:14px 22px!important;display:inline-flex!important;align-items:center;justify-content:center;max-width:220px;text-align:center!important;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.ll-home-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ll-home-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 14px;display:grid;gap:6px;color:#fff}.ll-home-stat span{color:#dbe5f5;font-weight:700;font-size:13px}.ll-home-stat strong{font-size:28px;line-height:1}.ll-home-stat-button{text-align:left!important;background:rgba(255,255,255,.07)!important;color:#fff!important}.ll-home-stat-button strong{font-size:28px!important}
.ll-home-layout{display:grid;grid-template-columns:1.55fr .95fr;gap:18px}.ll-home-left,.ll-home-right{display:grid;gap:18px}.ll-home-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;border-radius:24px;background:var(--ll-cream);border:1px solid rgba(231,181,95,.35)}
.ll-home-module{display:grid;gap:10px;align-content:flex-start;background:#fff8ee!important;border:1px solid rgba(5,22,56,.08);border-radius:20px!important;padding:18px!important;box-shadow:0 8px 16px rgba(15,23,42,.06)}.ll-home-module strong{font-size:18px}.ll-home-module small{color:#475569!important;line-height:1.45}.ll-home-module-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:999px;background:#fff;font-size:26px;border:2px solid currentColor}.ll-home-module-green{color:#105b43!important}.ll-home-module-blue{color:#103c88!important}.ll-home-module-purple{color:#5b2aa4!important}.ll-home-module-cyan{color:#0f6a8d!important}.ll-home-module-gold{color:#8a5a08!important}.ll-home-module-red{color:#8b2332!important}
.ll-featured-panel{padding:18px;background:linear-gradient(180deg,#081f4d,#091c46);color:#fff}.ll-featured-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ll-featured-head h3{margin:0;font-size:34px;font-family:Georgia,serif}.ll-featured-head p{margin:5px 0 0;color:#dbe5f5}.ll-featured-more{background:transparent!important;border:1px solid rgba(231,181,95,.45)!important;color:var(--ll-gold-2)!important;border-radius:14px!important;padding:12px 16px!important;text-align:center!important}
.ll-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ll-featured-card{position:relative;border:1px solid rgba(231,181,95,.35);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.04);cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22)}.ll-featured-thumb{aspect-ratio:1.1/1;overflow:hidden;background:#061733}.ll-featured-thumb img{width:100%;height:100%;display:block;object-fit:cover}.ll-featured-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 14px}.ll-featured-meta strong{font-size:19px}.ll-featured-meta span{font-weight:900;color:var(--ll-gold-2)}.ll-featured-chip{position:absolute;left:12px;bottom:58px;background:linear-gradient(180deg,var(--ll-gold-2),var(--ll-gold));color:#0f172a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.ll-home-profile-panel{padding:22px;background:linear-gradient(180deg,#081f4d,#091c46);color:#fff}.ll-home-profile-top{display:flex;gap:14px;align-items:center;margin-bottom:12px}.ll-home-profile-top h3{margin:0 0 4px;font-size:36px;font-family:Georgia,serif}.ll-home-profile-top p{margin:0;color:#dbe5f5}.ll-avatar-preview-large{width:96px;height:110px;background:#fff7eb!important;border:2px solid rgba(231,181,95,.42)!important}
.ll-home-stat-list .ll-stat-label{color:#f8fafc}.ll-home-profile-panel .ll-hidden-note{color:#dbe5f5}.ll-home-profile-panel .ll-bar{background:rgba(255,255,255,.12)}.ll-home-profile-panel .ll-account-ok,.ll-home-profile-panel .ll-account-warn{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(231,181,95,.22)}.ll-home-profile-panel .ll-account-ok a,.ll-home-profile-panel .ll-account-warn a{color:var(--ll-gold-2);font-weight:800;text-decoration:none}
.ll-home-cta-panel{padding:22px;background:linear-gradient(180deg,#081f4d,#091c46);color:#fff;position:relative;overflow:hidden}.ll-home-cta-panel:after{content:'⚖️';position:absolute;right:18px;bottom:10px;font-size:120px;opacity:.08}.ll-home-cta-panel h3{margin:0 0 10px;font-size:40px;font-family:Georgia,serif;line-height:1.08}.ll-home-cta-panel p{margin:0 0 18px;color:#dbe5f5;font-size:17px;line-height:1.55}.ll-home-cta-button{background:linear-gradient(180deg,var(--ll-gold-2),var(--ll-gold))!important;color:#0f172a!important;border-radius:16px!important;padding:14px 20px!important;text-align:center!important;max-width:280px}

/* imágenes premium reales */
.ll-avatar-premium-card,.ll-premium-portrait-wrap{width:100%;height:100%;overflow:hidden;border-radius:16px}.ll-premium-portrait{width:100%;height:100%;object-fit:cover;display:block}.ll-premium-original{position:absolute;left:8px;bottom:8px;background:rgba(6,27,67,.82);color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ll-mini-portrait{overflow:hidden;border-radius:12px;background:#fff}.ll-mini-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.ll-skin-grid{grid-template-columns:repeat(2,1fr)}.ll-skin-card-top{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start}.ll-skin-card .ll-avatar-preview{width:160px;height:188px}.ll-premium-skin{background:#fffdf8;border-color:rgba(231,181,95,.4)}

/* ranking general */
.ll-ranking-page{background:#fff;border-radius:20px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 16px 36px rgba(15,23,42,.08)}.ll-ranking-hero{display:flex;justify-content:space-between;align-items:end;gap:16px;border-bottom:1px solid #e5e7eb;padding-bottom:14px;margin-bottom:16px}.ll-ranking-hero h2{margin:0 0 6px;font-size:34px;font-family:Georgia,serif}.ll-ranking-hero p{margin:0;color:#475569;line-height:1.5}.ll-ranking-list{display:grid;gap:14px}.ll-ranking-row{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}.ll-ranking-row .ll-rank-skin{width:96px;height:96px;border-radius:16px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0}.ll-ranking-row .ll-rank-skin img{width:100%;height:100%;object-fit:cover}.ll-ranking-main strong{display:block;font-size:20px;margin-bottom:5px}.ll-ranking-main small{color:#64748b;line-height:1.45}.ll-ranking-university{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.ll-ranking-university-muted{background:#f1f5f9;color:#64748b}.ll-ranking-score{text-align:right}.ll-ranking-score strong{display:block;font-size:22px}.ll-ranking-score small{color:#64748b}.ll-ranking-note{margin-top:16px;color:#475569}

@media(max-width:1180px){.ll-home-hero,.ll-home-layout,.ll-home-main-card{grid-template-columns:1fr}.ll-home-modules,.ll-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-site-top{flex-direction:column;align-items:flex-start}.ll-site-nav{gap:12px}}
@media(max-width:760px){.ll-home-title-card h1{font-size:42px}.ll-home-main-copy h2,.ll-home-cta-panel h3,.ll-home-profile-top h3,.ll-featured-head h3{font-size:28px}.ll-home-modules,.ll-featured-grid,.ll-skin-grid,.ll-skin-card-top{grid-template-columns:1fr}.ll-site-auth{width:100%;flex-direction:column;align-items:stretch}.ll-auth-link{text-align:center}.ll-ranking-row{grid-template-columns:1fr;text-align:left}.ll-ranking-score{text-align:left}}


/* LexLife v0.4.2 - ranking premium, filtros y perfil público básico */
.ll-ranking-premium{background:linear-gradient(180deg,#071b44,#0a2356 220px,#fff 220px);color:#0f172a;border-radius:26px;border:1px solid rgba(231,181,95,.35);overflow:hidden}
.ll-ranking-premium .ll-ranking-hero{padding:24px;margin:-20px -20px 18px;background:linear-gradient(135deg,#061638,#0b2b66);color:#fff;border-bottom:1px solid rgba(231,181,95,.35)}
.ll-ranking-kicker{display:inline-block;color:#f6d089;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:8px}
.ll-ranking-premium .ll-ranking-hero h2{color:#fff;font-size:46px}
.ll-ranking-premium .ll-ranking-hero p{color:#dbe5f5}
.ll-ranking-hero-actions{display:grid;gap:10px;text-align:right;color:#dbe5f5}
.ll-rank-my-position{background:linear-gradient(180deg,#f6d089,#e7b55f)!important;color:#0f172a!important;border-radius:14px!important;padding:12px 16px!important;text-align:center!important}
.ll-ranking-tools{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:0 0 16px}
.ll-ranking-search,.ll-ranking-filter{width:100%;border:1px solid #dbe3ef;border-radius:14px;padding:13px 14px;font-weight:700;background:#fff;color:#0f172a}
.ll-ranking-premium-list{gap:16px}
.ll-ranking-premium-row{grid-template-columns:118px 1fr 220px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;box-shadow:0 12px 26px rgba(15,23,42,.08)}
.ll-ranking-premium-row:nth-child(1){border-color:rgba(231,181,95,.65);box-shadow:0 16px 36px rgba(231,181,95,.18)}
.ll-ranking-premium-row .ll-rank-skin{width:118px;height:118px;border-radius:20px;border:2px solid rgba(231,181,95,.32)}
.ll-ranking-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.ll-ranking-badges span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;font-weight:900;font-size:12px;color:#334155}
.ll-profile-preview-btn{margin-top:10px;background:#0f172a!important;color:#fff!important;border-radius:12px!important;padding:10px 12px!important;text-align:center!important;font-size:12px!important}
.ll-ranking-row-me{outline:3px solid rgba(22,163,74,.35);background:linear-gradient(180deg,#f0fdf4,#fff)!important}
.ll-ranking-pulse{animation:llRankPulse 1.8s ease}
@keyframes llRankPulse{0%,100%{transform:scale(1);box-shadow:0 12px 26px rgba(15,23,42,.08)}45%{transform:scale(1.015);box-shadow:0 24px 56px rgba(22,163,74,.28)}}
@media(max-width:900px){.ll-ranking-tools,.ll-ranking-premium-row{grid-template-columns:1fr}.ll-ranking-hero-actions{text-align:left}.ll-ranking-premium-row .ll-rank-skin{width:100%;height:220px}.ll-ranking-score{text-align:left}}


/* LexLife v0.4.3 - correcciones visuales y responsivas */
.lexlife-app,.lexlife-app *{box-sizing:border-box;}
.lexlife-app{width:100%!important;max-width:1360px!important;margin:0 auto!important;}
.lexlife-app [class*="ll-home-"] h1,.lexlife-app [class*="ll-home-"] h2,.lexlife-app [class*="ll-home-"] h3,.lexlife-app .ll-featured-head h3{overflow-wrap:anywhere;word-break:normal;}
.lexlife-app .ll-home-title-card h1{color:#ffffff!important;font-size:clamp(2.4rem,5vw,4.4rem)!important;line-height:1.02!important;margin:8px 0 12px!important;}
.lexlife-app .ll-home-main-copy h2{color:#ffffff!important;font-size:clamp(2rem,4.3vw,3.8rem)!important;line-height:1.04!important;margin:6px 0 12px!important;}
.lexlife-app .ll-home-profile-top h3,.lexlife-app .ll-home-cta-panel h3,.lexlife-app .ll-featured-head h3{color:#ffffff!important;font-size:clamp(1.9rem,3.6vw,3rem)!important;line-height:1.08!important;}
.lexlife-app .ll-home-title-card p,.lexlife-app .ll-home-main-copy p,.lexlife-app .ll-home-cta-panel p,.lexlife-app .ll-featured-head p,.lexlife-app .ll-home-profile-top p,.lexlife-app .ll-home-profile-panel,.lexlife-app .ll-home-profile-panel p,.lexlife-app .ll-home-profile-panel span,.lexlife-app .ll-home-profile-panel strong{color:#eef4ff!important;}
.lexlife-app .ll-site-top{padding:14px 18px!important;}
.lexlife-app .ll-site-brand strong,.lexlife-app .ll-site-brand small,.lexlife-app .ll-site-nav span,.lexlife-app .ll-auth-link{font-size:14px!important;line-height:1.2!important;}
.lexlife-app .ll-home-hero,.lexlife-app .ll-home-layout{gap:16px!important;}
.lexlife-app .ll-home-title-card,.lexlife-app .ll-home-main-card,.lexlife-app .ll-home-profile-panel,.lexlife-app .ll-home-cta-panel,.lexlife-app .ll-featured-panel{overflow:hidden;}
.lexlife-app .ll-home-main-card:after{font-size:84px!important;right:14px!important;top:14px!important;}
.lexlife-app .ll-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.lexlife-app .ll-home-stat{padding:12px!important;min-width:0!important;}
.lexlife-app .ll-home-stat strong{font-size:clamp(1.45rem,3.4vw,2rem)!important;}
.lexlife-app .ll-home-stat span{font-size:12px!important;}
.lexlife-app .ll-home-modules{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;padding:14px!important;}
.lexlife-app .ll-home-module{min-height:180px;align-content:start!important;padding:16px!important;gap:8px!important;}
.lexlife-app .ll-home-module strong{font-size:17px!important;line-height:1.15!important;color:inherit!important;}
.lexlife-app .ll-home-module small{font-size:12px!important;line-height:1.35!important;color:#475569!important;overflow-wrap:anywhere;}
.lexlife-app .ll-home-module-icon{width:48px!important;height:48px!important;font-size:22px!important;}
.lexlife-app .ll-home-profile-top{display:grid!important;grid-template-columns:84px 1fr!important;align-items:center!important;gap:12px!important;}
.lexlife-app .ll-home-profile-panel .ll-account-box{font-size:13px!important;}
.lexlife-app .ll-home-profile-panel .ll-stat-row{margin-bottom:14px!important;}
.lexlife-app .ll-home-profile-panel .ll-stat-label{font-size:14px!important;}
.lexlife-app .ll-featured-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important;}
.lexlife-app .ll-featured-card{min-width:0!important;}
.lexlife-app .ll-featured-meta{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:start!important;}
.lexlife-app .ll-featured-meta strong{font-size:16px!important;line-height:1.15!important;color:#fff!important;}
.lexlife-app .ll-featured-meta span{font-size:14px!important;}
.lexlife-app .ll-featured-chip{bottom:56px!important;}
.lexlife-app .ll-home-cta-button,.lexlife-app .ll-home-play,.lexlife-app .ll-featured-more{white-space:normal!important;line-height:1.15!important;}
.lexlife-app .ll-featured-panel .ll-featured-more{max-width:220px!important;}
.lexlife-app .ll-home-cta-panel .ll-home-cta-button{display:inline-flex!important;align-items:center;justify-content:center;}
@media (max-width: 1280px){
  .lexlife-app .ll-home-hero,.lexlife-app .ll-home-layout,.lexlife-app .ll-home-main-card{grid-template-columns:1fr!important;}
  .lexlife-app .ll-home-right{grid-template-columns:1fr!important;}
  .lexlife-app .ll-site-nav{display:none!important;}
}
@media (max-width: 900px){
  .lexlife-app .ll-site-top{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;}
  .lexlife-app .ll-site-auth{justify-content:flex-end!important;flex-wrap:wrap!important;}
  .lexlife-app .ll-home-title-card,.lexlife-app .ll-home-main-card,.lexlife-app .ll-home-profile-panel,.lexlife-app .ll-home-cta-panel,.lexlife-app .ll-featured-panel{padding:18px!important;}
  .lexlife-app .ll-home-profile-top{grid-template-columns:72px 1fr!important;}
  .lexlife-app .ll-home-modules,.lexlife-app .ll-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width: 680px){
  .lexlife-app .ll-site-top{grid-template-columns:1fr!important;}
  .lexlife-app .ll-site-auth{justify-content:stretch!important;}
  .lexlife-app .ll-site-auth .ll-auth-link{flex:1 1 auto;text-align:center!important;}
  .lexlife-app .ll-home-modules,.lexlife-app .ll-featured-grid,.lexlife-app .ll-skin-grid{grid-template-columns:1fr!important;}
  .lexlife-app .ll-featured-head{display:grid!important;gap:10px!important;}
  .lexlife-app .ll-home-stat{padding:10px!important;}
}


/* LexLife v0.4.4 - cabecera limpia y acceso Google */
.lexlife-app .ll-site-top-game{
  grid-template-columns:auto 1fr auto;
  gap:18px;
}
.lexlife-app .ll-site-top-game .ll-site-brand strong{
  font-size:20px!important;
  letter-spacing:.01em;
}
.lexlife-app .ll-site-top-game .ll-site-brand small{
  font-size:12px!important;
}
.lexlife-app .ll-game-nav{
  display:flex!important;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.lexlife-app .ll-game-nav button{
  background:transparent!important;
  color:#eaf2ff!important;
  border:0!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1!important;
  text-align:center!important;
}
.lexlife-app .ll-game-nav button:hover{
  color:#f6d089!important;
  background:rgba(246,208,137,.10)!important;
  transform:none!important;
}
.lexlife-app .ll-site-auth .ll-auth-link{
  white-space:nowrap;
}
.lexlife-app .ll-account-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}
.lexlife-app .ll-account-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  border-radius:12px;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
}
.lexlife-app .ll-google-entry{
  background:linear-gradient(180deg,#f6d089,#e7b55f);
  color:#0f172a!important;
}
.lexlife-app .ll-classic-entry{
  background:rgba(255,255,255,.08);
  color:#f6d089!important;
  border:1px solid rgba(246,208,137,.28);
}
@media(max-width:1280px){
  .lexlife-app .ll-site-top-game{
    grid-template-columns:1fr auto;
  }
  .lexlife-app .ll-game-nav{
    grid-column:1 / -1;
    justify-content:flex-start;
    display:flex!important;
  }
}
@media(max-width:760px){
  .lexlife-app .ll-site-top-game{
    grid-template-columns:1fr!important;
  }
  .lexlife-app .ll-game-nav{
    justify-content:stretch;
  }
  .lexlife-app .ll-game-nav button{
    flex:1 1 30%;
  }
}


/* LexLife v0.4.5 - acceso Google y cabecera inteligente */
.lexlife-app .ll-site-top-game .ll-site-auth{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.lexlife-app .ll-site-top-game .ll-auth-link-primary{
  background:linear-gradient(180deg,#f8d992,#e7b55f)!important;
  color:#071b44!important;
  border-color:#f8d992!important;
}
.lexlife-app .ll-site-top-game .ll-auth-link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.lexlife-app .ll-google-entry::before{
  content:"G";
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-right:7px;
  border-radius:50%;
  background:#fff;
  color:#1d4ed8;
  font-weight:900;
  font-family:Arial, sans-serif;
}
.lexlife-app .ll-account-warn span{
  display:block;
  margin-top:4px;
  color:#eaf2ff!important;
}
.lexlife-app .ll-account-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:10px!important;
}
.lexlife-app .ll-account-actions a{
  text-decoration:none!important;
}
@media(max-width:760px){
  .lexlife-app .ll-site-top-game .ll-site-auth{
    justify-content:stretch!important;
  }
  .lexlife-app .ll-site-top-game .ll-auth-link{
    flex:1 1 100%;
  }
}

/* LexLife v0.5.0 - Modo Historia ampliado */
.lexlife-app .ll-story-progress{
  background:linear-gradient(180deg,#fff7ed,#fffbeb)!important;
  border-color:#fde68a!important;
}
.lexlife-app .ll-story-progress p{
  margin:6px 0!important;
  color:#78350f!important;
  font-weight:800!important;
}
.lexlife-app .ll-story-progress .ll-btn-yellow{
  margin-top:10px!important;
  width:100%!important;
  text-align:left!important;
  background:linear-gradient(180deg,#f6d089,#e7b55f)!important;
  color:#0f172a!important;
}
.lexlife-app .ll-story-progress .ll-btn-yellow small{
  color:#422006!important;
}
.lexlife-app .ll-dialog-box{
  max-width:min(720px,94vw)!important;
}
.lexlife-app .ll-dialog-box p{
  white-space:pre-line;
  line-height:1.55!important;
}
.lexlife-app .ll-dialog-options button.ll-story-choice-ok{
  border-color:#86efac!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
}
.lexlife-app .ll-dialog-options button.ll-story-choice-bad{
  border-color:#fecaca!important;
  background:linear-gradient(180deg,#fef2f2,#ffffff)!important;
}
.lexlife-app .ll-log-item:first-child{
  border-left:4px solid #e7b55f;
  background:#fffbeb;
}
.lexlife-app .ll-story-layout .ll-side-help{
  align-content:start;
}
@media(max-width:900px){
  .lexlife-app .ll-story-layout{
    grid-template-columns:1fr!important;
  }
}


/* LexLife v0.7.0 - Modo Historia 2.0 Oficina Viva */
.lexlife-app .ll-story-screen-v2 .ll-story-topbar h2{color:#f8fafc!important;}
.lexlife-app .ll-story-layout-v2{grid-template-columns:1.45fr .85fr;gap:16px;align-items:start;}
.lexlife-app .ll-canvas-area-v2{background:linear-gradient(180deg,#dbeafe,#fef3c7);border:1px solid rgba(231,181,95,.35);box-shadow:0 18px 42px rgba(15,23,42,.14);}
.lexlife-app .ll-story-dashboard{display:grid;gap:12px;}
.lexlife-app .ll-story-status-panel{background:linear-gradient(180deg,#071b44,#0c2b66)!important;color:#fff!important;border-color:rgba(231,181,95,.38)!important;}
.lexlife-app .ll-story-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.lexlife-app .ll-story-panel-head h3{margin:0!important;color:#fff!important;}
.lexlife-app .ll-story-panel-head span{background:rgba(231,181,95,.18);border:1px solid rgba(231,181,95,.35);color:#f6d089;border-radius:999px;padding:6px 9px;font-weight:900;font-size:12px;}
.lexlife-app .ll-story-status-grid{display:grid;gap:10px;}
.lexlife-app .ll-story-meter{display:grid;gap:5px;}
.lexlife-app .ll-story-meter-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:12px;}
.lexlife-app .ll-story-meter-head strong{color:#fff!important;}
.lexlife-app .ll-story-meter-head span{color:#dbeafe;font-weight:800;}
.lexlife-app .ll-story-meter-head b{color:#fff;}
.lexlife-app .ll-story-bar{height:9px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden;}
.lexlife-app .ll-story-bar>div{height:100%;border-radius:999px;transition:width .25s ease;}
.lexlife-app .ll-meter-Energy .ll-story-bar>div{background:linear-gradient(90deg,#22c55e,#38bdf8);}
.lexlife-app .ll-meter-Stress .ll-story-bar>div{background:linear-gradient(90deg,#f59e0b,#ef4444);}
.lexlife-app .ll-meter-Reputation .ll-story-bar>div{background:linear-gradient(90deg,#a78bfa,#f6d089);}
.lexlife-app .ll-meter-Ethics .ll-story-bar>div{background:linear-gradient(90deg,#14b8a6,#22c55e);}
.lexlife-app .ll-story-money-row{margin-top:12px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;}
.lexlife-app .ll-story-money-row span{color:#dbeafe;font-weight:800;}
.lexlife-app .ll-story-money-row strong{font-size:20px;color:#f6d089;}
.lexlife-app .ll-story-client-card{display:grid;gap:8px;color:#0f172a;}
.lexlife-app .ll-client-name{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:900;font-size:17px;}
.lexlife-app .ll-client-name span{font-size:12px;background:#fee2e2;color:#991b1b;border-radius:999px;padding:4px 8px;}
.lexlife-app .ll-client-problem{font-weight:800;color:#1e3a8a;}
.lexlife-app .ll-client-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0;}
.lexlife-app .ll-client-tags span{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;}
.lexlife-app .ll-client-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.lexlife-app .ll-client-metrics b{background:#fff7ed;color:#7c2d12;border:1px solid #fed7aa;border-radius:10px;padding:7px 8px;font-size:12px;}
.lexlife-app .ll-story-dashboard-actions{display:grid;gap:8px;margin-top:10px;}
.lexlife-app .ll-story-question-card{display:grid;gap:10px;}
.lexlife-app .ll-story-question-card strong{font-size:18px;}
.lexlife-app.ll-story-crisis .ll-canvas-area-v2{animation:llCrisisPulse 1.2s ease-in-out infinite;}
@keyframes llCrisisPulse{0%,100%{box-shadow:0 18px 42px rgba(15,23,42,.14)}50%{box-shadow:0 18px 50px rgba(239,68,68,.35)}}
@media(max-width:1120px){.lexlife-app .ll-story-layout-v2{grid-template-columns:1fr}.lexlife-app .ll-story-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.lexlife-app .ll-story-dashboard .ll-panel:last-child{grid-column:1 / -1}}
@media(max-width:760px){.lexlife-app .ll-story-dashboard{grid-template-columns:1fr}.lexlife-app .ll-client-metrics{grid-template-columns:1fr}}


/* LexLife v0.8.0 - biblioteca inteligente y clientes rotativos */
.lexlife-app .ll-library-modal{
  display:grid;
  gap:12px;
  color:#0f172a;
}
.lexlife-app .ll-library-title{
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(135deg,#061b43,#12306d);
  color:#fff;
  font-weight:900;
  letter-spacing:.02em;
}
.lexlife-app .ll-library-case{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.lexlife-app .ll-library-case strong{
  color:#7c2d12;
}
.lexlife-app .ll-library-case span{
  color:#334155;
  font-weight:700;
}
.lexlife-app .ll-library-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.lexlife-app .ll-library-grid > div{
  padding:12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.lexlife-app .ll-library-grid b{
  display:block;
  color:#0b2a60;
  margin-bottom:5px;
}
.lexlife-app .ll-library-grid p{
  margin:0;
  color:#334155;
  line-height:1.45;
}
.lexlife-app .ll-library-wide{
  grid-column:1 / -1;
}
.lexlife-app .ll-library-effect{
  padding:10px 12px;
  border-radius:14px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#14532d;
  font-weight:800;
}
.lexlife-app .ll-story-choice-ok{
  border:1px solid rgba(34,197,94,.35)!important;
  background:linear-gradient(180deg,#ecfdf5,#dcfce7)!important;
  color:#064e3b!important;
}
.lexlife-app .ll-story-choice-bad{
  border:1px solid rgba(239,68,68,.35)!important;
  background:linear-gradient(180deg,#fef2f2,#fee2e2)!important;
  color:#7f1d1d!important;
}
.lexlife-app .ll-story-question-card strong{
  color:#0b2a60;
}
.lexlife-app .ll-client-tags span:first-child,
.lexlife-app .ll-client-tags span:nth-child(2){
  background:#fff7ed;
  color:#92400e;
  border-color:#fed7aa;
}
@media(max-width:760px){
  .lexlife-app .ll-library-grid{
    grid-template-columns:1fr;
  }
  .lexlife-app .ll-library-case{
    display:grid;
  }
}


/* v0.8.1 - corrección diálogo biblioteca */
.lexlife-app .ll-dialog-overlay{
  overflow-y:auto;
  align-items:flex-start;
}
.lexlife-app .ll-dialog-box{
  position:relative;
  max-height:min(88vh, 900px);
  overflow-y:auto;
  margin:auto;
  padding-top:54px;
}
.lexlife-app .ll-dialog-close{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  display:none;
  place-items:center;
  border-radius:999px !important;
  padding:0 !important;
  background:#0f172a !important;
  color:#fff !important;
  font-size:26px;
  line-height:1;
  text-align:center !important;
  box-shadow:0 8px 18px rgba(15,23,42,.22);
  z-index:2;
}
.lexlife-app .ll-dialog-options{
  position:sticky;
  bottom:-22px;
  background:#fff;
  padding-top:12px;
  padding-bottom:4px;
}
.lexlife-app .ll-library-alert{
  padding:12px 14px;
  border-radius:14px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  font-weight:800;
  line-height:1.45;
}
@media(max-width:760px){
  .lexlife-app .ll-dialog-overlay{
    padding:10px;
  }
  .lexlife-app .ll-dialog-box{
    max-height:90vh;
    padding:48px 14px 16px;
  }
  .lexlife-app .ll-dialog-options{
    bottom:-16px;
  }
}


/* v0.8.7 - flujo ordenado de atención del cliente */
.lexlife-app .ll-case-flow-card{
  margin-bottom:12px;
}
.lexlife-app .ll-flow-note{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  font-weight:800;
  line-height:1.45;
}
.lexlife-app .ll-case-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.lexlife-app .ll-case-status-grid div{
  padding:12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #dbe3ef;
}
.lexlife-app .ll-case-status-grid b{
  display:block;
  color:#0b2a60;
  margin-bottom:4px;
}
.lexlife-app .ll-case-status-grid span{
  color:#334155;
  font-weight:800;
}
@media(max-width:760px){
  .lexlife-app .ll-case-status-grid{
    grid-template-columns:1fr;
  }
}


/* v0.8.8 - flujo simplificado y recepción inferior */
.lexlife-app .ll-flow-note{
  background:#eff6ff;
  border:1px solid #bfdbfe;
}
.lexlife-app .ll-story-choice-ok strong::before{
  content:'✓ ';
}
.lexlife-app .ll-story-choice-bad strong::before{
  content:'⚠ ';
}


/* v0.8.9 - caso compacto y narrativa jurídica mejorada */
.lexlife-app .ll-dialog-box{
  max-width: 880px;
}
.lexlife-app .ll-dialog-box h2{
  margin-bottom: 12px !important;
  color:#071b44;
}
.lexlife-app .ll-dialog-box p,
.lexlife-app .ll-dialog-box [data-ll="dialogText"]{
  margin-bottom: 10px;
}
.lexlife-app .ll-case-compact{
  display:grid;
  gap:10px;
  padding:16px 18px !important;
  line-height:1.42;
}
.lexlife-app .ll-case-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.lexlife-app .ll-case-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:5px 9px;
  border-radius:999px;
  background:#0b2a60;
  color:#f6d089;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.lexlife-app .ll-case-level{
  color:#475569;
  font-size:12px;
  font-weight:900;
}
.lexlife-app .ll-case-compact h3{
  margin:0 !important;
  color:#071b44;
  font-size:24px;
  line-height:1.08;
}
.lexlife-app .ll-case-subtitle{
  color:#334155;
  font-weight:800;
  font-size:14px;
}
.lexlife-app .ll-case-block{
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:16px;
  padding:12px 14px;
}
.lexlife-app .ll-case-block b{
  display:block;
  margin-bottom:4px;
  color:#0b2a60;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.lexlife-app .ll-case-block p{
  margin:0 !important;
  color:#334155;
  font-size:15px;
  line-height:1.45;
}
.lexlife-app .ll-case-quote{
  padding:12px 14px;
  border-left:5px solid #d6a84f;
  border-radius:14px;
  background:#fff7ed;
  color:#7c2d12;
  font-size:15px;
  line-height:1.45;
  font-weight:800;
}
.lexlife-app .ll-case-question-box{
  display:grid;
  gap:5px;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#eff6ff,#dbeafe);
  border:1px solid #bfdbfe;
}
.lexlife-app .ll-case-question-box b{
  color:#1e3a8a;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.lexlife-app .ll-case-question-box span{
  color:#071b44;
  font-size:18px;
  font-weight:900;
  line-height:1.28;
}
.lexlife-app .ll-case-task{
  color:#475569;
  font-size:13px;
  font-weight:800;
}
.lexlife-app .ll-case-status-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:2px;
}
.lexlife-app .ll-case-status-pills span{
  background:#f1f5f9;
  color:#334155;
  border:1px solid #dbe3ef;
  border-radius:999px;
  padding:5px 8px;
  font-size:12px;
  font-weight:900;
}
.lexlife-app .ll-answer-panel{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding:14px 16px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #dbe3ef;
}
.lexlife-app .ll-answer-kicker{
  color:#b45309;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.lexlife-app .ll-answer-panel h3{
  margin:0;
  color:#071b44;
  font-size:20px;
  line-height:1.25;
}
.lexlife-app .ll-answer-panel p{
  margin:0 !important;
  color:#475569;
  font-size:14px;
  line-height:1.45;
}
.lexlife-app .ll-case-mini-tip,
.lexlife-app .ll-case-bonus,
.lexlife-app .ll-case-warning{
  padding:9px 10px;
  border-radius:12px;
  font-size:13px;
  line-height:1.35;
}
.lexlife-app .ll-case-mini-tip{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#334155;
}
.lexlife-app .ll-case-bonus{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#14532d;
  font-weight:900;
}
.lexlife-app .ll-case-warning{
  background:#fffbeb;
  border:1px solid #fde68a;
  color:#92400e;
  font-weight:900;
}
.lexlife-app .ll-answer-option{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px !important;
}
.lexlife-app .ll-answer-option strong{
  color:#0b2a60;
  min-width:26px;
}
.lexlife-app .ll-answer-option span{
  font-weight:800;
  line-height:1.35;
  color:#0f172a;
}
@media(max-width:760px){
  .lexlife-app .ll-dialog-box{
    max-width:96vw;
  }
  .lexlife-app .ll-case-compact h3{
    font-size:20px;
  }
  .lexlife-app .ll-case-question-box span{
    font-size:16px;
  }
}


/* v0.9.1 - estética narrativa, avatar del cliente y lectura más amigable */
.lexlife-app .ll-dialog-box{
  max-width: 920px;
}
.lexlife-app .ll-case-portrait{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid #dbe3ef;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.lexlife-app .ll-case-portrait-compact{
  grid-template-columns:72px 1fr;
  padding:12px;
}
.lexlife-app .ll-case-avatar{
  width:72px;
  height:72px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-size:34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 10px 24px rgba(15,23,42,.08);
}
.lexlife-app .ll-avatar-female .ll-case-avatar{
  background:linear-gradient(180deg,#fee2e2,#fecdd3);
}
.lexlife-app .ll-avatar-male .ll-case-avatar{
  background:linear-gradient(180deg,#dbeafe,#bfdbfe);
}
.lexlife-app .ll-avatar-corporate .ll-case-avatar{
  background:linear-gradient(180deg,#e2e8f0,#cbd5e1);
}
.lexlife-app .ll-case-persona{
  display:grid;
  gap:6px;
}
.lexlife-app .ll-case-persona-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.lexlife-app .ll-case-persona-top strong{
  font-size:18px;
  color:#071b44;
}
.lexlife-app .ll-case-persona-top span{
  background:#eef2ff;
  color:#3730a3;
  border:1px solid #c7d2fe;
  border-radius:999px;
  padding:4px 8px;
  font-size:12px;
  font-weight:900;
}
.lexlife-app .ll-case-persona-role{
  color:#334155;
  font-size:14px;
  font-weight:800;
}
.lexlife-app .ll-case-persona-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.lexlife-app .ll-case-persona-meta span,
.lexlife-app .ll-case-brief-text{
  color:#475569;
}
.lexlife-app .ll-case-persona-meta span{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:5px 8px;
  font-size:12px;
  font-weight:800;
}
.lexlife-app .ll-case-brief-card{
  gap:12px;
}
.lexlife-app .ll-case-brief-text{
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  font-size:14px;
  line-height:1.5;
}
.lexlife-app .ll-answer-panel{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.lexlife-app .ll-answer-panel h3{
  font-size:22px;
}
.lexlife-app .ll-answer-option{
  border-radius:18px !important;
  background:#fff !important;
}
.lexlife-app .ll-answer-option span{
  font-size:15px;
  line-height:1.42;
  font-weight:800;
  text-transform:none;
}
.lexlife-app .ll-dialog-options .ll-btn-dark{
  text-align:center !important;
}
@media(max-width:760px){
  .lexlife-app .ll-case-portrait,
  .lexlife-app .ll-case-portrait-compact{
    grid-template-columns:1fr;
    text-align:left;
  }
  .lexlife-app .ll-case-avatar{
    width:64px;
    height:64px;
    font-size:30px;
  }
}


/* v0.9.2 - narrativas de todos los casos y objetivo del cliente */
.lexlife-app .ll-case-goal{
  display:grid;
  gap:5px;
  padding:11px 14px;
  border-radius:16px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}
.lexlife-app .ll-case-goal b{
  color:#14532d;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.lexlife-app .ll-case-goal span{
  color:#14532d;
  font-size:14px;
  font-weight:800;
  line-height:1.38;
}
.lexlife-app .ll-case-situation p{
  font-size:15.5px;
}


/* v0.9.3 - Ranking dividido: general, historia, academia y universidades */
.lexlife-app .ll-ranking-tabs-page,
.ll-ranking-tabs-page{
  max-width:1180px;
}
.ll-ranking-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.ll-ranking-tabs button{
  border:1px solid #dbe3ef;
  background:#fff;
  color:#0b2a60;
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
}
.ll-ranking-tabs button.active{
  background:linear-gradient(135deg,#071b44,#0b2b66);
  color:#f6d089;
  border-color:#d6a84f;
}
.ll-ranking-panel{
  display:none;
}
.ll-ranking-panel.active{
  display:block;
}
.ll-ranking-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.ll-ranking-summary div{
  background:#f8fafc;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:13px;
}
.ll-ranking-summary strong{
  display:block;
  color:#071b44;
  font-size:24px;
}
.ll-ranking-summary span{
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.ll-ranking-mode-note{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  border-radius:16px;
  padding:12px 14px;
  font-weight:800;
  margin-bottom:12px;
}
.ll-university-rank-card p{
  color:#14532d;
}
@media(max-width:800px){
  .ll-ranking-summary{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:520px){
  .ll-ranking-summary{
    grid-template-columns:1fr;
  }
}


/* v0.9.4 - progresión, recompensas e insignias */
.lexlife-app .ll-story-level-card{
  margin-top:14px;
  padding:13px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(246,208,137,.25);
  display:grid;
  gap:9px;
}
.lexlife-app .ll-story-level-card > div:first-child{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.lexlife-app .ll-story-level-card strong{
  color:#f6d089;
}
.lexlife-app .ll-story-level-card span{
  color:#dbeafe;
  font-size:12px;
  font-weight:800;
}
.lexlife-app .ll-story-level-bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  overflow:hidden;
}
.lexlife-app .ll-story-level-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#f6d089,#22c55e,#38bdf8);
}
.lexlife-app .ll-story-mini-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.lexlife-app .ll-mini-badge,
.lexlife-app .ll-mini-badge-empty{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:#eaf2ff;
  font-size:11px;
  font-weight:900;
}
.lexlife-app .ll-case-finish{
  display:grid;
  gap:16px;
}
.lexlife-app .ll-case-finish-hero{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
  border:1px solid rgba(246,208,137,.45);
}
.lexlife-app .ll-case-finish-hero > span{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(246,208,137,.16);
  font-size:30px;
}
.lexlife-app .ll-case-finish-hero strong{
  display:block;
  font-size:22px;
  color:#f6d089;
}
.lexlife-app .ll-case-finish-hero small{
  color:#dbeafe;
  font-weight:800;
  line-height:1.35;
}
.lexlife-app .ll-case-reward-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.lexlife-app .ll-case-reward-grid div{
  padding:13px;
  border-radius:16px;
  border:1px solid #dbe3ef;
  background:#f8fafc;
}
.lexlife-app .ll-case-reward-grid b{
  display:block;
  color:#071b44;
  font-size:20px;
}
.lexlife-app .ll-case-reward-grid span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.lexlife-app .ll-story-level-result{
  padding:14px;
  border-radius:18px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  display:grid;
  gap:8px;
}
.lexlife-app .ll-story-level-result > div:first-child{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.lexlife-app .ll-story-level-result strong{
  color:#1e3a8a;
}
.lexlife-app .ll-story-level-result span,
.lexlife-app .ll-story-level-result small{
  color:#334155;
  font-weight:900;
}
.lexlife-app .ll-story-level-result .ll-story-level-bar{
  background:#dbeafe;
}
.lexlife-app .ll-story-badges-result{
  display:grid;
  gap:10px;
}
.lexlife-app .ll-story-badges-result h4{
  margin:0;
  color:#071b44;
}
.lexlife-app .ll-story-badges-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.lexlife-app .ll-story-badge,
.lexlife-app .ll-story-no-badges{
  padding:12px;
  border-radius:16px;
  border:1px solid #fde68a;
  background:#fffbeb;
  color:#78350f;
}
.lexlife-app .ll-story-badge span{
  font-size:24px;
  margin-right:6px;
}
.lexlife-app .ll-story-badge strong{
  display:block;
  color:#78350f;
}
.lexlife-app .ll-story-badge small,
.lexlife-app .ll-story-no-badges{
  font-weight:800;
  line-height:1.35;
}
.lexlife-app .ll-case-finish-note{
  padding:12px 14px;
  border-radius:16px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#14532d;
  font-weight:900;
}
@media(max-width:760px){
  .lexlife-app .ll-case-reward-grid,
  .lexlife-app .ll-story-badges-grid{
    grid-template-columns:1fr;
  }
  .lexlife-app .ll-case-finish-hero{
    grid-template-columns:1fr;
  }
}


/* v0.9.5 - Modo Examen, misiones diarias, perfil y ranking inteligente */
.lexlife-app .ll-exam-entry{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  background:linear-gradient(135deg,#fff7ed,#eff6ff);
  border:1px solid #fde68a;
  border-radius:22px;
  padding:16px 18px;
  margin-bottom:18px;
}
.lexlife-app .ll-exam-entry strong{
  display:block;
  color:#071b44;
  font-size:20px;
}
.lexlife-app .ll-exam-entry span{
  color:#475569;
  font-weight:800;
}
.lexlife-app .ll-exam-box{
  display:grid;
  gap:16px;
}
.lexlife-app .ll-exam-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
}
.lexlife-app .ll-exam-hero span{
  color:#f6d089;
  font-weight:900;
  letter-spacing:.06em;
}
.lexlife-app .ll-exam-hero h3{
  color:#fff;
  margin:6px 0;
  font-size:28px;
}
.lexlife-app .ll-exam-hero p{
  color:#dbeafe;
  margin:0;
}
.lexlife-app .ll-exam-course-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lexlife-app .ll-exam-course-card,
.lexlife-app .ll-exam-question,
.lexlife-app .ll-exam-result{
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.lexlife-app .ll-exam-course-card p{
  color:#475569;
  line-height:1.5;
}
.lexlife-app .ll-exam-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}
.lexlife-app .ll-exam-meta span,
.lexlife-app .ll-exam-status span{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:6px 9px;
  color:#334155;
  font-weight:900;
  font-size:12px;
}
.lexlife-app .ll-exam-progress{
  height:10px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  margin-bottom:12px;
}
.lexlife-app .ll-exam-progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#f6d089,#22c55e,#38bdf8);
}
.lexlife-app .ll-exam-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.lexlife-app .ll-exam-question h3{
  color:#071b44;
  font-size:24px;
}
.lexlife-app .ll-exam-options{
  margin-top:14px;
}
.lexlife-app .ll-exam-score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
}
.lexlife-app .ll-exam-score strong{
  font-size:44px;
  color:#f6d089;
}
.lexlife-app .ll-exam-score span{
  font-size:20px;
  font-weight:900;
}
.lexlife-app .ll-exam-feedback{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
}
.lexlife-app .ll-exam-detail{
  margin-top:14px;
  display:grid;
  gap:10px;
  padding-left:20px;
}
.lexlife-app .ll-exam-detail li{
  padding:10px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
}
.lexlife-app .ll-daily-panel{
  border-color:#bbf7d0;
  background:linear-gradient(180deg,#ffffff,#f0fdf4);
}
.lexlife-app .ll-daily-missions{
  display:grid;
  gap:9px;
}
.lexlife-app .ll-daily-status{
  color:#14532d;
  font-weight:900;
  margin-bottom:4px;
}
.lexlife-app .ll-daily-goal{
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:11px;
  border-radius:16px;
  border:1px solid #dbe3ef;
  background:#fff;
}
.lexlife-app .ll-daily-goal > div,
.lexlife-app .ll-daily-goal > span{
  position:relative;
  z-index:2;
}
.lexlife-app .ll-daily-goal strong{
  display:block;
  color:#071b44;
  font-size:13px;
}
.lexlife-app .ll-daily-goal small{
  color:#64748b;
  font-weight:800;
}
.lexlife-app .ll-daily-goal > span{
  color:#14532d;
  font-weight:900;
}
.lexlife-app .ll-daily-goal i{
  position:absolute;
  left:0;
  bottom:0;
  height:4px;
  background:#22c55e;
}
.lexlife-app .ll-daily-done{
  border-color:#86efac;
  background:#ecfdf5;
}
.ll-profile-pro .ll-profile-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
  margin-bottom:18px;
}
.ll-profile-pro .ll-profile-hero h2{
  color:#f6d089;
  margin:4px 0;
}
.ll-profile-pro .ll-profile-hero p{
  color:#dbeafe;
  margin:0;
}
.ll-profile-pro .ll-profile-hero-score{
  min-width:150px;
  text-align:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(246,208,137,.35);
  border-radius:20px;
  padding:14px;
}
.ll-profile-pro .ll-profile-hero-score strong{
  display:block;
  color:#f6d089;
  font-size:34px;
}
.ll-ranking-empty{
  padding:22px;
  border-radius:20px;
  background:#fffbeb;
  border:1px solid #fde68a;
  color:#78350f;
  font-weight:900;
}
@media(max-width:800px){
  .lexlife-app .ll-exam-entry,
  .lexlife-app .ll-exam-hero,
  .ll-profile-pro .ll-profile-hero{
    flex-direction:column;
    align-items:flex-start;
  }
  .lexlife-app .ll-exam-course-grid{
    grid-template-columns:1fr;
  }
}


/* v0.9.6 - Oficina Viva: objetos útiles */
.lexlife-app .ll-object-utility{
  display:grid;
  gap:10px;
  padding:15px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px solid #dbe3ef;
}
.lexlife-app .ll-object-utility h3{
  margin:0;
  color:#071b44;
  font-size:22px;
}
.lexlife-app .ll-object-utility p{
  margin:0 !important;
  color:#334155;
  line-height:1.5;
}
.lexlife-app .ll-object-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:6px;
}
.lexlife-app .ll-object-stats span{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.lexlife-app .ll-diploma-panel{
  display:grid;
  gap:14px;
}
.lexlife-app .ll-diploma-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  border:1px solid rgba(246,208,137,.45);
  color:#fff;
}
.lexlife-app .ll-diploma-card > span{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(246,208,137,.14);
  font-size:30px;
}
.lexlife-app .ll-diploma-card h3{
  margin:0 0 4px;
  color:#f6d089;
}
.lexlife-app .ll-diploma-card p{
  margin:3px 0 !important;
  color:#dbeafe;
}
.lexlife-app .ll-diploma-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}


/* v0.9.7 - Modo Aula y salas en vivo */
.lexlife-classroom,
.lexlife-classroom *{
  box-sizing:border-box;
}
.lexlife-classroom{
  max-width:1180px;
  margin:0 auto;
  color:#0f172a;
}
.ll-classroom-page{
  background:#ffffff;
  border:1px solid #dbe3ef;
  border-radius:26px;
  box-shadow:0 20px 55px rgba(15,23,42,.10);
  padding:24px;
}
.ll-classroom-hero,
.ll-classroom-room-head,
.ll-classroom-exam-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:stretch;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
  margin-bottom:18px;
}
.ll-classroom-kicker{
  display:inline-flex;
  width:max-content;
  background:rgba(246,208,137,.14);
  color:#f6d089;
  border:1px solid rgba(246,208,137,.35);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.ll-classroom-hero h2,
.ll-classroom-room-head h2,
.ll-classroom-exam-top h2{
  margin:0 0 8px;
  color:#fff;
  font-size:34px;
  line-height:1.08;
}
.ll-classroom-hero p,
.ll-classroom-room-head p,
.ll-classroom-exam-top p{
  margin:0;
  color:#dbeafe;
  line-height:1.5;
}
.ll-classroom-code-card,
.ll-classroom-teacher-tip{
  min-width:320px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:16px;
}
.ll-classroom-code-card label,
.ll-classroom-form-card label{
  display:grid;
  gap:7px;
  color:#0f172a;
  font-weight:900;
}
.ll-classroom-code-card label{
  color:#f6d089;
}
.ll-classroom-code-row{
  display:flex;
  gap:10px;
}
.ll-classroom-code-row input,
.ll-classroom-form-card input,
.ll-classroom-form-card select{
  width:100%;
  border:1px solid #dbe3ef;
  border-radius:14px;
  padding:12px;
  font-weight:800;
  background:#fff;
}
.ll-classroom-code-row button,
.ll-classroom-room-actions button,
.ll-classroom-nav button,
.ll-classroom-result-actions button,
.ll-classroom-ranking-head button,
.ll-classroom-form-card button,
.ll-classroom-created-actions button,
.ll-classroom-created-actions a,
.ll-classroom-link-button{
  border:0;
  border-radius:14px;
  padding:12px 15px;
  font-weight:900;
  cursor:pointer;
  color:#071b44;
  background:#f6d089;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ll-classroom-room-actions,
.ll-classroom-created-actions,
.ll-classroom-result-actions,
.ll-classroom-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ll-classroom-room-actions .secondary,
.ll-classroom-result-actions .secondary,
.ll-classroom-created-actions .danger{
  background:#fff;
}
.ll-classroom-created-actions .danger{
  color:#7f1d1d;
}
.ll-classroom-rules,
.ll-classroom-form-card,
.ll-classroom-submit,
.ll-classroom-question,
.ll-classroom-feedback,
.ll-classroom-ranking,
.ll-classroom-teacher-live,
.ll-classroom-created{
  background:#f8fafc;
  border:1px solid #dbe3ef;
  border-radius:22px;
  padding:18px;
  margin-bottom:16px;
}
.ll-classroom-rules h3,
.ll-classroom-feedback h3,
.ll-classroom-ranking h3{
  margin:0 0 10px;
  color:#071b44;
}
.ll-classroom-rules li{
  margin:8px 0;
  color:#334155;
  font-weight:700;
}
.ll-classroom-form-card{
  display:grid;
  grid-template-columns:2fr 1.3fr 1.3fr .7fr .7fr auto;
  gap:12px;
  align-items:end;
}
.ll-classroom-created{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.ll-classroom-big-code{
  font-size:42px;
  font-weight:1000;
  letter-spacing:.08em;
  color:#071b44;
  background:#fffbeb;
  border:1px solid #fde68a;
  border-radius:20px;
  padding:14px 18px;
}
.ll-classroom-progress{
  min-width:220px;
  height:14px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  overflow:hidden;
  align-self:center;
}
.ll-classroom-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#f6d089,#22c55e,#38bdf8);
}
.ll-classroom-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.ll-classroom-tags span{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  font-weight:900;
}
.ll-classroom-question h3{
  margin:0 0 10px;
  color:#071b44;
  font-size:24px;
}
.ll-classroom-case{
  background:#fff;
  border-left:5px solid #d6a84f;
  border-radius:16px;
  padding:14px;
  color:#334155;
  line-height:1.55;
  margin-bottom:14px;
  font-weight:700;
}
.ll-classroom-question h4{
  margin:0 0 12px;
  font-size:20px;
  color:#071b44;
}
.ll-classroom-options{
  display:grid;
  gap:10px;
}
.ll-classroom-options button{
  width:100%;
  text-align:left;
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:13px;
  font-weight:900;
}
.ll-classroom-options button.active{
  background:#dcfce7;
  border-color:#86efac;
  color:#14532d;
}
.ll-classroom-nav{
  justify-content:space-between;
}
.ll-classroom-nav button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.ll-classroom-warning{
  background:#fffbeb;
  border:1px solid #fde68a;
  color:#92400e;
  padding:12px;
  border-radius:16px;
  font-weight:900;
  margin:12px 0;
}
.ll-classroom-result{
  padding:24px;
  border-radius:24px;
  border:1px solid #dbe3ef;
  margin-bottom:18px;
  background:#f8fafc;
}
.ll-classroom-result h2{
  margin:0 0 8px;
  font-size:44px;
}
.ll-classroom-result.excellent{ background:#ecfdf5; border-color:#86efac; }
.ll-classroom-result.ok{ background:#eff6ff; border-color:#bfdbfe; }
.ll-classroom-result.mid{ background:#fffbeb; border-color:#fde68a; }
.ll-classroom-result.bad{ background:#fef2f2; border-color:#fecaca; }
.ll-classroom-feedback-item,
.ll-classroom-rank-row{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
  margin:8px 0;
}
.ll-classroom-feedback-item{
  grid-template-columns:1fr auto;
}
.ll-classroom-feedback-item p{
  grid-column:1/-1;
  margin:0;
  color:#475569;
}
.ll-classroom-feedback-item.ok span{ color:#15803d; font-weight:900; }
.ll-classroom-feedback-item.bad span{ color:#b91c1c; font-weight:900; }
.ll-classroom-ranking-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.ll-classroom-rank-row span:first-child{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#071b44;
  color:#f6d089;
  font-weight:1000;
}
.ll-classroom-rank-row b{
  color:#071b44;
}
.ll-classroom-rank-row small{
  color:#64748b;
  font-weight:800;
}
.ll-classroom-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.ll-classroom-summary div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
}
.ll-classroom-summary strong{
  display:block;
  color:#071b44;
  font-size:26px;
}
.ll-classroom-summary span{
  color:#64748b;
  font-weight:900;
  font-size:12px;
}
.ll-classroom-message,
.ll-classroom-loading,
.ll-classroom-empty{
  padding:16px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #dbe3ef;
  color:#334155;
  font-weight:800;
}
.ll-classroom-message.bad{
  background:#fef2f2;
  border-color:#fecaca;
  color:#7f1d1d;
}
.ll-classroom-message.info{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1e3a8a;
}
@media(max-width:900px){
  .ll-classroom-hero,
  .ll-classroom-room-head,
  .ll-classroom-exam-top,
  .ll-classroom-created{
    grid-template-columns:1fr;
    display:grid;
  }
  .ll-classroom-form-card{
    grid-template-columns:1fr;
  }
  .ll-classroom-code-card{
    min-width:0;
  }
  .ll-classroom-rank-row,
  .ll-classroom-feedback-item{
    grid-template-columns:1fr;
  }
  .ll-classroom-summary{
    grid-template-columns:1fr;
  }
}


/* v0.9.8 - Acceso docente visible desde Aula LexLife */
.lexlife-classroom .ll-classroom-hero-dual{
  align-items:stretch;
}
.lexlife-classroom .ll-classroom-entry-stack{
  min-width:420px;
  display:grid;
  gap:12px;
}
.lexlife-classroom .ll-classroom-entry-stack .ll-classroom-code-card{
  min-width:0;
}
.lexlife-classroom .ll-classroom-teacher-card{
  background:rgba(246,208,137,.12);
  border:1px solid rgba(246,208,137,.38);
  border-radius:20px;
  padding:16px;
  color:#fff;
  display:grid;
  gap:7px;
}
.lexlife-classroom .ll-classroom-teacher-card span{
  color:#f6d089;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:12px;
}
.lexlife-classroom .ll-classroom-teacher-card strong{
  color:#fff;
  font-size:20px;
}
.lexlife-classroom .ll-classroom-teacher-card p{
  color:#dbeafe;
  margin:0;
  font-weight:700;
}
.lexlife-classroom .ll-classroom-teacher-card a,
.lexlife-classroom .ll-classroom-link-inline{
  width:max-content;
  border-radius:14px;
  padding:11px 14px;
  background:#f6d089;
  color:#071b44;
  text-decoration:none;
  font-weight:1000;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.lexlife-classroom .ll-classroom-quick-guide{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 16px;
}
.lexlife-classroom .ll-classroom-quick-guide div{
  background:#f8fafc;
  border:1px solid #dbe3ef;
  border-radius:18px;
  padding:14px;
}
.lexlife-classroom .ll-classroom-quick-guide strong{
  display:block;
  color:#071b44;
  margin-bottom:4px;
}
.lexlife-classroom .ll-classroom-quick-guide span{
  color:#475569;
  font-weight:800;
}
@media(max-width:900px){
  .lexlife-classroom .ll-classroom-entry-stack{
    min-width:0;
  }
  .lexlife-classroom .ll-classroom-quick-guide{
    grid-template-columns:1fr;
  }
}


/* v0.9.9 - Acceso docente pulido con Google */
.lexlife-classroom .ll-teacher-google-hero{
  align-items:stretch;
}
.lexlife-classroom .ll-google-login-card{
  min-width:330px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(246,208,137,.40);
  border-radius:22px;
  padding:18px;
  display:grid;
  gap:8px;
  color:#fff;
}
.lexlife-classroom .ll-google-login-card.muted{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}
.lexlife-classroom .ll-google-login-card span,
.lexlife-classroom .ll-teacher-status-card span{
  color:#f6d089;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}
.lexlife-classroom .ll-google-login-card strong{
  font-size:24px;
  color:#fff;
}
.lexlife-classroom .ll-google-login-card p{
  margin:0;
  color:#dbeafe;
  font-weight:800;
  line-height:1.45;
}
.lexlife-classroom .ll-google-login-card a{
  margin-top:6px;
  border-radius:16px;
  padding:13px 16px;
  background:#fff;
  color:#071b44;
  text-decoration:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font-weight:1000;
}
.lexlife-classroom .ll-google-login-card a::before{
  content:'G';
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-right:9px;
  border-radius:999px;
  background:#4285f4;
  color:#fff;
  font-weight:1000;
}
.lexlife-classroom .ll-google-login-card a.secondary{
  background:#f6d089;
}
.lexlife-classroom .ll-google-login-card a.secondary::before{
  content:'↻';
  background:#071b44;
}
.lexlife-classroom .ll-teacher-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.lexlife-classroom .ll-teacher-benefits div,
.lexlife-classroom .ll-teacher-access-form,
.lexlife-classroom .ll-teacher-promo-panel{
  background:#f8fafc;
  border:1px solid #dbe3ef;
  border-radius:20px;
  padding:16px;
}
.lexlife-classroom .ll-teacher-benefits strong{
  display:block;
  color:#071b44;
  margin-bottom:5px;
}
.lexlife-classroom .ll-teacher-benefits span{
  color:#475569;
  font-weight:800;
  line-height:1.4;
}
.lexlife-classroom .ll-teacher-access-form{
  display:grid;
  gap:12px;
}
.lexlife-classroom .ll-teacher-access-form h3{
  margin:0;
  color:#071b44;
  font-size:24px;
}
.lexlife-classroom .ll-teacher-access-form p{
  margin:0;
  color:#475569;
  font-weight:800;
}
.lexlife-classroom .ll-teacher-request-grid{
  grid-template-columns:1.2fr 1.2fr 1.6fr auto;
  align-items:end;
  margin:0;
}
.lexlife-classroom .ll-teacher-request-grid textarea{
  min-height:48px;
  resize:vertical;
  width:100%;
  border:1px solid #dbe3ef;
  border-radius:14px;
  padding:12px;
  font-weight:800;
  background:#fff;
}
.lexlife-classroom .ll-teacher-status-card{
  min-width:330px;
  display:grid;
  gap:7px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(246,208,137,.40);
  border-radius:22px;
  padding:18px;
  color:#fff;
}
.lexlife-classroom .ll-teacher-status-card strong{
  color:#fff;
  font-size:22px;
}
.lexlife-classroom .ll-teacher-status-card p,
.lexlife-classroom .ll-teacher-status-card small{
  margin:0;
  color:#dbeafe;
  font-weight:800;
}
.lexlife-classroom .ll-teacher-promo-panel{
  color:#334155;
  font-weight:800;
  margin-bottom:16px;
}
.lexlife-classroom .ll-teacher-promo-panel strong{
  color:#071b44;
}
@media(max-width:1000px){
  .lexlife-classroom .ll-teacher-benefits,
  .lexlife-classroom .ll-teacher-request-grid{
    grid-template-columns:1fr;
  }
  .lexlife-classroom .ll-google-login-card,
  .lexlife-classroom .ll-teacher-status-card{
    min-width:0;
  }
}


/* v0.9.10 - Corrección visual de preguntas del Modo Aula */
.lexlife-classroom .ll-classroom-question,
.lexlife-classroom .ll-classroom-question *,
.lexlife-classroom .ll-classroom-case,
.lexlife-classroom .ll-classroom-options,
.lexlife-classroom .ll-classroom-options *{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

.lexlife-classroom .ll-classroom-question{
  background:#f8fafc !important;
  color:#071b44 !important;
}

.lexlife-classroom .ll-classroom-question h3,
.lexlife-classroom .ll-classroom-question h4{
  color:#071b44 !important;
  -webkit-text-fill-color:#071b44 !important;
}

.lexlife-classroom .ll-classroom-case{
  background:#ffffff !important;
  color:#1e293b !important;
  -webkit-text-fill-color:#1e293b !important;
  border-left-color:#d6a84f !important;
}

.lexlife-classroom .ll-classroom-options button{
  display:block !important;
  width:100% !important;
  background:#ffffff !important;
  color:#071b44 !important;
  -webkit-text-fill-color:#071b44 !important;
  border:1px solid #dbe3ef !important;
  box-shadow:0 4px 12px rgba(15,23,42,.04) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.lexlife-classroom .ll-classroom-options button strong{
  color:#0b2a60 !important;
  -webkit-text-fill-color:#0b2a60 !important;
}

.lexlife-classroom .ll-classroom-options button:hover,
.lexlife-classroom .ll-classroom-options button:focus{
  background:#eff6ff !important;
  border-color:#93c5fd !important;
  color:#0b2a60 !important;
  -webkit-text-fill-color:#0b2a60 !important;
}

.lexlife-classroom .ll-classroom-options button.active{
  background:#dcfce7 !important;
  border-color:#86efac !important;
  color:#14532d !important;
  -webkit-text-fill-color:#14532d !important;
}

.lexlife-classroom .ll-classroom-ranking-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.lexlife-classroom .ll-classroom-ranking-actions .secondary{
  background:#ffffff !important;
  color:#071b44 !important;
  border:1px solid #dbe3ef !important;
}

.lexlife-classroom #ranking-sala-lexlife{
  scroll-margin-top:120px;
}


/* v0.9.11 - Academia por áreas jurídicas y ruta civil */
.lexlife-app .ll-area-card,
.lexlife-app .ll-civil-module-card,
.lexlife-app .ll-area-back-card{
  background:#ffffff;
  border:1px solid #dbe3ef;
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}

.lexlife-app .ll-area-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  align-items:start;
  min-height:265px;
}

.lexlife-app .ll-area-card > button,
.lexlife-app .ll-civil-module-card > button{
  grid-column:1 / -1;
}

.lexlife-app .ll-area-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#f6d089;
  font-size:28px;
  border:1px solid rgba(246,208,137,.45);
}

.lexlife-app .ll-area-card h3,
.lexlife-app .ll-civil-module-card h3{
  margin:0 0 8px;
  color:#071b44;
  font-size:24px;
  line-height:1.1;
}

.lexlife-app .ll-area-card p,
.lexlife-app .ll-civil-module-card p{
  margin:0 0 12px;
  color:#475569;
  line-height:1.5;
  font-weight:700;
}

.lexlife-app .ll-area-card.locked,
.lexlife-app .ll-civil-module-card.locked{
  background:#f8fafc;
  opacity:.82;
}

.lexlife-app .ll-area-card.locked .ll-area-icon{
  background:#f1f5f9;
  color:#94a3b8;
  border-color:#e2e8f0;
}

.lexlife-app .ll-progress-soft{
  width:100%;
  height:10px;
  background:#e2e8f0;
  border-radius:999px;
  overflow:hidden;
  margin:10px 0;
}

.lexlife-app .ll-progress-soft span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#f6d089,#22c55e,#38bdf8);
  border-radius:999px;
}

.lexlife-app .ll-tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.lexlife-app .ll-tag-row span{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#334155;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}

.lexlife-app .ll-civil-module-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:start;
  min-height:250px;
}

.lexlife-app .ll-module-number{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#fffbeb;
  color:#92400e;
  border:1px solid #fde68a;
  font-weight:1000;
}

.lexlife-app .ll-area-back-card{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
}

.lexlife-app .ll-area-back-card button{
  background:#f6d089;
  color:#071b44;
  border-radius:14px;
  padding:12px 14px;
  font-weight:1000;
}

.lexlife-app .ll-area-back-card strong{
  color:#f6d089;
  font-size:20px;
}

.lexlife-app .ll-area-back-card span{
  color:#dbeafe;
  font-weight:900;
}

@media(max-width:760px){
  .lexlife-app .ll-area-card,
  .lexlife-app .ll-civil-module-card{
    grid-template-columns:1fr;
  }
  .lexlife-app .ll-area-icon,
  .lexlife-app .ll-module-number{
    width:52px;
    height:52px;
  }
}


/* v0.9.12 - Derecho de Familia activo */
.lexlife-app .ll-civil-module-card:not(.locked) h3::after{
  content:"  Activo";
  display:inline-block;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#14532d;
  font-size:11px;
  font-weight:1000;
  vertical-align:middle;
}


/* v0.9.13 - Integración total Familia: Academia, Examen, Aula e Historia */
.lexlife-app .ll-area-card,
.lexlife-app .ll-civil-module-card,
.lexlife-app .ll-area-back-card{
  background:#ffffff;
  border:1px solid #dbe3ef;
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}

.lexlife-app .ll-area-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  align-items:start;
  min-height:255px;
}

.lexlife-app .ll-area-card > button,
.lexlife-app .ll-civil-module-card > button{
  grid-column:1 / -1;
}

.lexlife-app .ll-area-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#f6d089;
  font-size:28px;
  border:1px solid rgba(246,208,137,.45);
}

.lexlife-app .ll-area-card h3,
.lexlife-app .ll-civil-module-card h3{
  margin:0 0 8px;
  color:#071b44;
  font-size:24px;
  line-height:1.1;
}

.lexlife-app .ll-area-card p,
.lexlife-app .ll-civil-module-card p{
  margin:0 0 12px;
  color:#475569;
  line-height:1.5;
  font-weight:700;
}

.lexlife-app .ll-area-card.locked,
.lexlife-app .ll-civil-module-card.locked{
  background:#f8fafc;
  opacity:.82;
}

.lexlife-app .ll-area-card.locked .ll-area-icon{
  background:#f1f5f9;
  color:#94a3b8;
  border-color:#e2e8f0;
}

.lexlife-app .ll-progress-soft{
  width:100%;
  height:10px;
  background:#e2e8f0;
  border-radius:999px;
  overflow:hidden;
  margin:10px 0;
}

.lexlife-app .ll-progress-soft span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#f6d089,#22c55e,#38bdf8);
  border-radius:999px;
}

.lexlife-app .ll-civil-module-card{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:start;
  min-height:250px;
}

.lexlife-app .ll-civil-module-card:not(.locked) h3::after{
  content:"Integrado";
  display:inline-block;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#14532d;
  font-size:11px;
  font-weight:1000;
  vertical-align:middle;
}

.lexlife-app .ll-module-number{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#fffbeb;
  color:#92400e;
  border:1px solid #fde68a;
  font-weight:1000;
}

.lexlife-app .ll-area-back-card{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:linear-gradient(135deg,#071b44,#0b2a60);
  color:#fff;
}

.lexlife-app .ll-area-back-card strong{
  display:block;
  color:#f6d089;
  font-size:20px;
}

.lexlife-app .ll-area-back-card span{
  color:#dbeafe;
  font-weight:900;
}

.lexlife-app .ll-section-title-mini{
  margin:18px 0 10px;
  color:#071b44;
  font-size:22px;
}

.lexlife-app .ll-exam-area-card{
  border-color:#fde68a;
  background:linear-gradient(180deg,#fffbeb,#ffffff);
}

@media(max-width:760px){
  .lexlife-app .ll-area-card,
  .lexlife-app .ll-civil-module-card{
    grid-template-columns:1fr;
  }
  .lexlife-app .ll-area-icon,
  .lexlife-app .ll-module-number{
    width:52px;
    height:52px;
  }
}


/* v0.9.14 - Modo Historia optimizado para celular sin alterar escritorio */
.lexlife-app .ll-mobile-story-controls{
  display:none;
}

.lexlife-app .ll-canvas-area-v2 canvas{
  touch-action:none;
}

@media(max-width:900px){
  .lexlife-app .ll-story-layout-v2{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .lexlife-app .ll-canvas-area-v2{
    padding:10px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .lexlife-app .ll-canvas-area-v2 canvas{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    border-radius:16px !important;
    display:block !important;
  }

  .lexlife-app .ll-help-float{
    font-size:12px !important;
    line-height:1.35 !important;
    padding:10px !important;
    margin-top:8px !important;
  }

  .lexlife-app .ll-mobile-story-controls{
    display:block;
    margin-top:10px;
    background:#071b44;
    border:1px solid rgba(246,208,137,.28);
    border-radius:20px;
    padding:12px;
    color:#ffffff;
    box-shadow:0 12px 30px rgba(15,23,42,.18);
  }

  .lexlife-app .ll-mobile-control-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
  }

  .lexlife-app .ll-mobile-control-head strong{
    color:#f6d089;
    font-size:14px;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .lexlife-app .ll-mobile-control-head span{
    color:#dbeafe;
    font-size:12px;
    text-align:right;
    line-height:1.3;
    max-width:58%;
  }

  .lexlife-app .ll-touch-control-grid{
    display:grid;
    grid-template-columns:145px 1fr;
    gap:12px;
    align-items:start;
  }

  .lexlife-app .ll-touch-dpad{
    display:grid;
    grid-template-columns:repeat(3,44px);
    grid-template-rows:repeat(3,44px);
    gap:6px;
    justify-content:center;
    align-content:center;
  }

  .lexlife-app .ll-touch-dpad button,
  .lexlife-app .ll-touch-quick-actions button{
    touch-action:none;
    user-select:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
  }

  .lexlife-app .ll-touch-dpad button{
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#f6d089;
    color:#071b44;
    font-weight:1000;
    font-size:18px;
    padding:0;
    min-height:44px;
    text-align:center;
    box-shadow:0 6px 0 rgba(0,0,0,.14);
  }

  .lexlife-app .ll-touch-dpad button.ll-touch-active,
  .lexlife-app .ll-touch-dpad button:active{
    transform:translateY(2px);
    box-shadow:0 3px 0 rgba(0,0,0,.18);
    background:#fde68a;
  }

  .lexlife-app .ll-touch-dpad .ll-touch-interact{
    background:#22c55e;
    color:#052e16;
    font-size:16px;
  }

  .lexlife-app .ll-touch-quick-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .lexlife-app .ll-touch-quick-actions button{
    background:#10285b;
    border:1px solid rgba(219,234,254,.22);
    color:#ffffff;
    text-align:left;
    border-radius:14px;
    padding:10px;
    font-size:12px;
    line-height:1.15;
    min-height:58px;
  }

  .lexlife-app .ll-touch-quick-actions button small{
    display:block;
    color:#bfdbfe;
    margin-top:4px;
    font-size:10px;
    font-weight:700;
  }

  .lexlife-app .ll-touch-quick-actions button:active{
    background:#1d4ed8;
    transform:translateY(1px);
  }

  .lexlife-app .ll-story-dashboard{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .lexlife-app .ll-story-status-grid{
    grid-template-columns:1fr !important;
  }

  .lexlife-app .ll-dialog-overlay{
    align-items:flex-end !important;
    padding:8px !important;
  }

  .lexlife-app .ll-dialog-box{
    width:100% !important;
    max-width:100% !important;
    max-height:88vh !important;
    overflow:auto !important;
    border-radius:22px 22px 12px 12px !important;
    padding:18px !important;
  }

  .lexlife-app .ll-dialog-box h2{
    font-size:22px !important;
    line-height:1.15 !important;
    padding-right:42px !important;
  }

  .lexlife-app .ll-dialog-options{
    display:grid !important;
    gap:10px !important;
  }

  .lexlife-app .ll-dialog-options button{
    width:100% !important;
    min-height:54px !important;
    padding:12px !important;
    font-size:13px !important;
  }

  .lexlife-app .ll-case-flow-card,
  .lexlife-app .ll-story-question-card{
    padding:14px !important;
  }

  .lexlife-app .ll-case-block,
  .lexlife-app .ll-case-question-box,
  .lexlife-app .ll-answer-panel{
    padding:12px !important;
  }

  .lexlife-app .ll-answer-option{
    display:grid !important;
    grid-template-columns:26px 1fr !important;
    gap:8px !important;
    align-items:start !important;
  }
}

@media(max-width:520px){
  .lexlife-app .ll-touch-control-grid{
    grid-template-columns:1fr !important;
  }

  .lexlife-app .ll-touch-dpad{
    margin:0 auto;
    grid-template-columns:repeat(3,54px);
    grid-template-rows:repeat(3,48px);
  }

  .lexlife-app .ll-touch-dpad button{
    min-height:48px;
  }

  .lexlife-app .ll-touch-quick-actions{
    grid-template-columns:1fr 1fr;
  }

  .lexlife-app .ll-mobile-control-head{
    flex-direction:column;
  }

  .lexlife-app .ll-mobile-control-head span{
    max-width:100%;
    text-align:left;
  }
}


/* v0.9.15 - Optimización móvil integral de LexLife
   Solo se activa en pantallas pequeñas para no afectar PC. */

.lexlife-app .ll-mobile-bottom-nav{
  display:none;
}

@media(max-width:900px){
  html{
    -webkit-text-size-adjust:100%;
  }

  .lexlife-app,
  .lexlife-classroom,
  .lexlife-profile-page,
  .lexlife-ranking-page{
    max-width:100% !important;
  }

  .lexlife-app{
    margin:8px auto 82px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .lexlife-app .ll-screen{
    padding:14px !important;
  }

  /* Navegación superior: compacta y desplazable */
  .lexlife-app .ll-site-top-game{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
  }

  .lexlife-app .ll-site-brand{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .lexlife-app .ll-site-top-game .ll-site-brand strong{
    font-size:18px !important;
    line-height:1.1 !important;
  }

  .lexlife-app .ll-site-top-game .ll-site-brand small{
    font-size:11px !important;
  }

  .lexlife-app .ll-site-nav,
  .lexlife-app .ll-game-nav{
    width:100% !important;
    display:flex !important;
    overflow-x:auto !important;
    gap:8px !important;
    padding:4px 0 8px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .lexlife-app .ll-site-nav::-webkit-scrollbar,
  .lexlife-app .ll-game-nav::-webkit-scrollbar{
    display:none !important;
  }

  .lexlife-app .ll-site-nav button,
  .lexlife-app .ll-game-nav button{
    flex:0 0 auto !important;
    min-width:94px !important;
    padding:10px 12px !important;
    text-align:center !important;
    border-radius:14px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .lexlife-app .ll-site-auth{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  .lexlife-app .ll-auth-link{
    width:100% !important;
    text-align:center !important;
    padding:10px 8px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  /* Menú inferior móvil: acceso rápido a las modalidades críticas */
  .lexlife-app .ll-mobile-bottom-nav{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    z-index:99998 !important;
    background:rgba(5,22,56,.96) !important;
    border:1px solid rgba(246,208,137,.32) !important;
    border-radius:22px !important;
    padding:7px !important;
    gap:5px !important;
    box-shadow:0 18px 50px rgba(15,23,42,.35) !important;
    backdrop-filter:blur(10px) !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button{
    display:grid !important;
    place-items:center !important;
    gap:2px !important;
    min-height:48px !important;
    padding:6px 4px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.08) !important;
    color:#ffffff !important;
    text-align:center !important;
    box-shadow:none !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button span{
    font-size:18px !important;
    line-height:1 !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button small{
    margin:0 !important;
    color:#dbeafe !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
  }

  /* Layout general */
  .lexlife-app .ll-nav-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }

  .lexlife-app .ll-nav-row h2{
    font-size:25px !important;
    line-height:1.12 !important;
  }

  .lexlife-app .ll-nav-row p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .lexlife-app .ll-nav-row > button,
  .lexlife-app .ll-next-action,
  .lexlife-app .ll-btn-dark,
  .lexlife-app .ll-btn-green,
  .lexlife-app .ll-btn-yellow,
  .lexlife-app .ll-btn-purple,
  .lexlife-app .ll-btn-red{
    width:100% !important;
    min-height:48px !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .lexlife-app button,
  .lexlife-classroom button,
  .lexlife-app a.ll-auth-link{
    min-height:44px;
    -webkit-tap-highlight-color:transparent;
  }

  /* Inicio */
  .lexlife-app .ll-home-screen{
    padding-top:12px !important;
  }

  .lexlife-app .ll-home-hero,
  .lexlife-app .ll-home-layout,
  .lexlife-app .ll-home-main-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .lexlife-app .ll-home-title-card,
  .lexlife-app .ll-home-main-card,
  .lexlife-app .ll-home-profile-panel,
  .lexlife-app .ll-home-cta-panel,
  .lexlife-app .ll-featured-panel{
    border-radius:18px !important;
    padding:14px !important;
  }

  .lexlife-app .ll-home-title-card h1{
    font-size:34px !important;
    line-height:1 !important;
  }

  .lexlife-app .ll-home-main-copy h2{
    font-size:28px !important;
    line-height:1.08 !important;
  }

  .lexlife-app .ll-home-main-copy p,
  .lexlife-app .ll-home-title-card p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  .lexlife-app .ll-home-stats{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .lexlife-app .ll-home-stat{
    min-height:72px !important;
    padding:10px !important;
  }

  .lexlife-app .ll-home-stat strong{
    font-size:22px !important;
  }

  .lexlife-app .ll-home-modules{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:20px !important;
  }

  .lexlife-app .ll-home-module{
    min-height:118px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-home-module-icon{
    width:38px !important;
    height:38px !important;
    font-size:18px !important;
  }

  .lexlife-app .ll-home-module strong{
    font-size:14px !important;
    line-height:1.15 !important;
  }

  .lexlife-app .ll-home-module small{
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  .lexlife-app .ll-featured-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .lexlife-app .ll-featured-grid{
    grid-template-columns:1fr !important;
  }

  .lexlife-app .ll-featured-card{
    min-height:150px !important;
  }

  .lexlife-app .ll-home-profile-top{
    display:grid !important;
    grid-template-columns:70px 1fr !important;
    gap:10px !important;
    align-items:center !important;
  }

  .lexlife-app .ll-avatar-preview-large{
    width:70px !important;
    height:88px !important;
  }

  /* Academia, áreas, cursos, temas */
  .lexlife-app .ll-exam-entry{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-grid-3,
  .lexlife-app .ll-grid-2,
  .lexlife-app .ll-exam-course-grid,
  .lexlife-app .ll-skin-grid,
  .lexlife-app .ll-featured-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .lexlife-app .ll-area-card,
  .lexlife-app .ll-civil-module-card,
  .lexlife-app .ll-course-card,
  .lexlife-app .ll-mission-card,
  .lexlife-app .ll-exam-course-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-area-card h3,
  .lexlife-app .ll-civil-module-card h3,
  .lexlife-app .ll-course-card h3,
  .lexlife-app .ll-mission-card h3,
  .lexlife-app .ll-exam-course-card h3{
    font-size:20px !important;
    line-height:1.18 !important;
  }

  .lexlife-app .ll-area-card p,
  .lexlife-app .ll-civil-module-card p,
  .lexlife-app .ll-course-card p,
  .lexlife-app .ll-mission-card p,
  .lexlife-app .ll-exam-course-card p{
    font-size:13.5px !important;
    line-height:1.45 !important;
  }

  .lexlife-app .ll-area-icon,
  .lexlife-app .ll-module-number{
    width:48px !important;
    height:48px !important;
  }

  .lexlife-app .ll-tag-row{
    gap:6px !important;
  }

  .lexlife-app .ll-tag{
    font-size:11px !important;
    padding:5px 8px !important;
  }

  .lexlife-app .ll-area-back-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:14px !important;
    text-align:left !important;
  }

  /* Misión académica */
  .lexlife-app .ll-mission-layout{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .lexlife-app .ll-mission-box{
    padding:15px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-mission-box h2{
    font-size:22px !important;
    line-height:1.15 !important;
  }

  .lexlife-app .ll-case-text{
    padding:13px !important;
    border-left-width:4px !important;
    line-height:1.55 !important;
    font-size:14px !important;
  }

  .lexlife-app .ll-question{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  .lexlife-app .ll-options button{
    width:100% !important;
    padding:13px !important;
    min-height:56px !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
    text-align:left !important;
  }

  .lexlife-app .ll-side-help{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .lexlife-app .ll-panel{
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-panel h3{
    font-size:18px !important;
  }

  /* Modo examen */
  .lexlife-app .ll-exam-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-exam-hero h3{
    font-size:24px !important;
    line-height:1.1 !important;
  }

  .lexlife-app .ll-exam-status{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    font-size:12px !important;
  }

  .lexlife-app .ll-exam-question{
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-exam-question h3{
    font-size:21px !important;
    line-height:1.18 !important;
  }

  .lexlife-app .ll-exam-question .ll-case-text{
    max-height:240px !important;
    overflow:auto !important;
  }

  .lexlife-app .ll-exam-options button{
    background:#ffffff !important;
    color:#071b44 !important;
    -webkit-text-fill-color:#071b44 !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Tienda de skins */
  .lexlife-app .ll-payment-card{
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-payment-card h3{
    font-size:22px !important;
  }

  .lexlife-app .ll-skin-section{
    padding:0 !important;
  }

  .lexlife-app .ll-skin-section-head{
    padding:12px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-skin-card{
    padding:12px !important;
    border-radius:18px !important;
  }

  .lexlife-app .ll-skin-card-top{
    display:grid !important;
    grid-template-columns:104px 1fr !important;
    gap:12px !important;
    align-items:start !important;
  }

  .lexlife-app .ll-skin-card .ll-avatar-preview{
    width:104px !important;
    height:136px !important;
    border-radius:16px !important;
  }

  .lexlife-app .ll-skin-card h3{
    font-size:18px !important;
    line-height:1.1 !important;
  }

  .lexlife-app .ll-skin-card p{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  .lexlife-app .ll-skin-card button{
    width:100% !important;
    text-align:center !important;
  }

  /* Perfil y ranking externos */
  .lexlife-profile-page,
  .lexlife-ranking-page{
    margin:10px auto 80px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .lexlife-profile-page h2,
  .lexlife-ranking-page h2{
    font-size:26px !important;
    line-height:1.15 !important;
  }

  .lexlife-profile-page .ll-profile-grid,
  .lexlife-profile-page .ll-profile-stats,
  .lexlife-ranking-page .ll-ranking-hero,
  .lexlife-ranking-page .ll-ranking-tools,
  .lexlife-ranking-page .ll-ranking-premium-row,
  .lexlife-ranking-page .ll-university-grid{
    grid-template-columns:1fr !important;
  }

  .lexlife-ranking-page .ll-ranking-row{
    grid-template-columns:72px 1fr !important;
    gap:10px !important;
    padding:10px !important;
  }

  .lexlife-ranking-page .ll-ranking-score{
    grid-column:1 / -1 !important;
    text-align:left !important;
  }

  .lexlife-ranking-page .ll-rank-skin{
    width:64px !important;
    height:80px !important;
  }

  /* Aula estudiante y docente */
  .lexlife-classroom{
    margin:10px auto 80px !important;
    padding:0 !important;
  }

  .ll-classroom-page{
    padding:12px !important;
  }

  .ll-classroom-hero,
  .ll-classroom-room-head,
  .ll-classroom-exam-top,
  .ll-classroom-created{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  .ll-classroom-hero h2,
  .ll-classroom-room-head h2,
  .ll-classroom-exam-top h2{
    font-size:28px !important;
    line-height:1.08 !important;
  }

  .ll-classroom-entry-stack{
    min-width:0 !important;
  }

  .ll-classroom-code-card,
  .ll-classroom-form-card,
  .ll-classroom-question,
  .ll-classroom-submit,
  .ll-classroom-feedback,
  .ll-classroom-ranking,
  .ll-classroom-result,
  .ll-classroom-rules{
    padding:14px !important;
    border-radius:18px !important;
  }

  .ll-classroom-code-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ll-classroom-code-row input,
  .ll-classroom-form-card input,
  .ll-classroom-form-card select{
    width:100% !important;
    min-height:50px !important;
    font-size:16px !important;
  }

  .ll-classroom-code-row button,
  .ll-classroom-room-actions button,
  .ll-classroom-nav button,
  .ll-classroom-result-actions button,
  .ll-classroom-ranking-head button,
  .ll-classroom-form-card button,
  .ll-classroom-created-actions button,
  .ll-classroom-created-actions a,
  .ll-classroom-link-button,
  .ll-classroom-link-inline{
    width:100% !important;
    min-height:48px !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .ll-classroom-room-actions,
  .ll-classroom-created-actions,
  .ll-classroom-result-actions,
  .ll-classroom-nav,
  .ll-classroom-ranking-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ll-classroom-question h3{
    font-size:21px !important;
    line-height:1.18 !important;
  }

  .ll-classroom-case{
    max-height:230px !important;
    overflow:auto !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .ll-classroom-options button{
    width:100% !important;
    min-height:58px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    padding:13px !important;
    text-align:left !important;
  }

  .ll-classroom-rank-row,
  .ll-classroom-feedback-item{
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:12px !important;
  }

  .ll-classroom-summary,
  .ll-classroom-quick-guide,
  .ll-teacher-request-grid{
    grid-template-columns:1fr !important;
  }

  .ll-classroom-result h2{
    font-size:34px !important;
    line-height:1 !important;
  }

  .ll-classroom-big-code{
    font-size:32px !important;
    text-align:center !important;
  }
}

@media(max-width:560px){
  .lexlife-app{
    border-radius:14px !important;
  }

  .lexlife-app .ll-screen{
    padding:10px !important;
  }

  .lexlife-app .ll-home-modules{
    grid-template-columns:1fr !important;
  }

  .lexlife-app .ll-home-stats{
    grid-template-columns:1fr 1fr !important;
  }

  .lexlife-app .ll-site-auth{
    grid-template-columns:1fr !important;
  }

  .lexlife-app .ll-nav-row h2,
  .ll-classroom-hero h2,
  .ll-classroom-room-head h2,
  .ll-classroom-exam-top h2{
    font-size:24px !important;
  }

  .lexlife-app .ll-skin-card-top{
    grid-template-columns:88px 1fr !important;
  }

  .lexlife-app .ll-skin-card .ll-avatar-preview{
    width:88px !important;
    height:118px !important;
  }

  .lexlife-app .ll-mobile-bottom-nav{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    border-radius:18px !important;
    padding:6px !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button{
    min-height:44px !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button span{
    font-size:16px !important;
  }

  .lexlife-app .ll-mobile-bottom-nav button small{
    font-size:9px !important;
  }
}


/* v0.9.16 - Corrección táctil real para celulares
   Problema detectado: algunos móviles renderizan el sitio con ancho CSS mayor a 900px,
   por eso no aparecían los controles táctiles. Esta regla usa clase JS .ll-touch-mode. */

html.ll-viewport-mobile,
body.ll-viewport-mobile{
  overflow-x:hidden !important;
}

body.ll-viewport-mobile .entry-content .lexlife-app.ll-touch-mode,
body.ll-viewport-mobile .site-content .lexlife-app.ll-touch-mode,
.lexlife-app.ll-touch-mode{
  width:calc(100vw - 12px) !important;
  max-width:calc(100vw - 12px) !important;
  margin-left:calc(50% - 50vw + 6px) !important;
  margin-right:6px !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.lexlife-app.ll-touch-mode .ll-mobile-story-controls{
  display:block !important;
  margin-top:10px !important;
  background:#071b44 !important;
  border:1px solid rgba(246,208,137,.38) !important;
  border-radius:20px !important;
  padding:12px !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(15,23,42,.22) !important;
}

.lexlife-app.ll-touch-mode .ll-mobile-bottom-nav{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  position:fixed !important;
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  z-index:99998 !important;
  background:rgba(5,22,56,.96) !important;
  border:1px solid rgba(246,208,137,.32) !important;
  border-radius:22px !important;
  padding:7px !important;
  gap:5px !important;
  box-shadow:0 18px 50px rgba(15,23,42,.35) !important;
  backdrop-filter:blur(10px) !important;
}

.lexlife-app.ll-touch-mode{
  margin-bottom:86px !important;
}

.lexlife-app.ll-touch-mode .ll-story-layout-v2{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.lexlife-app.ll-touch-mode .ll-canvas-area-v2{
  padding:10px !important;
  border-radius:18px !important;
  overflow:visible !important;
}

.lexlife-app.ll-touch-mode .ll-canvas-area-v2 canvas{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  border-radius:16px !important;
  touch-action:none !important;
}

.lexlife-app.ll-touch-mode .ll-help-float{
  font-size:12px !important;
  line-height:1.35 !important;
  padding:10px !important;
  margin-top:8px !important;
}

.lexlife-app.ll-touch-mode .ll-mobile-control-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.lexlife-app.ll-touch-mode .ll-mobile-control-head strong{
  color:#f6d089 !important;
  font-size:14px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.lexlife-app.ll-touch-mode .ll-mobile-control-head span{
  color:#dbeafe !important;
  font-size:12px !important;
  text-align:right !important;
  line-height:1.3 !important;
  max-width:58% !important;
}

.lexlife-app.ll-touch-mode .ll-touch-control-grid{
  display:grid !important;
  grid-template-columns:155px 1fr !important;
  gap:12px !important;
  align-items:start !important;
}

.lexlife-app.ll-touch-mode .ll-touch-dpad{
  display:grid !important;
  grid-template-columns:repeat(3,46px) !important;
  grid-template-rows:repeat(3,46px) !important;
  gap:7px !important;
  justify-content:center !important;
  align-content:center !important;
}

.lexlife-app.ll-touch-mode .ll-touch-dpad button{
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  background:#f6d089 !important;
  color:#071b44 !important;
  font-weight:1000 !important;
  font-size:18px !important;
  padding:0 !important;
  min-height:46px !important;
  text-align:center !important;
  box-shadow:0 6px 0 rgba(0,0,0,.16) !important;
  touch-action:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

.lexlife-app.ll-touch-mode .ll-touch-dpad .ll-touch-interact{
  background:#22c55e !important;
  color:#052e16 !important;
  font-size:17px !important;
}

.lexlife-app.ll-touch-mode .ll-touch-dpad button.ll-touch-active,
.lexlife-app.ll-touch-mode .ll-touch-dpad button:active{
  transform:translateY(2px) !important;
  box-shadow:0 3px 0 rgba(0,0,0,.18) !important;
  background:#fde68a !important;
}

.lexlife-app.ll-touch-mode .ll-touch-quick-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.lexlife-app.ll-touch-mode .ll-touch-quick-actions button{
  display:block !important;
  background:#10285b !important;
  border:1px solid rgba(219,234,254,.24) !important;
  color:#fff !important;
  text-align:left !important;
  border-radius:14px !important;
  padding:10px !important;
  font-size:12px !important;
  line-height:1.15 !important;
  min-height:60px !important;
  touch-action:manipulation !important;
}

.lexlife-app.ll-touch-mode .ll-touch-quick-actions button small{
  display:block !important;
  color:#bfdbfe !important;
  margin-top:4px !important;
  font-size:10px !important;
  font-weight:800 !important;
}

.lexlife-app.ll-touch-mode .ll-story-dashboard{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}

.lexlife-app.ll-touch-mode .ll-dialog-overlay{
  align-items:flex-end !important;
  padding:8px !important;
}

.lexlife-app.ll-touch-mode .ll-dialog-box{
  width:100% !important;
  max-width:100% !important;
  max-height:88vh !important;
  overflow:auto !important;
  border-radius:22px 22px 12px 12px !important;
  padding:18px !important;
}

@media(max-width:560px){
  .lexlife-app.ll-touch-mode .ll-touch-control-grid{
    grid-template-columns:1fr !important;
  }

  .lexlife-app.ll-touch-mode .ll-touch-dpad{
    grid-template-columns:repeat(3,54px) !important;
    grid-template-rows:repeat(3,50px) !important;
    margin:0 auto !important;
  }

  .lexlife-app.ll-touch-mode .ll-touch-quick-actions{
    grid-template-columns:1fr 1fr !important;
  }

  .lexlife-app.ll-touch-mode .ll-mobile-control-head{
    flex-direction:column !important;
  }

  .lexlife-app.ll-touch-mode .ll-mobile-control-head span{
    max-width:100% !important;
    text-align:left !important;
  }
}

/* Móviles con viewport ancho por tema/Chrome: activar layout móvil hasta 1180px solo en touch-mode */
@media(max-width:1180px){
  .lexlife-app.ll-touch-mode .ll-site-top-game,
  .lexlife-app.ll-touch-mode .ll-nav-row{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .lexlife-app.ll-touch-mode .ll-grid-3,
  .lexlife-app.ll-touch-mode .ll-grid-2,
  .lexlife-app.ll-touch-mode .ll-exam-course-grid,
  .lexlife-app.ll-touch-mode .ll-skin-grid{
    grid-template-columns:1fr !important;
  }
}