:root{
  --bg:#07111f;
  --bg-2:#0f172a;
  --card:#111827;
  --card-2:#0b1220;
  --text:#f8fafc;
  --muted:#cbd5e1;
  --soft:#94a3b8;
  --brand:#38bdf8;
  --brand-2:#a78bfa;
  --ok:#22c55e;
  --warn:#f59e0b;
  --bad:#ef4444;
  --line:rgba(255,255,255,.12);
  --line-2:rgba(56,189,248,.22);
  --shadow:0 22px 60px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 18% 0%,rgba(56,189,248,.18) 0%,transparent 26%),radial-gradient(circle at 82% 10%,rgba(167,139,250,.18) 0%,transparent 28%),linear-gradient(180deg,#0f172a 0%,var(--bg) 44%,#020617 100%);color:var(--text);min-height:100vh}
a{color:inherit}.site-header{position:sticky;top:0;z-index:30;padding:18px 22px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.78);backdrop-filter:blur(14px)}.top-nav{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;align-items:center}.logo{font-weight:900;letter-spacing:.5px;text-decoration:none;font-size:18px;display:flex;align-items:center;gap:10px}.logo-icon{width:38px;height:38px;object-fit:contain;border-radius:12px;display:block;filter:drop-shadow(0 8px 20px rgba(56,189,248,.18))}.navlinks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.navlinks a,.navlinks button{color:var(--muted);text-decoration:none;font-size:14px;border:1px solid transparent;background:transparent;border-radius:999px;padding:9px 12px;cursor:pointer}.navlinks a:hover,.navlinks button:hover,.navlinks .active{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.06)}.navlinks .login-pill{border-color:rgba(56,189,248,.35);color:#bae6fd;background:rgba(56,189,248,.1)}.session-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-pill{cursor:default;display:inline-flex;align-items:center}.navlinks .profile-pill:hover{color:#bae6fd;border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.1)}.navlinks .logout-button{border-color:rgba(239,68,68,.35);color:#fecaca;background:rgba(239,68,68,.1);font-weight:800}.navlinks .logout-button:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.55);color:#fff}.page-shell{max-width:1180px;margin:0 auto;padding:42px 22px}.narrow{max-width:960px}.hero,.panel{background:linear-gradient(145deg,rgba(17,24,39,.95),rgba(11,18,32,.94));border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 42%);pointer-events:none}.hero>*{position:relative}.eyebrow,.badge{display:inline-flex;align-items:center;gap:8px;color:#bae6fd;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:8px 13px;font-size:14px;margin-bottom:16px}.badge.warn{color:#fde68a;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}.badge.ok{color:#bbf7d0;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28)}.badge.danger{color:#fecaca;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28)}h1{font-size:clamp(34px,6vw,62px);margin:0 0 16px;line-height:1.02;letter-spacing:-1.5px}h2{font-size:24px;margin:0 0 14px;color:var(--text)}h3{margin:0 0 8px;color:var(--text)}p,li{color:var(--muted);line-height:1.65;font-size:16px}.muted{color:var(--soft)}.lead{font-size:18px;max-width:760px}.actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;text-decoration:none;font-weight:800;background:var(--brand);color:#082f49;border:1px solid transparent;cursor:pointer;transition:.16s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button.secondary{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line)}.button.ghost{background:transparent;color:var(--muted);border-color:transparent}.button.small{padding:9px 12px;border-radius:12px;font-size:13px}.button.danger{background:rgba(239,68,68,.14);color:#fecaca;border-color:rgba(239,68,68,.28)}.button.ok{background:rgba(34,197,94,.14);color:#bbf7d0;border-color:rgba(34,197,94,.28)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:rgba(17,24,39,.72);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 16px 42px rgba(0,0,0,.18)}.card.highlight{border-color:var(--line-2);background:linear-gradient(145deg,rgba(56,189,248,.12),rgba(17,24,39,.74))}.card.disabled{opacity:.68}.card p:last-child{margin-bottom:0}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:34px 0 14px}.section-title h2{margin:0}.shell-with-sidebar{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.sidebar{position:sticky;top:88px;background:rgba(11,18,32,.8);border:1px solid var(--line);border-radius:22px;padding:14px}.sidebar a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);text-decoration:none;border-radius:14px;padding:11px 12px;margin:2px 0}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.07);color:var(--text)}.mini{font-size:12px;color:var(--soft)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpi{background:rgba(15,23,42,.8);border:1px solid var(--line);border-radius:20px;padding:18px}.kpi .number{font-size:30px;font-weight:950;margin:4px 0}.kpi .label{color:var(--soft);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(15,23,42,.55)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}th{color:var(--text);background:rgba(255,255,255,.04);font-size:12px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:0}.status-dot{display:inline-flex;align-items:center;gap:8px}.status-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 4px rgba(34,197,94,.12)}.status-dot.warn:before{background:var(--warn);box-shadow:0 0 0 4px rgba(245,158,11,.12)}.status-dot.bad:before{background:var(--bad);box-shadow:0 0 0 4px rgba(239,68,68,.12)}.agent-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start}.avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#06121f;font-weight:950;font-size:20px;box-shadow:0 14px 32px rgba(56,189,248,.18)}.agent-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.04)}.tag.ok{border-color:rgba(34,197,94,.25);color:#bbf7d0;background:rgba(34,197,94,.09)}.tag.warn{border-color:rgba(245,158,11,.25);color:#fde68a;background:rgba(245,158,11,.09)}.chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.chat-list{display:flex;flex-direction:column;gap:10px}.chat-item{display:block;text-decoration:none;border:1px solid var(--line);background:rgba(17,24,39,.78);border-radius:18px;padding:14px}.chat-item:hover,.chat-item.active{border-color:var(--line-2);background:rgba(56,189,248,.08)}.message-box{height:520px;overflow:auto;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(2,6,23,.35)}.message{max-width:84%;margin:0 0 14px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.message.user{margin-left:auto;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.25)}.message.agent{background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.25)}.message .who{font-weight:900;color:var(--text);margin-bottom:6px}.composer{display:flex;gap:10px;margin-top:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:15px;background:rgba(15,23,42,.8);color:var(--text);padding:13px 14px;font-size:15px}.composer input:focus{outline:2px solid rgba(56,189,248,.25);border-color:rgba(56,189,248,.45)}.login-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}.login-card{text-align:left;width:100%;background:rgba(17,24,39,.78);border:1px solid var(--line);border-radius:22px;padding:20px;cursor:pointer;color:var(--text)}.login-card:hover{border-color:var(--line-2);background:rgba(56,189,248,.08)}.notice{border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.09);color:#fde68a;border-radius:18px;padding:14px 16px;margin:16px 0}.success{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.09);color:#bbf7d0}.danger-box{border:1px solid rgba(239,68,68,.28);background:rgba(239,68,68,.09);color:#fecaca;border-radius:18px;padding:14px 16px;margin:16px 0}.footer{max-width:1180px;margin:0 auto;padding:24px 22px;color:var(--muted);border-top:1px solid var(--line)}.empty-state{text-align:center;padding:34px;border:1px dashed var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.print-area{background:white;color:#111827;border-radius:18px;padding:26px}.print-area h1,.print-area h2,.print-area h3,.print-area p,.print-area li{color:#111827}.print-area .tag{color:#111827;border-color:#d1d5db;background:#f8fafc}
@media(max-width:860px){.shell-with-sidebar,.chat-layout{grid-template-columns:1fr}.sidebar{position:static}.top-nav{align-items:flex-start;flex-direction:column}.navlinks{justify-content:flex-start}.message{max-width:100%}.composer{flex-direction:column}}
@media print{body{background:white;color:#111827}.site-header,.sidebar,.actions,.composer,.no-print{display:none!important}.page-shell{max-width:none;padding:0}.panel,.card{box-shadow:none;border:0;background:white}.print-area{padding:0}.print-area h1,.print-area h2,.print-area h3,.print-area p,.print-area li{color:#111827}}
/* Phase 4 · Actas Pro */
.filter-panel{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(160px,.8fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;background:rgba(15,23,42,.74);border:1px solid var(--line);border-radius:20px;padding:16px;margin:18px 0 12px}.filter-panel label{display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:13px;font-weight:800}.filter-panel input,.filter-panel select{border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.48);color:var(--text);padding:12px 13px;font-size:14px}.filter-panel input:focus,.filter-panel select:focus{outline:2px solid rgba(56,189,248,.22);border-color:rgba(56,189,248,.45)}.filter-actions{display:flex;gap:8px;flex-wrap:wrap}.corp-summary-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.card-topline{display:flex;justify-content:space-between;gap:10px;align-items:start}.acta-card h2{margin-top:6px}.acta-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 10px;color:var(--soft);font-size:12px}.acta-meta-row span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.035)}.acta-toolbar{margin:0 0 16px}.acta-document{box-shadow:0 18px 50px rgba(0,0,0,.28)}.acta-header{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid #e5e7eb;padding-bottom:18px;margin-bottom:18px}.print-kicker{font-size:13px!important;color:#475569!important;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.acta-stamp{border:2px solid #0ea5e9;color:#0369a1;border-radius:14px;padding:10px 14px;font-weight:950;letter-spacing:.08em;transform:rotate(1deg);background:#f0f9ff}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:18px 0}.meta-grid div{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.meta-grid strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#475569}.meta-grid span{display:block;margin-top:5px;color:#111827}.acta-footer-note{margin-top:22px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569;font-style:italic}.print-area ul{padding-left:22px}.print-area li{margin:6px 0}
@media(max-width:900px){.filter-panel{grid-template-columns:1fr}.filter-actions{justify-content:flex-start}.acta-header{flex-direction:column}.acta-stamp{transform:none}}
@media print{.acta-document{box-shadow:none}.filter-panel,.corp-summary-row{display:none!important}.acta-stamp{border-color:#111827;color:#111827;background:white}.meta-grid div,.acta-footer-note{background:white}}

/* Phase 5 · Junta Directiva Pro + Live Chat */
.new-meeting-panel{display:grid;gap:16px;margin:0 0 18px}.new-meeting-panel label{display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:13px;font-weight:800}.new-meeting-panel input[type="text"],.new-meeting-panel input:not([type]){border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.48);color:var(--text);padding:12px 13px;font-size:14px}.new-meeting-panel input:focus{outline:2px solid rgba(56,189,248,.22);border-color:rgba(56,189,248,.45)}.agent-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.agent-check{border:1px solid var(--line);background:rgba(2,6,23,.28);border-radius:16px;padding:12px;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;cursor:pointer}.agent-check:hover{border-color:var(--line-2);background:rgba(56,189,248,.08)}.agent-check input{width:18px;height:18px;accent-color:var(--brand)}.agent-check span{display:flex;flex-direction:column;gap:2px}.agent-check small{color:var(--soft);font-weight:600}.live-badge{color:#fef3c7;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.28);animation:livePulse 1.4s ease-in-out infinite}.live-status{margin:8px 0 0}.meeting-presence{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}.message{position:relative}.message:after{content:"";position:absolute;bottom:-4px;width:10px;height:10px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg);left:18px}.message.user:after{left:auto;right:18px;border-color:rgba(56,189,248,.25)}.message.agent:after{border-color:rgba(167,139,250,.25)}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.18)}50%{box-shadow:0 0 0 6px rgba(245,158,11,0)}}

/* Phase 6 · Dashboard Bodega Pro */
.dashboard-status-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:16px;align-items:start;background:linear-gradient(145deg,rgba(56,189,248,.12),rgba(17,24,39,.74));border:1px solid var(--line-2);border-radius:24px;padding:22px;margin:18px 0}.dashboard-status-card h2{margin:6px 0 8px}.dashboard-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.api-card code{display:inline-block;background:rgba(2,6,23,.7);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:#bae6fd;max-width:100%;overflow:auto}.table-wrap table code{color:#bae6fd}.card .table-wrap{margin-top:12px}.card .table-wrap table{min-width:520px}.card .table-wrap th,.card .table-wrap td{padding:11px 12px}.dashboard-status-card .badge{margin-bottom:6px}
@media(max-width:900px){.dashboard-status-card{grid-template-columns:1fr}.dashboard-meta{justify-content:flex-start}}

/* Phase 7.4B · SQL snapshot limpio */
.movement-empty{border-style:dashed;background:rgba(245,158,11,.055)}.movement-empty .badge{margin-bottom:10px}


/* Phase 7.5B.4 · Origen Catalog Dashboard */
.catalog-summary-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.catalog-grid{align-items:start}.catalog-card .badge{margin-bottom:8px}.catalog-card h2{margin-top:6px}.ingredient-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;margin:2px;background:rgba(255,255,255,.04);white-space:nowrap}.ingredient-pill code{padding:0;background:transparent;border:0}.table-wrap.compact table{min-width:760px}.wide-card .table-wrap table{min-width:820px}


/* Phase 7.6 · Antony Inteligencia Inicial */
.antony-brain-card{border-color:rgba(56,189,248,.28);background:linear-gradient(145deg,rgba(56,189,248,.13),rgba(167,139,250,.08),rgba(17,24,39,.74))}.small-lead{font-size:17px;line-height:1.55;margin:10px 0}.brain-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.insight-grid{align-items:stretch}.mini-insight{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(17,24,39,.72)}.mini-insight h3{margin:8px 0 7px;font-size:17px}.mini-insight p{margin:0;color:var(--soft);line-height:1.5}.mini-insight.ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06)}.mini-insight.warn{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.07)}.mini-insight.danger{border-color:rgba(239,68,68,.24);background:rgba(239,68,68,.07)}.smart-list{margin:12px 0 0;padding-left:22px}.smart-list li{margin:8px 0;color:var(--soft);line-height:1.45}.question-stack{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.question-chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:999px;padding:9px 11px;cursor:pointer;text-align:left}.question-chip:hover{border-color:var(--line-2);background:rgba(56,189,248,.1)}

/* Phase 7.7 · Antony operativo en Junta Directiva */
.meeting-context {
  margin: 18px 0;
  border-color: rgba(112, 225, 192, 0.25);
}
.question-stack.compact {
  margin-top: 12px;
}

/* Fase 7.8 · Sofía actas inteligentes */
.acta-agent-block{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin:10px 0;background:rgba(255,255,255,.035)}
.acta-agent-block h3{margin:0 0 8px;font-size:1rem}
.acta-agent-block ul{margin:0;padding-left:20px}
.acta-agent-block li{margin:4px 0}

/* Fase 8.1C - mensajes IA legibles */
.message .message-body{white-space:normal;line-height:1.55;color:var(--muted)}
.message .message-body strong{color:var(--text);font-weight:900}
.message .message-body code{display:inline-block;padding:1px 6px;border-radius:7px;border:1px solid var(--line);background:rgba(15,23,42,.75);color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}
.message.agent .message-body br{content:"";display:block;margin-top:7px}

/* Fase 8.1G · Memoria viva de junta */
.live-memory-card{border-color:rgba(34,197,94,.24);background:linear-gradient(145deg,rgba(34,197,94,.08),rgba(56,189,248,.06),rgba(17,24,39,.74));margin:18px 0}
.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.memory-block{border:1px solid var(--line);border-radius:16px;background:rgba(2,6,23,.24);padding:13px 14px}
.memory-block h3{font-size:14px;margin:0 0 8px;color:var(--text)}
.memory-block ul{margin:0;padding-left:18px}
.memory-block li{font-size:13px;line-height:1.45;margin:5px 0;color:var(--muted)}

/* Fase 8.4 - Chat limpio + estado de análisis */
.message.thinking{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.28);max-width:72%}
.message.thinking:after{border-color:rgba(56,189,248,.28)}
.message.thinking .who{color:#bae6fd}
.message.thinking .message-body{display:flex;align-items:center;gap:8px;color:#bae6fd;font-weight:800}
.typing-dots{display:inline-flex;gap:4px;align-items:center;margin-left:2px}
.typing-dots i{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.45;animation:lathiosTypingDot 1.05s ease-in-out infinite}
.typing-dots i:nth-child(2){animation-delay:.16s}
.typing-dots i:nth-child(3){animation-delay:.32s}
.composer.is-sending input{opacity:.72;cursor:wait}
.composer.is-sending .button{opacity:.86;cursor:wait;transform:none;filter:none}
.composer input:disabled{color:var(--soft)}
.button:disabled{pointer-events:none}
@keyframes lathiosTypingDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}

/* Phase 8.4B · Home visual Lathios */
body.landing-body{background:#020817;color:#f8fafc}
.landing-body .site-header{border-bottom-color:rgba(87,168,193,.12)}
.landing-shell{min-height:100vh;position:relative;overflow:hidden;background:
  radial-gradient(circle at 50% 16%,rgba(87,168,193,.18),transparent 22%),
  radial-gradient(circle at 65% 24%,rgba(255,9,87,.10),transparent 26%),
  radial-gradient(circle at 20% 18%,rgba(87,168,193,.12),transparent 18%),
  linear-gradient(180deg,#040a1d 0%,#020617 100%)}
.landing-header{position:sticky;top:0;padding:20px 30px;background:rgba(2,7,20,.72);border-bottom:1px solid rgba(87,168,193,.12);backdrop-filter:blur(16px)}
.landing-nav{max-width:1600px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.landing-logo{font-size:20px;gap:14px}.landing-logo .logo-icon{width:44px;height:44px;border-radius:14px;filter:drop-shadow(0 10px 24px rgba(87,168,193,.22))}.landing-logo span:last-child{font-size:22px;font-weight:900;color:#fff}
.landing-menu{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.landing-menu a{text-decoration:none;color:rgba(255,255,255,.74);padding:10px 12px;position:relative;font-weight:500}.landing-menu a:hover,.landing-menu a.active{color:#fff}.landing-menu a.active:after,.landing-menu a:hover:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;width:56px;height:2px;border-radius:999px;background:linear-gradient(90deg,#57A8C1,#FF0957);box-shadow:0 0 16px rgba(87,168,193,.5)}
.landing-cta-wrap{display:flex;justify-content:flex-end}.landing-cta{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:14px 22px;border-radius:18px;border:1px solid rgba(87,168,193,.65);background:linear-gradient(90deg,rgba(4,15,35,.88),rgba(8,8,24,.88));box-shadow:0 0 0 1px rgba(255,9,87,.18) inset,0 0 18px rgba(255,9,87,.12);font-weight:700}.landing-cta span{color:#FF0957;font-size:20px;line-height:1}.landing-cta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,9,87,.3) inset,0 8px 24px rgba(255,9,87,.18)}
.landing-main{max-width:1720px;margin:0 auto;padding:0 24px 30px}
.landing-hero{min-height:calc(100vh - 110px);position:relative;display:flex;align-items:center;justify-content:center;padding:80px 0 130px}
.landing-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.landing-planet{position:absolute;left:-140px;top:58px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(58,111,255,.18),rgba(4,14,35,.95) 63%);box-shadow:0 0 0 2px rgba(102,160,255,.12),0 0 60px rgba(42,113,255,.18),inset -25px -25px 60px rgba(0,0,0,.45)}.landing-planet:after{content:"";position:absolute;inset:-4px;border-radius:50%;border-left:2px solid rgba(146,203,255,.8);filter:blur(.2px);opacity:.9}
.landing-shoot{position:absolute;width:180px;height:2px;background:linear-gradient(90deg,rgba(87,168,193,0),rgba(87,168,193,1));box-shadow:0 0 14px rgba(87,168,193,.7);transform:rotate(-45deg);opacity:.9}.landing-shoot:after{content:"";position:absolute;right:-4px;top:-2px;width:8px;height:8px;border-radius:50%;background:#57A8C1;box-shadow:0 0 12px #57A8C1}.shooting-a{left:360px;top:180px}.shooting-b{right:310px;top:205px}
.landing-heli{position:absolute;right:355px;top:330px;width:100px;height:40px;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(20,26,45,.55));clip-path:polygon(0 60%,28% 40%,52% 40%,70% 8%,78% 8%,74% 38%,100% 46%,100% 58%,74% 54%,64% 82%,56% 82%,60% 54%,26% 56%,12% 76%,0 76%);opacity:.7}.landing-heli:before{content:"";position:absolute;left:14px;top:-7px;width:68px;height:2px;background:rgba(87,168,193,.8);box-shadow:0 0 12px rgba(87,168,193,.5)}.landing-heli:after{content:"";position:absolute;right:-12px;top:12px;width:180px;height:130px;background:radial-gradient(circle at 0 0,rgba(87,168,193,.22),rgba(87,168,193,0) 58%);transform:rotate(26deg)}
.landing-badge-scene{position:absolute;right:80px;top:260px;width:180px;height:220px;border:1px solid rgba(255,9,87,.28);border-radius:28px;clip-path:polygon(22% 0,100% 0,100% 78%,50% 100%,0 78%,0 18%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,rgba(17,16,39,.38),rgba(8,10,25,.72));box-shadow:0 0 28px rgba(255,9,87,.18),inset 0 0 28px rgba(87,168,193,.06);transform:rotate(7deg)}.landing-badge-scene span{font-size:42px;font-weight:900;letter-spacing:.06em;color:rgba(87,168,193,.86)}.landing-badge-scene strong{font-size:40px;letter-spacing:.12em;color:rgba(255,9,87,.74)}
.landing-left-sign{position:absolute;left:120px;bottom:218px;padding:18px 22px;border-radius:18px;background:rgba(8,13,30,.55);border:1px solid rgba(87,168,193,.18);box-shadow:0 0 24px rgba(87,168,193,.08);font-size:48px;font-weight:900;color:#57A8C1;line-height:.95}.landing-left-sign span{display:block;font-size:34px;color:#FF0957;margin-top:6px;letter-spacing:.12em}
.landing-city{position:absolute;left:0;right:0;bottom:110px;height:220px;background:
  linear-gradient(180deg,rgba(6,10,25,0) 0%,rgba(3,8,19,.86) 74%,rgba(2,7,20,.95) 100%),
  linear-gradient(90deg,transparent 0 7%,rgba(15,22,45,.94) 7% 10%,transparent 10% 12%,rgba(18,25,52,.94) 12% 18%,transparent 18% 21%,rgba(13,19,44,.94) 21% 24%,transparent 24% 30%,rgba(14,19,40,.94) 30% 33%,transparent 33% 38%,rgba(18,28,58,.94) 38% 42%,transparent 42% 46%,rgba(14,20,46,.94) 46% 49%,transparent 49% 56%,rgba(14,18,36,.94) 56% 61%,transparent 61% 66%,rgba(18,27,55,.94) 66% 70%,transparent 70% 76%,rgba(13,18,38,.94) 76% 82%,transparent 82% 87%,rgba(16,23,48,.94) 87% 93%,transparent 93% 100%)}
.landing-city:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 62%,rgba(87,168,193,.18),transparent 12%),radial-gradient(circle at 74% 58%,rgba(255,9,87,.14),transparent 11%),radial-gradient(circle at 86% 62%,rgba(87,168,193,.12),transparent 9%)}
.landing-road-glow{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);width:72%;height:110px;border-top:1px solid rgba(87,168,193,.16);border-radius:50%;box-shadow:0 -12px 40px rgba(16,100,255,.05),0 0 40px rgba(87,168,193,.08) inset}
.landing-police{position:absolute;left:34px;bottom:145px;width:160px;height:50px;border-radius:18px 26px 10px 10px;background:linear-gradient(180deg,rgba(6,10,22,.95),rgba(2,4,12,.95));box-shadow:0 0 24px rgba(255,9,87,.10)}.landing-police:before{content:"";position:absolute;left:14px;top:-3px;width:54px;height:8px;border-radius:8px;background:linear-gradient(90deg,#57A8C1 0 50%,#FF0957 50% 100%);box-shadow:0 0 16px rgba(87,168,193,.55),0 0 16px rgba(255,9,87,.32)}.landing-police:after{content:"";position:absolute;inset:auto 12px -12px;width:130px;height:34px;background:radial-gradient(circle at 20% 50%,rgba(87,168,193,.38),transparent 20%),radial-gradient(circle at 80% 50%,rgba(255,9,87,.28),transparent 20%)}
.landing-car{position:absolute;right:28px;bottom:94px;width:360px;height:124px;border-radius:90px 34px 22px 18px;background:linear-gradient(180deg,rgba(18,10,28,.88),rgba(2,3,8,.95));box-shadow:0 24px 36px rgba(0,0,0,.45)}.landing-car:before{content:"";position:absolute;right:22px;top:48px;width:86px;height:16px;border-radius:12px;background:#ff2448;box-shadow:0 0 18px rgba(255,36,72,.68),0 0 40px rgba(255,36,72,.3)}.landing-car:after{content:"";position:absolute;left:90px;right:56px;top:24px;height:36px;border-radius:36px 16px 8px 8px;background:linear-gradient(90deg,rgba(18,22,48,.42),rgba(60,54,88,.18));border:1px solid rgba(87,168,193,.14)}
.landing-hero-inner{position:relative;z-index:2;max-width:980px;text-align:center;padding:0 20px}
.landing-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 22px;border-radius:999px;border:1px solid rgba(87,168,193,.4);background:rgba(6,12,28,.72);box-shadow:0 0 30px rgba(87,168,193,.08);font-size:14px;letter-spacing:.24em;color:#d7ecf2}.landing-pill b{color:#e7d000}
.landing-brand{font-size:clamp(92px,16vw,236px);line-height:.92;margin:30px 0 12px;font-weight:950;letter-spacing:-.05em;background:linear-gradient(90deg,#57A8C1 0%,#6dcaff 26%,#d1d7f2 55%,#ffa4c4 75%,#FF0957 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(87,168,193,.12)}
.landing-title{font-size:clamp(34px,4vw,64px);line-height:1.06;margin:0;color:#fff;font-weight:900;letter-spacing:-.03em}.landing-copy{max-width:880px;margin:24px auto 0;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:rgba(235,244,255,.84)}
.landing-divider{margin:28px auto 20px;display:flex;align-items:center;justify-content:center;gap:20px;color:#e7d000}.landing-divider:before,.landing-divider:after{content:"";width:112px;height:1px;background:linear-gradient(90deg,transparent,rgba(231,208,0,.9),transparent)}.landing-divider span{font-size:22px;text-shadow:0 0 16px rgba(231,208,0,.35)}
.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:40px auto 0;max-width:1120px}.landing-feature{padding:0 26px 12px;position:relative}.landing-feature + .landing-feature:before{content:"";position:absolute;left:0;top:18px;bottom:20px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent)}.landing-feature h3{margin:18px 0 10px;font-size:21px;color:#fff}.landing-feature p{margin:0;color:rgba(236,244,255,.77);font-size:15px;line-height:1.55;max-width:220px;margin-inline:auto}.landing-feature-icon{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:0 auto;border:1px solid rgba(87,168,193,.55);background:rgba(5,12,26,.62);box-shadow:inset 0 0 32px rgba(87,168,193,.08),0 0 24px rgba(87,168,193,.06);color:#57A8C1}.landing-feature-icon.pink{color:#FF0957;border-color:rgba(255,9,87,.52);box-shadow:inset 0 0 32px rgba(255,9,87,.08),0 0 24px rgba(255,9,87,.06)}.landing-feature-icon svg{width:36px;height:36px}
.landing-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:30px;height:30px;display:block;border-bottom:3px solid #57A8C1;border-right:3px solid #57A8C1;transform-origin:center;rotate:45deg;filter:drop-shadow(0 0 10px rgba(87,168,193,.35));animation:landingBounce 1.8s ease-in-out infinite}
@keyframes landingBounce{0%,100%{translate:0 0}50%{translate:0 8px}}
.landing-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1280px;margin:0 auto 26px;padding:0 16px}.landing-extra-card{background:linear-gradient(180deg,rgba(9,16,33,.86),rgba(5,11,25,.92));border:1px solid rgba(87,168,193,.14);border-radius:24px;padding:24px;box-shadow:0 18px 38px rgba(0,0,0,.25)}.landing-extra-card h3{font-size:26px;margin:10px 0 12px;color:#fff}.landing-extra-card p{margin:0;font-size:16px;color:rgba(239,246,255,.76)}.landing-mini-pill{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,9,87,.22);background:rgba(255,9,87,.08);color:#ffd5e1;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.landing-footer{max-width:1600px;margin:10px auto 0;padding:22px 6px 10px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:rgba(255,255,255,.6);font-size:14px;border-top:1px solid rgba(87,168,193,.08)}.landing-footer a{color:rgba(255,255,255,.72);text-decoration:none}.landing-footer a:hover{color:#fff}.landing-footer-links{display:flex;align-items:center;gap:14px}.landing-footer-links b{color:rgba(231,208,0,.8)}
@media(max-width:1180px){.landing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:760px}.landing-feature + .landing-feature:before{display:none}.landing-extra{grid-template-columns:1fr}.landing-car{opacity:.5;scale:.85;right:-10px}.landing-left-sign,.landing-badge-scene{opacity:.7;scale:.82}.landing-planet{scale:.85;left:-165px}}
@media(max-width:900px){.landing-header{padding:18px 18px}.landing-nav{grid-template-columns:1fr;justify-items:center}.landing-menu{gap:6px}.landing-cta-wrap{justify-content:center}.landing-main{padding:0 14px 24px}.landing-hero{padding:70px 0 100px;min-height:auto}.landing-brand{font-size:clamp(72px,22vw,132px)}.landing-title{font-size:clamp(28px,7vw,42px)}.landing-copy{font-size:17px}.landing-features{grid-template-columns:1fr;max-width:460px}.landing-feature{padding:0 0 10px}.landing-badge-scene,.landing-left-sign,.landing-heli,.landing-car,.landing-police{display:none}.landing-planet{width:260px;height:260px;left:-120px;top:120px;opacity:.88}.landing-city{bottom:80px;height:160px}.landing-road-glow{width:92%;bottom:26px}.landing-footer{flex-direction:column;text-align:center}}

/* Phase 8.4C · fondo premium home */
.landing-shell{background:linear-gradient(180deg,#030919 0%,#020617 100%)}
.landing-main{max-width:1780px;padding:0 20px 30px}
.landing-hero{padding:44px 0 120px;min-height:calc(100vh - 96px)}
.landing-scene-photo{position:absolute;inset:0;border-radius:0;overflow:hidden}
.landing-bg-image,.landing-bg-overlay,.landing-bg-vignette,.landing-bg-floor{position:absolute;inset:0}
.landing-bg-image{background-image:url('/assets/home-hero-bg.png?v=8.4C');background-size:cover;background-position:center top;transform:scale(1.02)}
.landing-bg-overlay{background:
  linear-gradient(180deg,rgba(2,6,18,.78) 0%,rgba(2,7,18,.42) 22%,rgba(3,7,20,.24) 38%,rgba(2,6,18,.38) 52%,rgba(2,6,18,.74) 74%,rgba(2,6,18,.92) 100%),
  radial-gradient(circle at center,rgba(4,11,26,.10) 0%,rgba(4,11,26,.36) 36%,rgba(4,11,26,.76) 72%,rgba(2,6,18,.92) 100%)}
.landing-bg-vignette{background:radial-gradient(circle at center,transparent 0 26%,rgba(2,6,18,.18) 40%,rgba(2,6,18,.52) 63%,rgba(2,6,18,.84) 100%)}
.landing-bg-floor{top:auto;bottom:18px;left:50%;transform:translateX(-50%);width:min(76vw,980px);height:135px;border-top:1px solid rgba(87,168,193,.14);border-radius:50%;box-shadow:0 -18px 48px rgba(87,168,193,.08) inset,0 0 30px rgba(87,168,193,.05)}
.landing-hero-inner{max-width:980px;padding-top:18px}.landing-pill{background:rgba(7,14,31,.58);backdrop-filter:blur(8px)}
.landing-brand{font-size:clamp(102px,16vw,250px);margin:18px 0 4px;text-shadow:0 0 30px rgba(87,168,193,.12),0 0 30px rgba(255,9,87,.08)}
.landing-title{max-width:860px;margin:0 auto}
.landing-copy{max-width:820px;color:rgba(243,247,255,.82)}
.landing-features{margin-top:46px;gap:0;max-width:1180px}.landing-feature{background:linear-gradient(180deg,rgba(8,15,32,.18),rgba(8,15,32,.08));backdrop-filter:blur(4px);padding:0 26px 12px}.landing-feature p{max-width:240px}
.landing-feature + .landing-feature:before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent)}
.landing-extra{margin-top:-8px;max-width:1360px}
.landing-extra-card{background:linear-gradient(180deg,rgba(8,14,28,.84),rgba(4,8,20,.92));border-color:rgba(87,168,193,.12)}
@media(max-width:1180px){.landing-bg-image{background-position:center center}.landing-hero{padding-top:36px}.landing-brand{font-size:clamp(84px,18vw,170px)}}
@media(max-width:900px){.landing-main{padding:0 12px 22px}.landing-hero{padding:32px 0 88px}.landing-bg-image{background-position:58% center;transform:scale(1.08)}.landing-bg-overlay{background:linear-gradient(180deg,rgba(2,6,18,.8) 0%,rgba(2,7,18,.46) 18%,rgba(2,6,18,.36) 36%,rgba(2,6,18,.6) 56%,rgba(2,6,18,.88) 80%,rgba(2,6,18,.96) 100%),radial-gradient(circle at center,rgba(4,11,26,.1) 0%,rgba(4,11,26,.42) 44%,rgba(2,6,18,.84) 100%)}.landing-feature{padding:0 8px 10px;background:none;backdrop-filter:none}.landing-bg-floor{width:92vw;height:96px;bottom:8px}}


/* Phase 8.4C1 · fondo premium pulido + efectos didácticos */
.landing-shell{
  background:
    radial-gradient(ellipse 58% 80% at 12% 58%, rgba(26,0,58,.62) 0%, transparent 58%),
    radial-gradient(ellipse 42% 62% at 88% 20%, rgba(0,26,58,.58) 0%, transparent 58%),
    linear-gradient(180deg,#040817 0%,#020612 100%);
}
.landing-hero{
  padding-top:56px;
  padding-bottom:112px;
}
.landing-scene-polished{background:#020612}
.landing-bg-image{
  background-image:url('/assets/home-hero-bg.png?v=8.4C1');
  background-position:center center;
  filter:saturate(.82) contrast(1.02) brightness(.82);
  opacity:.42;
  transform:scale(1.035);
}
.landing-soft-ambient{
  position:absolute;
  border-radius:50%;
  filter:blur(22px);
  pointer-events:none;
}
.landing-soft-ambient.ambient-left{
  width:720px;
  height:720px;
  left:-260px;
  top:130px;
  background:radial-gradient(circle at 50% 50%,rgba(255,9,87,.12) 0%,rgba(81,45,150,.22) 34%,rgba(87,168,193,.08) 48%,transparent 74%);
}
.landing-soft-ambient.ambient-right{
  width:560px;
  height:560px;
  right:-170px;
  top:64px;
  background:radial-gradient(circle at 50% 50%,rgba(87,168,193,.20) 0%,rgba(28,60,115,.18) 36%,rgba(255,9,87,.08) 54%,transparent 76%);
}
.landing-binary-grid{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(22,1fr);
  grid-template-rows:repeat(10,1fr);
  opacity:.055;
  overflow:hidden;
  pointer-events:none;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0 36%,rgba(0,0,0,.5) 60%,transparent 86%);
  -webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0 36%,rgba(0,0,0,.5) 60%,transparent 86%);
}
.landing-binary-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  color:#c4b5fd;
  animation:landingFlicker var(--d) ease-in-out infinite var(--delay);
}
@keyframes landingFlicker{
  0%,100%{opacity:.18}
  50%{opacity:1}
}
.landing-bg-overlay{
  background:
    linear-gradient(180deg,rgba(2,6,18,.84) 0%,rgba(2,7,18,.58) 20%,rgba(4,8,20,.38) 42%,rgba(3,7,20,.56) 62%,rgba(2,6,18,.90) 100%),
    radial-gradient(circle at 50% 47%,rgba(3,7,18,.16) 0%,rgba(3,7,18,.34) 42%,rgba(3,7,18,.78) 78%,rgba(2,6,18,.96) 100%);
}
.landing-bg-vignette{
  background:
    radial-gradient(circle at center,transparent 0 28%,rgba(2,6,18,.26) 54%,rgba(2,6,18,.84) 100%),
    linear-gradient(90deg,rgba(2,6,18,.92),transparent 20%,transparent 80%,rgba(2,6,18,.92));
}
.landing-accent-line{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(87,168,193,.12) 30%,rgba(167,139,250,.45) 50%,rgba(255,9,87,.11) 70%,transparent 100%);
  opacity:.82;
  pointer-events:none;
}
.landing-accent-line.line-top{top:18%}
.landing-accent-line.line-bottom{top:82%}
.landing-bg-floor{
  bottom:18px;
  width:min(72vw,940px);
  height:128px;
  border-top-color:rgba(87,168,193,.12);
  box-shadow:0 -16px 42px rgba(87,168,193,.06) inset,0 0 34px rgba(167,139,250,.05);
}
.landing-brand{
  filter:drop-shadow(0 16px 44px rgba(87,168,193,.05));
}
.landing-title{
  text-shadow:0 10px 44px rgba(0,0,0,.28);
}
.landing-copy{
  color:rgba(232,238,250,.78);
}
.landing-features{
  margin-top:42px;
}
.landing-feature{
  background:rgba(5,10,24,.14);
  border-radius:22px;
}
.landing-feature-icon{
  background:rgba(3,9,22,.58);
  backdrop-filter:blur(8px);
}
.landing-extra,
.landing-extra-didactic,
.landing-entry-guide{
  display:none!important;
}
.landing-footer{
  margin-top:-14px;
  border-top:0;
  padding-top:14px;
  justify-content:center;
  color:rgba(143,154,184,.58);
}
.landing-footer-links{
  display:none;
}
@media(max-width:900px){
  .landing-bg-image{opacity:.35;background-position:center center}
  .landing-binary-grid{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);opacity:.045}
  .landing-accent-line.line-top{top:14%}
  .landing-accent-line.line-bottom{top:88%}
  .landing-footer{margin-top:0}
}


/* Phase 8.4C2 · efectos premium inspirados en slide.html */
@keyframes landingFadeUp{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes landingFadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes landingPulseGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,.46)}
  50%{box-shadow:0 0 0 9px rgba(167,139,250,0)}
}
@keyframes landingLineIn{
  from{opacity:0;transform:scaleX(.68)}
  to{opacity:.78;transform:scaleX(1)}
}
@keyframes landingSoftFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1.035)}
  50%{transform:translate3d(0,-8px,0) scale(1.045)}
}
@keyframes landingAmbientDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(18px,-12px,0) scale(1.035)}
}
@keyframes landingFlickerSlide{
  0%,100%{opacity:.13;transform:translateY(0)}
  50%{opacity:1;transform:translateY(calc(var(--shift, 1) * -2px))}
}

.landing-body .landing-pill,
.landing-body .landing-brand,
.landing-body .landing-title,
.landing-body .landing-copy,
.landing-body .landing-divider,
.landing-body .landing-feature,
.landing-body .landing-footer{
  opacity:0;
  animation:landingFadeUp .9s cubic-bezier(.22,1,.36,1) forwards;
}
.landing-body .landing-pill{animation-delay:.18s}
.landing-body .landing-brand{animation-delay:.42s}
.landing-body .landing-title{animation-delay:.68s}
.landing-body .landing-copy{animation-delay:.94s}
.landing-body .landing-divider{animation-delay:1.18s}
.landing-body .landing-feature:nth-child(1){animation-delay:1.42s}
.landing-body .landing-feature:nth-child(2){animation-delay:1.58s}
.landing-body .landing-feature:nth-child(3){animation-delay:1.74s}
.landing-body .landing-feature:nth-child(4){animation-delay:1.90s}
.landing-body .landing-footer{animation-delay:2.28s}

.landing-scene-polished .landing-bg-image{
  animation:landingSoftFloat 16s ease-in-out infinite;
  will-change:transform;
}
.landing-soft-ambient{
  animation:landingAmbientDrift 13s ease-in-out infinite;
}
.landing-soft-ambient.ambient-right{
  animation-delay:-5s;
}

.landing-accent-line{
  transform-origin:center;
  opacity:0;
  animation:landingLineIn 1s ease forwards 2.42s;
}
.landing-accent-line.line-bottom{
  animation-delay:2.72s;
}

.landing-binary-grid{
  opacity:.07;
}
.landing-binary-grid span{
  animation-name:landingFlickerSlide;
}

.landing-divider span{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:999px;
  animation:landingPulseGlow 2s ease-in-out infinite;
}

.landing-feature-icon{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.landing-feature:hover .landing-feature-icon{
  transform:translateY(-4px) scale(1.045);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 28px rgba(87,168,193,.16);
}
.landing-feature:hover .landing-feature-icon.pink{
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 28px rgba(255,9,87,.13);
}

@media(prefers-reduced-motion:reduce){
  .landing-body .landing-pill,
  .landing-body .landing-brand,
  .landing-body .landing-title,
  .landing-body .landing-copy,
  .landing-body .landing-divider,
  .landing-body .landing-feature,
  .landing-body .landing-footer,
  .landing-scene-polished .landing-bg-image,
  .landing-soft-ambient,
  .landing-accent-line,
  .landing-binary-grid span,
  .landing-divider span{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* Phase 8.4C3 · optimización de frames / rendimiento */
.landing-binary-grid{
  grid-template-columns:repeat(12,1fr)!important;
  grid-template-rows:repeat(7,1fr)!important;
  opacity:.045!important;
}
.landing-binary-grid span{
  animation-duration:var(--d)!important;
  will-change:opacity;
}
@keyframes landingFlickerSlide{
  0%,100%{opacity:.12}
  50%{opacity:.72}
}
.landing-scene-polished .landing-bg-image{
  animation:none!important;
  transform:scale(1.025)!important;
  will-change:auto!important;
}
.landing-soft-ambient{
  animation:none!important;
  will-change:auto!important;
}
.landing-body .landing-pill,
.landing-body .landing-brand,
.landing-body .landing-title,
.landing-body .landing-copy,
.landing-body .landing-divider,
.landing-body .landing-feature,
.landing-body .landing-footer{
  animation-duration:.62s!important;
}
.landing-feature:hover .landing-feature-icon{
  transform:translateY(-2px) scale(1.025)!important;
  box-shadow:0 0 18px rgba(87,168,193,.10)!important;
}
.landing-feature:hover .landing-feature-icon.pink{
  box-shadow:0 0 18px rgba(255,9,87,.09)!important;
}
.landing-hero{
  contain:layout paint;
}


/* Phase 8.4C4 · navegación landing y footer minimalista */
.landing-menu{
  gap:24px;
}
.landing-menu a[href*="tebex"]{
  color:rgba(237,242,255,.78);
}
.landing-menu a[href*="tebex"]:hover{
  color:#fff;
}
.landing-footer-minimal{
  margin-top:-8px;
  padding-top:12px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  text-align:center;
}
.landing-footer-minimal .landing-footer-links{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:12px;
  letter-spacing:.04em;
}
.landing-footer-minimal .landing-footer-links a{
  color:rgba(148,163,184,.58);
  text-decoration:none;
  transition:.16s ease;
}
.landing-footer-minimal .landing-footer-links a:hover{
  color:rgba(248,250,252,.88);
}
.landing-footer-minimal .landing-footer-links b{
  color:rgba(231,208,0,.42);
  font-weight:700;
}
@media(max-width:900px){
  .landing-menu{
    gap:10px;
  }
}


/* Phase 8.4C6 · Login minimal */
.login-minimal{
  position:relative;
  min-height:calc(100vh - 190px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:28px;
  background:
    radial-gradient(ellipse 58% 80% at 10% 60%,rgba(26,0,58,.48) 0%,transparent 58%),
    radial-gradient(ellipse 42% 62% at 88% 20%,rgba(0,26,58,.46) 0%,transparent 58%),
    linear-gradient(180deg,rgba(7,13,29,.92),rgba(3,7,18,.96));
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  padding:72px 24px;
}
.login-minimal:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(167,139,250,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,250,.055) 1px,transparent 1px);
  background-size:78px 78px;
  opacity:.12;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 16%,rgba(0,0,0,.62) 54%,transparent 86%);
  pointer-events:none;
}
.login-minimal:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.16),rgba(167,139,250,.34),rgba(255,9,87,.12),transparent);
  pointer-events:none;
}
.login-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(24px);
  opacity:.78;
  pointer-events:none;
}
.login-orb.one{
  width:420px;
  height:420px;
  left:-160px;
  bottom:8%;
  background:radial-gradient(circle,rgba(255,9,87,.13),rgba(81,45,150,.18),transparent 70%);
}
.login-orb.two{
  width:360px;
  height:360px;
  right:-120px;
  top:8%;
  background:radial-gradient(circle,rgba(87,168,193,.18),rgba(28,60,115,.16),transparent 72%);
}
.login-minimal-card{
  position:relative;
  z-index:2;
  width:min(100%,720px);
  text-align:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  padding:46px 38px;
  background:
    radial-gradient(circle at 50% 0%,rgba(87,168,193,.10),transparent 36%),
    linear-gradient(180deg,rgba(9,14,28,.82),rgba(5,9,20,.94));
  box-shadow:0 26px 80px rgba(0,0,0,.32);
}
.login-minimal-logo{
  width:78px;
  height:78px;
  object-fit:contain;
  margin:0 auto 16px;
  display:block;
  filter:drop-shadow(0 16px 32px rgba(87,168,193,.18));
}
.login-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(7,12,24,.52);
  border-radius:999px;
  padding:8px 14px;
  color:#d9e6f3;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:900;
}
.login-kicker:before,.login-kicker:after{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:#e7d000;
  box-shadow:0 0 12px rgba(231,208,0,.35);
}
.login-minimal-card h1{
  margin:22px auto 14px;
  font-size:clamp(44px,6vw,78px);
  line-height:.98;
  letter-spacing:-.05em;
  max-width:680px;
  background:linear-gradient(135deg,#ffffff 0%,#b9e8f5 22%,#57A8C1 48%,#ffd7e4 74%,#FF0957 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.login-minimal-card .lead{
  margin:0 auto;
  max-width:540px;
  color:rgba(232,238,250,.78);
  font-size:18px;
}
.login-minimal-actions{
  margin-top:30px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.button.login-discord{
  background:linear-gradient(135deg,#57A8C1,#70c8df);
  color:#04101e;
  border-color:transparent;
  box-shadow:0 14px 32px rgba(87,168,193,.18);
}
.notice.compact,.danger-box.compact{
  max-width:560px;
  margin:18px auto 0;
  text-align:left;
}
.login-demo-actions{
  margin:24px auto 0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#8d98b2;
  font-size:12px;
}
@keyframes loginFadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
.login-minimal-card{
  opacity:0;
  animation:loginFadeUp .72s cubic-bezier(.22,1,.36,1) forwards;
}
@media(max-width:720px){
  .login-minimal{
    padding:48px 14px;
    border-radius:22px;
  }
  .login-minimal-card{
    padding:34px 22px;
    border-radius:26px;
  }
  .login-minimal-actions{
    flex-direction:column;
  }
  .login-minimal-actions .button{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .login-minimal-card{
    opacity:1!important;
    animation:none!important;
    transform:none!important;
  }
}


/* Phase 8.4C7 · header minimal para /login */
.login-body .site-header .navlinks > a:not(:first-child),
.login-body .site-header .navlinks > .login-pill,
.login-body .site-header .navlinks > .session-actions,
.login-body .site-header .navlinks > button{
  display:none!important;
}
.login-body .site-header .navlinks{
  justify-content:flex-end;
}
.login-body .site-header .navlinks > a:first-child{
  border-color:rgba(87,168,193,.22);
  background:rgba(255,255,255,.035);
  color:#f8fafc;
}


/* Phase 8.4C8 · Resumen corporativo */
.corp-home-hero .lead{
  max-width:920px;
}
.corp-section-tight{
  margin-top:24px;
}
.corp-overview-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:16px;
  margin-top:18px;
}
.overview-card{
  background:
    radial-gradient(circle at 100% 0%, rgba(87,168,193,.08), transparent 32%),
    linear-gradient(145deg,rgba(11,18,32,.96),rgba(8,14,28,.94));
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
}
.overview-feature{
  border-color:rgba(87,168,193,.22);
  background:
    radial-gradient(circle at 100% 0%, rgba(87,168,193,.14), transparent 34%),
    linear-gradient(145deg,rgba(11,18,32,.98),rgba(8,14,28,.96));
}
.overview-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#cbd5e1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
  margin-bottom:12px;
}
.overview-card h3{
  margin:0 0 14px;
  font-size:22px;
}
.overview-dual{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin:8px 0 16px;
}
.metric-number{
  display:block;
  color:#f8fafc;
  font-size:38px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
  margin-bottom:8px;
}
.metric-number.large{
  font-size:56px;
  margin:16px 0 18px;
  background:linear-gradient(135deg,#ffffff 0%,#b9e8f5 24%,#57A8C1 48%,#ffd7e4 74%,#FF0957 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.metric-label{
  display:block;
  color:var(--soft);
  font-size:13px;
  line-height:1.35;
}
.corp-agents-grid{
  align-items:stretch;
}
.corp-agent-clean{
  padding:24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(87,168,193,.07), transparent 30%),
    linear-gradient(145deg,rgba(11,18,32,.96),rgba(8,14,28,.94));
}
.corp-agent-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.corp-agent-top h3{
  margin:0 0 4px;
  font-size:28px;
}
.corp-agent-initial{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:950;
  color:#06121f;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  box-shadow:0 14px 32px rgba(56,189,248,.18);
  flex:0 0 auto;
}
.corp-agent-role{
  margin:0;
  color:#dbe7f2;
  font-size:15px;
  font-weight:800;
}
.corp-agent-description{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.72;
}

@media(max-width:1024px){
  .corp-overview-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .overview-dual{
    grid-template-columns:1fr;
  }
  .metric-number.large{
    font-size:46px;
  }
  .corp-agent-top h3{
    font-size:24px;
  }
}


/* Phase 8.4C9 · Resumen premium Lathios Corp */
.corp-premium-shell{
  align-items:start;
}
.corp-premium-main{
  position:relative;
  overflow:hidden;
}
.corp-premium-main:before{
  content:"";
  position:absolute;
  inset:-120px -80px auto -80px;
  height:420px;
  background:
    radial-gradient(ellipse 60% 80% at 20% 40%,rgba(87,168,193,.13),transparent 60%),
    radial-gradient(ellipse 48% 60% at 82% 16%,rgba(255,9,87,.10),transparent 62%);
  pointer-events:none;
  z-index:-1;
}
.corp-premium-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.18);
  border-radius:32px;
  padding:42px 38px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.16),transparent 36%),
    radial-gradient(circle at 0% 100%,rgba(255,9,87,.08),transparent 42%),
    linear-gradient(145deg,rgba(9,18,34,.98),rgba(8,13,27,.96));
  box-shadow:0 26px 70px rgba(0,0,0,.25);
}
.corp-ambient-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(167,139,250,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,250,.055) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.18;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 20%,transparent 78%);
  pointer-events:none;
}
.corp-hero-content{
  position:relative;
}
.corp-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(87,168,193,.28);
  background:rgba(87,168,193,.08);
  color:#d9f7ff;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:18px;
}
.corp-kicker:before,.corp-kicker:after{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:#e7d000;
  box-shadow:0 0 12px rgba(231,208,0,.35);
}
.corp-premium-hero h1{
  font-size:clamp(42px,5vw,74px);
  line-height:.96;
  letter-spacing:-.05em;
  margin:0 0 18px;
}
.corp-premium-hero p{
  max-width:820px;
  margin:0;
  color:rgba(232,238,250,.78);
  font-size:18px;
  line-height:1.65;
}
.corp-premium-heading{
  margin:30px 0 18px;
}
.corp-premium-heading span{
  display:inline-flex;
  color:#e7d000;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:8px;
}
.corp-premium-heading h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.035em;
  margin:0 0 8px;
}
.corp-premium-heading p{
  margin:0;
  color:var(--soft);
  font-size:16px;
}
.corp-premium-heading.agents{
  margin-top:34px;
}
.corp-metric-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:16px;
}
.corp-metric-card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at 80% 0%,rgba(87,168,193,.08),transparent 34%),
    linear-gradient(180deg,rgba(10,17,33,.93),rgba(6,11,24,.96));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
}
.corp-metric-card:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.32),transparent);
}
.corp-metric-card.pink{
  background:
    radial-gradient(circle at 80% 0%,rgba(255,9,87,.10),transparent 36%),
    linear-gradient(180deg,rgba(10,17,33,.93),rgba(6,11,24,.96));
}
.corp-metric-card.cyan{
  border-color:rgba(87,168,193,.14);
}
.metric-chip{
  display:inline-flex;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  padding:7px 12px;
  color:#dbe7f2;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:14px;
}
.corp-metric-card h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.08;
}
.metric-main{
  display:block;
  font-size:clamp(54px,5vw,78px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:16px 0 18px;
  background:linear-gradient(135deg,#fff 0%,#b9e8f5 22%,#57A8C1 48%,#ffd7e4 74%,#FF0957 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.metric-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:14px 0 18px;
}
.metric-split div{
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  border-radius:20px;
  padding:16px;
}
.metric-split strong{
  display:block;
  font-size:48px;
  line-height:1;
  letter-spacing:-.05em;
}
.metric-split small{
  display:block;
  color:var(--soft);
  margin-top:8px;
  line-height:1.35;
}
.corp-metric-card p{
  color:#9ba8bf;
  margin:0;
  line-height:1.65;
}
.corp-agent-premium-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.corp-agent-premium{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:18px;
  align-items:start;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 34%),
    linear-gradient(180deg,rgba(10,17,33,.94),rgba(6,11,24,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.20);
}
.corp-agent-premium:nth-child(even){
  background:
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.075),transparent 36%),
    linear-gradient(180deg,rgba(10,17,33,.94),rgba(6,11,24,.96));
}
.agent-glow{
  position:absolute;
  inset:auto -20% -50% 20%;
  height:120px;
  background:radial-gradient(ellipse at center,rgba(87,168,193,.10),transparent 70%);
  pointer-events:none;
}
.corp-agent-avatar{
  width:58px;
  height:58px;
  border-radius:19px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#57A8C1,#a78bfa);
  color:#06121f;
  font-size:22px;
  font-weight:950;
  box-shadow:0 18px 34px rgba(87,168,193,.18);
}
.corp-agent-copy h3{
  font-size:30px;
  line-height:1;
  margin:2px 0 8px;
}
.corp-agent-copy strong{
  display:block;
  color:#eaf4ff;
  font-size:15px;
  line-height:1.35;
  margin-bottom:14px;
}
.corp-agent-copy p{
  margin:0;
  color:#aebbd0;
  font-size:16px;
  line-height:1.72;
}
.footer{
  color:rgba(148,163,184,.48);
  font-size:13px;
}
@media(max-width:1100px){
  .corp-metric-grid,.corp-agent-premium-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .corp-premium-hero{
    padding:32px 24px;
  }
  .metric-split{
    grid-template-columns:1fr;
  }
  .corp-agent-premium{
    grid-template-columns:1fr;
  }
  .corp-agent-copy h3{
    font-size:26px;
  }
}


/* Phase 8.4C10 · header and corp premium polish */
.navlinks{gap:10px}
.navlinks a,.navlinks button{font-weight:700}
.session-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.session-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(87,168,193,.22);
  background:linear-gradient(180deg,rgba(13,23,42,.96),rgba(8,15,29,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18);
}
.session-user{
  color:#dff8ff;
  font-weight:900;
  letter-spacing:.01em;
}
.session-separator{
  width:6px;height:6px;border-radius:999px;background:#57A8C1;box-shadow:0 0 12px rgba(87,168,193,.45)
}
.session-role{
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:950;
}
.navlinks .logout-button{
  border-color:rgba(255,9,87,.38);
  color:#ffd6e4;
  background:linear-gradient(180deg,rgba(255,9,87,.10),rgba(255,9,87,.06));
  box-shadow:0 10px 22px rgba(255,9,87,.10);
}
.navlinks .logout-button:hover{
  background:linear-gradient(180deg,rgba(255,9,87,.18),rgba(255,9,87,.10));
  border-color:rgba(255,9,87,.6);
}
.corp-premium-heading .premium-accent-title{
  display:inline-flex;
  margin-bottom:12px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#e7d000;
  text-shadow:0 0 12px rgba(231,208,0,.15);
}
.corp-premium-heading h2{
  background:linear-gradient(135deg,#ffffff 0%,#d5f4ff 26%,#9fd6e6 48%,#ffd5e3 76%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.metric-title{
  background:linear-gradient(135deg,#ffffff 0%,#dff7ff 30%,#9fd6e6 52%,#ffd3e2 82%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.corp-metric-card{
  min-height:200px;
}
.corp-metric-card h3{
  margin:0 0 10px;
}
.corp-metric-card p{display:none}
.metric-split{margin:18px 0 0}
.corp-agent-copy h3{
  background:linear-gradient(135deg,#ffffff 0%,#e7f7ff 34%,#dce7ff 72%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.corp-agent-copy strong{
  color:#cdeefe;
}
@media(max-width:860px){
  .session-badge{padding:7px 12px}
}

/* Phase 8.4C12 · Items catálogo real fix */


/* Phase 8.4C13 · Resumen animado estilo slide/home */
@keyframes corpFadeUp{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes corpFadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes corpLineIn{
  from{opacity:0;transform:scaleX(.68)}
  to{opacity:.78;transform:scaleX(1)}
}
@keyframes corpBinaryFlicker{
  0%,100%{opacity:.12;transform:translateY(0)}
  50%{opacity:.74;transform:translateY(calc(var(--shift, 1) * -2px))}
}
@keyframes corpPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,.50)}
  50%{box-shadow:0 0 0 8px rgba(167,139,250,0)}
}

.corp-summary-animated{
  isolation:isolate;
}
.corp-binary-grid{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:repeat(8,1fr);
  opacity:.055;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0 34%,rgba(0,0,0,.54) 60%,transparent 88%);
  -webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.95) 0 34%,rgba(0,0,0,.54) 60%,transparent 88%);
}
.corp-binary-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  color:#a78bfa;
  animation:corpBinaryFlicker var(--d) ease-in-out infinite var(--delay);
  will-change:opacity;
}
.corp-accent-line{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  z-index:1;
  background:linear-gradient(90deg,transparent 0%,rgba(87,168,193,.12) 30%,rgba(167,139,250,.46) 50%,rgba(255,9,87,.12) 70%,transparent 100%);
  transform-origin:center;
  opacity:0;
  animation:corpLineIn .9s ease forwards 2.2s;
}
.corp-accent-line.top{top:18%}
.corp-accent-line.bottom{top:82%;animation-delay:2.45s}
.corp-summary-animated .corp-ambient-grid,
.corp-summary-animated .corp-hero-content,
.corp-bottom-signal{
  position:relative;
  z-index:2;
}
.corp-bottom-signal{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:28px;
  color:#57607b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  opacity:0;
  animation:corpFadeIn .9s ease forwards 2.65s;
}
.corp-pulse-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a78bfa;
  flex:0 0 auto;
  animation:corpPulse 2s ease-in-out infinite;
}

.corp-summary-body .corp-kicker,
.corp-summary-body .corp-premium-hero h1,
.corp-summary-body .corp-premium-hero p,
.corp-summary-body .corp-premium-heading,
.corp-summary-body .corp-metric-card,
.corp-summary-body .corp-agent-premium,
.corp-summary-body .sidebar{
  opacity:0;
  animation:corpFadeUp .78s cubic-bezier(.22,1,.36,1) forwards;
}
.corp-summary-body .sidebar{animation-delay:.08s}
.corp-summary-body .corp-kicker{animation-delay:.20s}
.corp-summary-body .corp-premium-hero h1{animation-delay:.38s}
.corp-summary-body .corp-premium-hero p{animation-delay:.56s}
.corp-summary-body .corp-premium-heading:nth-of-type(1){animation-delay:.86s}
.corp-summary-body .corp-metric-card:nth-child(1){animation-delay:1.10s}
.corp-summary-body .corp-metric-card:nth-child(2){animation-delay:1.26s}
.corp-summary-body .corp-metric-card:nth-child(3){animation-delay:1.42s}
.corp-summary-body .corp-premium-heading.agents{animation-delay:1.64s}
.corp-summary-body .corp-agent-premium:nth-child(1){animation-delay:1.84s}
.corp-summary-body .corp-agent-premium:nth-child(2){animation-delay:1.98s}
.corp-summary-body .corp-agent-premium:nth-child(3){animation-delay:2.12s}
.corp-summary-body .corp-agent-premium:nth-child(4){animation-delay:2.26s}

.corp-summary-body .corp-metric-card,
.corp-summary-body .corp-agent-premium{
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.corp-summary-body .corp-metric-card:hover,
.corp-summary-body .corp-agent-premium:hover{
  transform:translateY(-3px);
  border-color:rgba(87,168,193,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.25), 0 0 24px rgba(87,168,193,.06);
}

@media(max-width:860px){
  .corp-binary-grid{
    grid-template-columns:repeat(8,1fr);
    grid-template-rows:repeat(8,1fr);
    opacity:.04;
  }
  .corp-accent-line.top{top:12%}
  .corp-accent-line.bottom{top:88%}
  .corp-bottom-signal{
    white-space:normal;
    text-align:center;
    letter-spacing:.16em;
  }
}
@media(prefers-reduced-motion:reduce){
  .corp-binary-grid span,
  .corp-accent-line,
  .corp-bottom-signal,
  .corp-summary-body .corp-kicker,
  .corp-summary-body .corp-premium-hero h1,
  .corp-summary-body .corp-premium-hero p,
  .corp-summary-body .corp-premium-heading,
  .corp-summary-body .corp-metric-card,
  .corp-summary-body .corp-agent-premium,
  .corp-summary-body .sidebar,
  .corp-pulse-dot{
    opacity:1!important;
    animation:none!important;
    transform:none!important;
  }
}


/* Phase 8.4C14 · Actas en tabla con paginación */
.actas-list-section{
  position:relative;
}
.actas-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.16);
  border-radius:30px;
  padding:36px;
  margin-bottom:22px;
  background:
    radial-gradient(circle at 90% 12%,rgba(87,168,193,.14),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(255,9,87,.07),transparent 42%),
    linear-gradient(145deg,rgba(10,18,34,.98),rgba(7,13,27,.96));
  box-shadow:0 24px 64px rgba(0,0,0,.22);
}
.actas-hero h1{
  font-size:clamp(48px,6vw,82px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:8px 0 16px;
  background:linear-gradient(135deg,#fff 0%,#d9f7ff 38%,#c4b5fd 78%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.actas-hero p{
  max-width:720px;
  margin:0;
  color:#aebbd0;
  font-size:17px;
}
.actas-filter-panel{
  grid-template-columns:minmax(260px,1.7fr) minmax(160px,.7fr) minmax(150px,.7fr) auto;
  border-color:rgba(87,168,193,.10);
  background:linear-gradient(180deg,rgba(10,17,33,.94),rgba(7,12,25,.96));
}
.actas-summary-row{
  margin:12px 0 18px;
}
.actas-table-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 34%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 22px 62px rgba(0,0,0,.24);
}
.actas-table-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.28),rgba(255,9,87,.18),transparent);
}
.actas-table-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:24px 24px 18px;
}
.actas-table-head h2{
  margin:4px 0 0;
  font-size:clamp(28px,3vw,40px);
  line-height:1;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,#fff 0%,#dcf7ff 42%,#ffd5e4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.actas-page-status{
  text-align:right;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:11px 14px;
}
.actas-page-status span{
  display:block;
  color:#f8fafc;
  font-weight:950;
}
.actas-page-status small{
  display:block;
  color:var(--soft);
  margin-top:3px;
}
.actas-table-wrap{
  overflow:auto;
  border-top:1px solid rgba(255,255,255,.06);
}
.actas-data-table{
  width:100%;
  min-width:860px;
  border-collapse:separate;
  border-spacing:0;
}
.actas-data-table th{
  position:sticky;
  top:0;
  z-index:1;
  padding:15px 18px;
  color:#d8eaff;
  background:rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.075);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.actas-data-table td{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:#dbe7f2;
  vertical-align:middle;
}
.actas-data-table tbody tr:last-child td{
  border-bottom:0;
}
.acta-table-row{
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.acta-table-row:hover,
.acta-table-row:focus{
  background:rgba(87,168,193,.065);
  outline:none;
}
.acta-table-row:hover .acta-code,
.acta-table-row:focus .acta-code{
  border-color:rgba(87,168,193,.40);
  color:#e9fbff;
}
.acta-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#bdefff;
  border-radius:999px;
  padding:8px 12px;
  font-weight:950;
  letter-spacing:.04em;
}
.actas-data-table td strong{
  display:block;
  color:#f8fafc;
  font-size:16px;
  line-height:1.25;
}
.actas-data-table td span:not(.acta-code):not(.people-pill){
  display:block;
  color:#8ea0b8;
  font-size:12px;
  margin-top:6px;
}
.people-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.people-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#dbe7f2;
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  font-weight:800;
}
.people-pill.more{
  color:#e7d000;
  border-color:rgba(231,208,0,.18);
  background:rgba(231,208,0,.06);
}
.actas-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 24px 24px;
  border-top:1px solid rgba(255,255,255,.055);
}
.actas-pagination.single{
  justify-content:center;
  color:var(--soft);
}
.page-numbers{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:center;
}
.page-btn,
.page-number,
.page-gap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#cbd5e1;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}
.page-btn{
  min-width:94px;
  padding:0 14px;
}
.page-number.active{
  color:#06121f;
  background:linear-gradient(135deg,#57A8C1,#a78bfa);
  border-color:transparent;
}
.page-btn.disabled{
  opacity:.45;
  pointer-events:none;
}
.page-gap{
  border-color:transparent;
  background:transparent;
  min-width:auto;
  padding:0 4px;
}

@media(max-width:980px){
  .actas-filter-panel{
    grid-template-columns:1fr;
  }
  .actas-table-head,
  .actas-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
  .actas-page-status{
    text-align:left;
  }
  .page-numbers{
    justify-content:flex-start;
  }
}


/* Phase 8.4C15 · Dashboards / Webservices premium */
.dashboards-premium-body{
  background:
    radial-gradient(ellipse 60% 42% at 80% 0%,rgba(79,70,229,.16),transparent 68%),
    radial-gradient(ellipse 50% 50% at 0% 30%,rgba(87,168,193,.12),transparent 62%),
    #050b16;
}
.dashboards-premium-shell{
  align-items:start;
}
.dashboards-premium-section{
  position:relative;
  min-height:720px;
  overflow:hidden;
  border-radius:34px;
  padding:20px 0 10px;
}
.dashboards-bg-grid{
  position:absolute;
  inset:-80px -80px auto auto;
  width:460px;
  height:460px;
  opacity:.18;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(87,168,193,.28) 1px,transparent 1.5px);
  background-size:18px 18px;
  mask-image:linear-gradient(120deg,transparent 0%,#000 28%,#000 70%,transparent 100%);
}
.dashboards-status-pill{
  position:absolute;
  top:18px;
  right:4px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(34,197,94,.22);
  background:rgba(34,197,94,.08);
  color:#d9fbe6;
  border-radius:999px;
  padding:9px 16px;
  font-weight:850;
  box-shadow:0 0 24px rgba(34,197,94,.08);
}
.dashboards-status-pill span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 0 6px rgba(52,211,153,.10), 0 0 16px rgba(52,211,153,.55);
}
.dashboards-hero-premium{
  position:relative;
  z-index:1;
  max-width:860px;
  padding:36px 0 28px;
}
.dashboards-hero-premium h1{
  margin:10px 0 14px;
  font-size:clamp(50px,6.5vw,82px);
  line-height:.95;
  letter-spacing:-.065em;
  background:linear-gradient(135deg,#ffffff 0%,#e8f7ff 38%,#c4b5fd 74%,#ffffff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 24px 72px rgba(0,0,0,.28);
}
.dashboards-hero-premium p{
  max-width:760px;
  margin:0;
  color:#aebbd0;
  font-size:20px;
  line-height:1.48;
}
.dashboards-hero-note{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  color:#8ea0b8;
  font-size:16px;
}
.dashboards-hero-note span{
  color:#7c8cff;
  font-size:28px;
  line-height:1;
  text-shadow:0 0 18px rgba(124,140,255,.45);
}
.dashboards-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:8px;
}
.dash-module-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  border-radius:30px;
  border:1px solid rgba(87,168,193,.26);
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.16),transparent 40%),
    linear-gradient(145deg,rgba(7,17,34,.96),rgba(4,10,22,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}
.dash-module-card.purple{
  border-color:rgba(167,139,250,.32);
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.20),transparent 42%),
    radial-gradient(circle at 70% 22%,rgba(255,9,87,.08),transparent 44%),
    linear-gradient(145deg,rgba(10,13,33,.96),rgba(6,8,22,.98));
}
.dash-module-card:after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:205px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.04),transparent);
  pointer-events:none;
}
.dash-module-content{
  position:relative;
  z-index:2;
  padding:34px;
}
.dash-module-top{
  display:flex;
  align-items:center;
  gap:22px;
}
.dash-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:20px;
  border:1px solid rgba(87,168,193,.34);
  background:rgba(87,168,193,.08);
  color:#58bfff;
  font-size:34px;
  font-weight:900;
  box-shadow:0 0 24px rgba(87,168,193,.10);
}
.dash-module-card.purple .dash-icon{
  border-color:rgba(167,139,250,.42);
  background:rgba(167,139,250,.10);
  color:#a78bfa;
}
.dash-module-kicker{
  display:block;
  color:#57A8C1;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:950;
  margin-bottom:8px;
}
.dash-module-card.purple .dash-module-kicker{
  color:#a78bfa;
}
.dash-module-card h2{
  margin:0;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.dash-module-card p{
  max-width:390px;
  margin:24px 0 46px;
  color:#aebbd0;
  line-height:1.55;
  font-size:16px;
}
.dash-module-meta{
  display:grid;
  gap:14px;
  margin-bottom:30px;
}
.dash-module-meta div{
  display:grid;
  grid-template-columns:24px 90px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:#7f8da5;
}
.dash-meta-icon{
  color:#57A8C1;
}
.dash-module-card.purple .dash-meta-icon{
  color:#a78bfa;
}
.dash-module-meta strong{
  color:#cbd5e1;
  font-weight:800;
}
.dash-state{
  display:inline-flex;
  justify-self:start;
  align-items:center;
  border-radius:999px;
  padding:6px 12px;
  font-size:13px;
}
.dash-state.ok{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.24);
}
.dash-state.warn{
  color:#fde68a;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
}
.dash-state.danger{
  color:#fecaca;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.24);
}
.dash-open-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:220px;
  height:52px;
  border-radius:14px;
  text-decoration:none;
  color:#eff6ff;
  font-weight:950;
  background:linear-gradient(135deg,rgba(56,189,248,.85),rgba(79,70,229,.72));
  border:1px solid rgba(147,197,253,.35);
  box-shadow:0 16px 32px rgba(56,189,248,.16);
}
.dash-module-card.purple .dash-open-button{
  background:linear-gradient(135deg,rgba(124,58,237,.82),rgba(88,28,135,.76));
  border-color:rgba(167,139,250,.38);
  box-shadow:0 16px 32px rgba(124,58,237,.16);
}
.dash-open-button span{
  font-size:26px;
  line-height:1;
  transition:transform .18s ease;
}
.dash-open-button:hover span{
  transform:translateX(4px);
}
.dash-module-art{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.dash-art-orbit{
  position:absolute;
  right:-90px;
  top:-90px;
  width:300px;
  height:300px;
  border-radius:50%;
  border:1px solid rgba(87,168,193,.08);
  box-shadow:inset 0 0 60px rgba(87,168,193,.05);
}
.dash-module-card.purple .dash-art-orbit{
  border-color:rgba(167,139,250,.09);
  box-shadow:inset 0 0 60px rgba(167,139,250,.06);
}
.dash-art-core{
  position:absolute;
  right:34px;
  top:46px;
  width:220px;
  height:150px;
  opacity:.52;
  filter:drop-shadow(0 0 24px rgba(87,168,193,.28));
}
.dash-module-card.purple .dash-art-core{
  filter:drop-shadow(0 0 24px rgba(167,139,250,.28));
}
.dash-art-boxes:before,
.dash-art-boxes:after,
.dash-art-car:before,
.dash-art-car:after{
  content:"";
  position:absolute;
  display:block;
}
.dash-art-boxes:before{
  right:38px;
  top:34px;
  width:118px;
  height:86px;
  border:1px solid rgba(87,168,193,.38);
  background:
    linear-gradient(90deg,transparent 0 32%,rgba(87,168,193,.12) 33% 34%,transparent 35%),
    linear-gradient(rgba(87,168,193,.08),rgba(87,168,193,.02));
  box-shadow:28px 18px 0 rgba(87,168,193,.045), -24px 28px 0 rgba(87,168,193,.03);
  transform:skewY(-10deg);
}
.dash-art-boxes:after{
  right:30px;
  top:18px;
  width:80px;
  height:52px;
  border:1px solid rgba(87,168,193,.24);
  transform:skewY(-10deg);
}
.dash-art-car:before{
  right:20px;
  top:58px;
  width:150px;
  height:54px;
  border-radius:52% 48% 26px 26px;
  border:1px solid rgba(167,139,250,.38);
  background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(87,168,193,.04));
  box-shadow:-28px 18px 0 -14px rgba(167,139,250,.5), 64px 18px 0 -14px rgba(167,139,250,.5);
}
.dash-art-car:after{
  right:56px;
  top:36px;
  width:82px;
  height:34px;
  border-radius:50% 50% 0 0;
  border:1px solid rgba(167,139,250,.30);
}
.dash-locked-module{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin-top:24px;
  padding:30px 34px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 90% 50%,rgba(167,139,250,.10),transparent 28%),
    linear-gradient(145deg,rgba(10,17,33,.78),rgba(6,11,24,.84));
  opacity:.58;
}
.dash-locked-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:20px;
  border:1px dashed rgba(203,213,225,.30);
  color:#94a3b8;
  font-size:34px;
}
.dash-locked-module h2{
  margin:2px 0 8px;
  font-size:30px;
}
.dash-locked-module p{
  margin:0;
  color:#94a3b8;
}
.dash-soon-pill{
  justify-self:end;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#94a3b8;
  border-radius:999px;
  padding:9px 14px;
  font-weight:900;
}
.dash-lock-art{
  position:absolute;
  right:70px;
  font-size:86px;
  color:rgba(167,139,250,.10);
  pointer-events:none;
}
.dashboards-premium-body .sidebar{
  border-color:rgba(87,168,193,.14);
  background:linear-gradient(180deg,rgba(9,18,34,.88),rgba(5,11,24,.92));
}
.dashboards-premium-body .sidebar a.active{
  border:1px solid rgba(87,168,193,.28);
  background:linear-gradient(135deg,rgba(87,168,193,.18),rgba(79,70,229,.14));
  box-shadow:0 0 28px rgba(87,168,193,.08);
}

@media(max-width:1180px){
  .dashboards-module-grid{
    grid-template-columns:1fr;
  }
  .dash-module-card{
    min-height:330px;
  }
}
@media(max-width:760px){
  .dashboards-status-pill{
    position:relative;
    top:auto;
    right:auto;
    margin-bottom:16px;
    width:max-content;
  }
  .dash-module-content{
    padding:26px;
  }
  .dash-module-top{
    align-items:flex-start;
  }
  .dash-art-core{
    opacity:.18;
  }
  .dash-module-card p{
    margin-bottom:34px;
  }
  .dash-module-meta div{
    grid-template-columns:22px 72px minmax(0,1fr);
  }
  .dash-locked-module{
    grid-template-columns:1fr;
  }
  .dash-soon-pill{
    justify-self:start;
  }
}


/* Phase 8.4C16 · Sidebar premium categories */
.shell-with-sidebar{grid-template-columns:290px minmax(0,1fr);gap:22px}
.sidebar.sidebar-premium{
  position:sticky;
  top:88px;
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(87,168,193,.18);
  background:
    radial-gradient(circle at 120% 0%, rgba(79,70,229,.16), transparent 35%),
    radial-gradient(circle at 0% 100%, rgba(56,189,248,.10), transparent 40%),
    linear-gradient(180deg, rgba(8,17,33,.96), rgba(4,10,22,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 36px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.015);
}
.sidebar-nav-premium{display:flex;flex-direction:column;gap:10px}
.sidebar-link-premium{
  position:relative;
  display:flex;
  align-items:center;
  min-height:62px;
  padding:0 16px;
  border-radius:20px;
  color:#c2cfdf;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .16s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}
.sidebar-link-premium:hover{
  color:#f4f8ff;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.05);
  transform:translateX(2px);
}
.sidebar-link-main{display:flex;align-items:center;gap:14px;min-width:0}
.sidebar-link-icon{
  width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;
  color:#d8e4f3;opacity:.95;
}
.sidebar-link-icon svg{width:24px;height:24px;display:block}
.sidebar-link-label{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar-link-premium.active{
  color:#ffffff;
  border-color:rgba(96,165,250,.34);
  background:linear-gradient(135deg, rgba(44,94,255,.34), rgba(96,165,250,.17));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(96,165,250,.10),
    0 0 32px rgba(56,189,248,.16),
    0 8px 24px rgba(37,99,235,.16);
}
.sidebar-link-premium.active .sidebar-link-icon{
  color:#6ab8ff;
  filter:drop-shadow(0 0 8px rgba(96,165,250,.34));
}
.sidebar-link-premium.active::before{
  content:"";
  position:absolute;
  right:-16px;
  top:50%;
  width:16px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(96,165,250,.82), rgba(96,165,250,.25));
  border-radius:999px;
  box-shadow:0 0 12px rgba(96,165,250,.42);
}
.sidebar-link-premium.active::after{
  content:"";
  position:absolute;
  right:-24px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%);
  border-radius:999px;
  background:#8fd3ff;
  box-shadow:0 0 0 4px rgba(96,165,250,.16), 0 0 20px rgba(96,165,250,.55);
}
/* Override old legacy sidebar link style if present */
.sidebar.sidebar-premium a{justify-content:flex-start;margin:0;padding:0;background:transparent}
.sidebar.sidebar-premium a:hover,.sidebar.sidebar-premium a.active{background:unset;color:inherit}

@media (max-width: 1024px){
  .shell-with-sidebar{grid-template-columns:1fr}
  .sidebar.sidebar-premium{position:relative;top:auto}
  .sidebar-link-premium.active::before,
  .sidebar-link-premium.active::after{display:none}
}
@media (max-width: 640px){
  .sidebar-link-label{font-size:16px}
  .sidebar-link-premium{min-height:58px;padding:0 14px}
}


/* Phase 8.4C17A · Bodega header + sync panel */
.bodega-header-premium{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:22px;
  position:relative;
}
.bodega-title-block{
  max-width:780px;
}
.bodega-route-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.26);
  background:rgba(34,197,94,.08);
  color:#bbf7d0;
  border-radius:999px;
  padding:8px 13px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 0 24px rgba(34,197,94,.06);
}
.bodega-title-block h1{
  margin:16px 0 12px;
  font-size:clamp(52px,6vw,82px);
  line-height:.94;
  letter-spacing:-.065em;
  background:linear-gradient(135deg,#ffffff 0%,#dff7ff 42%,#c4b5fd 76%,#ffffff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 24px 70px rgba(0,0,0,.28);
}
.bodega-title-block p{
  margin:0;
  color:#aebbd0;
  font-size:17px;
  line-height:1.55;
}
.bodega-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:220px;
}
.antony-premium-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:220px;
  height:56px;
  border-radius:17px;
  border:1px solid rgba(87,168,193,.36);
  color:#06121f;
  background:linear-gradient(135deg,#57A8C1 0%,#79d8ff 45%,#a78bfa 100%);
  font-weight:950;
  cursor:pointer;
  box-shadow:
    0 18px 44px rgba(87,168,193,.18),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 26px rgba(167,139,250,.10);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.antony-premium-button span{
  font-size:24px;
  line-height:1;
  transition:transform .18s ease;
}
.antony-premium-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:
    0 22px 52px rgba(87,168,193,.24),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 34px rgba(167,139,250,.16);
}
.antony-premium-button:hover span{
  transform:translateX(5px);
}
.bodega-sync-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(87,168,193,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.12),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(255,9,87,.055),transparent 42%),
    linear-gradient(145deg,rgba(10,18,34,.96),rgba(6,11,24,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  padding:22px;
  margin-bottom:24px;
}
.bodega-sync-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.28),rgba(255,9,87,.14),transparent);
}
.bodega-sync-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.bodega-sync-title{
  max-width:680px;
}
.bodega-sync-title h2{
  margin:4px 0 8px;
  font-size:32px;
  line-height:1;
  letter-spacing:-.04em;
}
.bodega-sync-title p{
  margin:0;
  color:#8ea0b8;
  font-size:14px;
  line-height:1.5;
}
.bodega-sync-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.bodega-sync-metric{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:96px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  border-radius:18px;
  padding:14px 15px;
  box-shadow:0 8px 20px rgba(0,0,0,.12) inset;
}
.bodega-sync-metric strong{
  display:block;
  color:#8ea0b8;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.13em;
  margin-bottom:10px;
}
.bodega-sync-metric em{
  display:block;
  color:#eaf5ff;
  font-style:normal;
  font-size:17px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
.bodega-health-pill{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:112px;
  border-radius:999px;
  padding:10px 14px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}
.bodega-health-pill.ok{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.24);
}
.bodega-health-pill.warn{
  color:#fde68a;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
}
.bodega-health-pill.danger{
  color:#fecaca;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.24);
}
@media(max-width:1120px){
  .bodega-sync-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .bodega-sync-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .bodega-header-premium{
    flex-direction:column;
    align-items:flex-start;
  }
  .bodega-header-actions{
    min-width:0;
    width:100%;
    justify-content:flex-start;
  }
  .antony-premium-button{
    width:100%;
  }
  .bodega-sync-grid{
    grid-template-columns:1fr;
  }
}


/* Phase 8.4C17B · KPIs limpios Bodega */
.bodega-clean-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 34px;
}
.bodega-clean-kpi{
  position:relative;
  overflow:hidden;
  min-height:132px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  padding:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
.bodega-clean-kpi:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.28),transparent);
}
.bodega-clean-kpi span{
  display:block;
  color:#9fd6e6;
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}
.bodega-clean-kpi strong{
  display:block;
  color:#fff;
  font-size:42px;
  line-height:1;
  letter-spacing:-.055em;
  margin-bottom:10px;
}
.bodega-clean-kpi small{
  display:block;
  color:#8ea0b8;
  font-size:12px;
  line-height:1.35;
}
.bodega-clean-kpi.cyan strong{
  background:linear-gradient(135deg,#fff 0%,#b9e8f5 35%,#57A8C1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.bodega-clean-kpi.green{
  border-color:rgba(34,197,94,.12);
}
.bodega-clean-kpi.green:before{
  background:linear-gradient(90deg,transparent,rgba(34,197,94,.28),transparent);
}
.bodega-clean-kpi.purple{
  border-color:rgba(167,139,250,.14);
}
.bodega-clean-kpi.purple:before{
  background:linear-gradient(90deg,transparent,rgba(167,139,250,.32),transparent);
}
@media(max-width:1100px){
  .bodega-clean-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .bodega-clean-kpi-grid{
    grid-template-columns:1fr;
  }
}


/* Phase 8.4C17C · Catálogo de Tiendas */
.tiendas-catalog-section{
  margin-top:36px;
}
.bodega-section-heading.tiendas-heading{
  margin-bottom:16px;
}
.bodega-section-heading.tiendas-heading h2{
  margin:6px 0 8px;
  font-size:clamp(32px,3.8vw,48px);
  line-height:1;
  letter-spacing:-.045em;
  background:linear-gradient(135deg,#fff 0%,#dff7ff 46%,#ffd5e4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.bodega-section-heading.tiendas-heading p{
  max-width:900px;
  margin:0;
  color:#9eabc0;
  line-height:1.55;
}
.tiendas-collapsible{
  overflow:hidden;
  border:1px solid rgba(87,168,193,.14);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 38%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:18px 0 22px;
}
.tiendas-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.tiendas-collapsible summary::-webkit-details-marker{
  display:none;
}
.tiendas-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.tiendas-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.tiendas-summary-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  border:1px solid rgba(34,197,94,.22);
  background:rgba(34,197,94,.08);
  color:#bbf7d0;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.tiendas-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.tiendas-collapsible[open] .tiendas-toggle{
  transform:rotate(45deg);
}
.tiendas-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.tiendas-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.tiendas-metrics article{
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:16px;
}
.tiendas-metrics span{
  display:block;
  color:#8ea0b8;
  font-size:12px;
  margin-bottom:8px;
}
.tiendas-metrics strong{
  display:block;
  color:#fff;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.tiendas-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.tiendas-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tiendas-search input{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.tiendas-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
}
.tiendas-table{
  width:100%;
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
}
.tiendas-table th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.tiendas-table td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.tiendas-table tr:last-child td{
  border-bottom:0;
}
.tiendas-table code{
  color:#bdefff;
  font-weight:800;
}
.shops-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.shops-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
.crafting-legacy-grid{
  margin-top:14px;
}
.crafting-legacy-grid > .wide-card{
  grid-column:auto;
}
@media(max-width:880px){
  .tiendas-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .tiendas-search{
    grid-template-columns:1fr;
  }
  .shops-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:640px){
  .tiendas-metrics{
    grid-template-columns:1fr;
  }
}


/* Phase 8.4C17D · Mesas de Crafting del Servidor */
.crafting-collapsible{
  overflow:hidden;
  border:1px solid rgba(167,139,250,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.10),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(87,168,193,.055),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:18px 0 22px;
}
.crafting-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.crafting-collapsible summary::-webkit-details-marker{
  display:none;
}
.crafting-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.crafting-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.crafting-summary-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  border:1px solid rgba(167,139,250,.24);
  background:rgba(167,139,250,.08);
  color:#ddd6fe;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.crafting-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(167,139,250,.26);
  background:rgba(167,139,250,.08);
  color:#efeaff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.crafting-collapsible[open] .crafting-toggle{
  transform:rotate(45deg);
}
.crafting-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.crafting-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.crafting-metrics article{
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:16px;
}
.crafting-metrics span{
  display:block;
  color:#8ea0b8;
  font-size:12px;
  margin-bottom:8px;
}
.crafting-metrics strong{
  display:block;
  color:#fff;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.crafting-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.crafting-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.crafting-search input{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.crafting-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
}
.crafting-table{
  width:100%;
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
}
.crafting-table th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.crafting-table td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.crafting-table tr:last-child td{
  border-bottom:0;
}
.crafting-table code{
  color:#ddd6fe;
  font-weight:800;
}
.crafting-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.crafting-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
@media(max-width:880px){
  .crafting-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .crafting-search{
    grid-template-columns:1fr;
  }
  .crafting-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:640px){
  .crafting-metrics{
    grid-template-columns:1fr;
  }
}


/* Phase 8.4C17E · Alertas compactas desplegables */
.bodega-alerts-collapsible{
  overflow:hidden;
  border:1px solid rgba(245,158,11,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(245,158,11,.08),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(87,168,193,.05),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:28px 0 22px;
}
.bodega-alerts-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.bodega-alerts-collapsible summary::-webkit-details-marker{
  display:none;
}
.bodega-alerts-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.bodega-alerts-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.bodega-alert-summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  min-width:180px;
}
.bodega-alert-summary span{
  display:inline-flex;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  color:#cbd5e1;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.bodega-alert-summary span.ok{
  color:#bbf7d0;
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.22);
}
.bodega-alert-summary span.warn{
  color:#fde68a;
  background:rgba(245,158,11,.10);
  border-color:rgba(245,158,11,.22);
}
.bodega-alert-summary span.danger{
  color:#fecaca;
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.22);
}
.bodega-alert-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(245,158,11,.26);
  background:rgba(245,158,11,.08);
  color:#fff2c7;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.bodega-alerts-collapsible[open] .bodega-alert-toggle{
  transform:rotate(45deg);
}
.bodega-alerts-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:20px 24px 24px;
}
.bodega-alerts-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bodega-alert-item{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:14px;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(255,255,255,.032);
  padding:16px;
}
.bodega-alert-item.warn{
  border-color:rgba(245,158,11,.16);
  background:linear-gradient(145deg,rgba(245,158,11,.06),rgba(255,255,255,.025));
}
.bodega-alert-item.ok{
  border-color:rgba(34,197,94,.15);
  background:linear-gradient(145deg,rgba(34,197,94,.055),rgba(255,255,255,.025));
}
.bodega-alert-item.danger{
  border-color:rgba(239,68,68,.18);
  background:linear-gradient(145deg,rgba(239,68,68,.06),rgba(255,255,255,.025));
}
.bodega-alert-level{
  justify-self:start;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.bodega-alert-item.warn .bodega-alert-level{
  color:#fde68a;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.24);
}
.bodega-alert-item.ok .bodega-alert-level{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.24);
}
.bodega-alert-item.danger .bodega-alert-level{
  color:#fecaca;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.24);
}
.bodega-alert-item h3{
  margin:0 0 7px;
  font-size:17px;
  color:#fff;
}
.bodega-alert-item p{
  margin:0;
  color:#aebbd0;
  line-height:1.55;
}
.bodega-alert-item small{
  display:block;
  color:#7f8da5;
  margin-top:7px;
  line-height:1.45;
}
@media(max-width:920px){
  .bodega-alerts-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .bodega-alert-summary{
    justify-content:flex-start;
  }
  .bodega-alerts-list{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .bodega-alert-item{
    grid-template-columns:1fr;
  }
}

/* Phase 8.4C17E.2 · Hotfix seguro: se oculta antonyIntelligenceSection completo para evitar duplicación */


/* Phase 8.4C17F · Entradas / Salidas desplegables */
.movements-section{
  margin:34px 0 24px;
}
.movements-heading{
  margin-bottom:16px;
}
.movements-heading h2{
  margin:6px 0 8px;
  font-size:clamp(32px,3.8vw,48px);
  line-height:1;
  letter-spacing:-.045em;
  background:linear-gradient(135deg,#fff 0%,#dff7ff 46%,#ffd5e4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.movements-heading p{
  max-width:900px;
  margin:0;
  color:#9eabc0;
  line-height:1.55;
}
.movement-collapsible{
  overflow:hidden;
  border:1px solid rgba(87,168,193,.14);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 38%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:16px 0 18px;
}
.movement-collapsible.out{
  border-color:rgba(245,158,11,.15);
  background:
    radial-gradient(circle at 100% 0%,rgba(245,158,11,.075),transparent 38%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
}
.movement-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.movement-collapsible summary::-webkit-details-marker{
  display:none;
}
.movement-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.movement-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.movement-summary-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.movement-collapsible.out .movement-summary-count{
  border-color:rgba(245,158,11,.24);
  background:rgba(245,158,11,.08);
  color:#fde68a;
}
.movement-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.movement-collapsible.out .movement-toggle{
  border-color:rgba(245,158,11,.26);
  background:rgba(245,158,11,.08);
  color:#fff2c7;
}
.movement-collapsible[open] .movement-toggle{
  transform:rotate(45deg);
}
.movement-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.movement-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.movement-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.movement-search input{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.movement-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
}
.movement-table{
  width:100%;
  min-width:780px;
  border-collapse:separate;
  border-spacing:0;
}
.movement-table th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.movement-table td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.movement-table tr:last-child td{
  border-bottom:0;
}
.movement-table code{
  color:#bdefff;
  font-weight:800;
}
.movement-type{
  display:inline-flex;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.movement-type.in{
  color:#bbf7d0;
  background:rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.22);
}
.movement-type.out{
  color:#fde68a;
  background:rgba(245,158,11,.10);
  border:1px solid rgba(245,158,11,.22);
}
.movement-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.movement-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
@media(max-width:880px){
  .movement-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .movement-search{
    grid-template-columns:1fr;
  }
  .movement-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Phase 8.4C17F.1 · ingreso calculado por ventas */
.movement-income{
  display:inline-block;
  color:#dff7ff;
  font-size:15px;
}

/* Phase 8.4C17G · Eventos corporativos de items ocultos visualmente */


/* Phase 8.4C17H · Inventario Consolidado limpio */
.consolidated-collapsible{
  overflow:hidden;
  border:1px solid rgba(87,168,193,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(167,139,250,.055),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:30px 0 22px;
}
.consolidated-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.consolidated-collapsible summary::-webkit-details-marker{
  display:none;
}
.consolidated-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.consolidated-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.consolidated-summary-count{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.consolidated-summary-count span{
  display:inline-flex;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.consolidated-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.consolidated-collapsible[open] .consolidated-toggle{
  transform:rotate(45deg);
}
.consolidated-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.consolidated-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(190px,260px) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.consolidated-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.consolidated-search input,
.consolidated-search select{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.consolidated-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
}
.consolidated-table{
  width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
}
.consolidated-table th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.consolidated-table td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.consolidated-table tr:last-child td{
  border-bottom:0;
}
.consolidated-table code{
  color:#bdefff;
  font-weight:800;
}
.consolidated-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.consolidated-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
@media(max-width:980px){
  .consolidated-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .consolidated-summary-count{
    justify-content:flex-start;
  }
  .consolidated-search{
    grid-template-columns:1fr;
  }
  .consolidated-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Phase 8.4C17H.1 · Endpoint preparado para VPS oculto del dashboard gerencial */


/* Phase 8.4C17H.2 · Scrollbars Premium globales */
:root{
  scrollbar-color: rgba(87,168,193,.58) rgba(4,10,22,.92);
  scrollbar-width: thin;
}
*{
  scrollbar-width: thin;
  scrollbar-color: rgba(87,168,193,.50) rgba(4,10,22,.86);
}
*::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track{
  background:
    linear-gradient(180deg,rgba(2,6,23,.92),rgba(10,17,33,.96));
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb{
  background:
    linear-gradient(180deg,rgba(87,168,193,.78),rgba(167,139,250,.58));
  border: 2px solid rgba(4,10,22,.92);
  border-radius: 999px;
  box-shadow: 0 0 14px rgba(87,168,193,.18);
}
*::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(180deg,rgba(125,211,252,.90),rgba(216,180,254,.72));
}
*::-webkit-scrollbar-corner{
  background: rgba(4,10,22,.92);
}

/* Tablas y contenedores horizontales */
.table-wrap,
.tiendas-table-wrap,
.crafting-table-wrap,
.movement-table-wrap,
.consolidated-table-wrap{
  scrollbar-width: thin;
  scrollbar-color: rgba(87,168,193,.62) rgba(2,6,23,.55);
}
.table-wrap::-webkit-scrollbar,
.tiendas-table-wrap::-webkit-scrollbar,
.crafting-table-wrap::-webkit-scrollbar,
.movement-table-wrap::-webkit-scrollbar,
.consolidated-table-wrap::-webkit-scrollbar{
  height: 9px;
  width: 9px;
}
.table-wrap::-webkit-scrollbar-track,
.tiendas-table-wrap::-webkit-scrollbar-track,
.crafting-table-wrap::-webkit-scrollbar-track,
.movement-table-wrap::-webkit-scrollbar-track,
.consolidated-table-wrap::-webkit-scrollbar-track{
  background: rgba(2,6,23,.55);
  border-radius: 999px;
}
.table-wrap::-webkit-scrollbar-thumb,
.tiendas-table-wrap::-webkit-scrollbar-thumb,
.crafting-table-wrap::-webkit-scrollbar-thumb,
.movement-table-wrap::-webkit-scrollbar-thumb,
.consolidated-table-wrap::-webkit-scrollbar-thumb{
  background:
    linear-gradient(90deg,rgba(87,168,193,.76),rgba(167,139,250,.58));
  border: 2px solid rgba(2,6,23,.70);
  border-radius: 999px;
}
.table-wrap::-webkit-scrollbar-thumb:hover,
.tiendas-table-wrap::-webkit-scrollbar-thumb:hover,
.crafting-table-wrap::-webkit-scrollbar-thumb:hover,
.movement-table-wrap::-webkit-scrollbar-thumb:hover,
.consolidated-table-wrap::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(90deg,rgba(125,211,252,.90),rgba(216,180,254,.70));
}

/* Firefox: scroll horizontal más suave en tablas */
.table-wrap,
.tiendas-table-wrap,
.crafting-table-wrap,
.movement-table-wrap,
.consolidated-table-wrap{
  scrollbar-gutter: stable;
}

/* Phase 8.4C17I · Bodega Stable: cierre operativo visual del dashboard de inventario */


/* Phase 8.5A · Vehículos header + sync + KPIs limpios */
.vehicle-header-premium h1{
  font-size:clamp(46px,6.2vw,78px);
}
.valeria-premium-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 20px;
  border:0;
  border-radius:16px;
  color:#07111f;
  font-weight:950;
  cursor:pointer;
  background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 50%,#c4b5fd 100%);
  box-shadow:0 14px 38px rgba(56,189,248,.28);
}
.valeria-premium-button span{
  font-size:18px;
}
.vehicle-sync-card{
  margin-bottom:18px;
}
.vehicle-clean-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 28px;
}
.vehicle-clean-kpi{
  position:relative;
  overflow:hidden;
  min-height:124px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  padding:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
.vehicle-clean-kpi:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.28),transparent);
}
.vehicle-clean-kpi span{
  display:block;
  color:#9fd6e6;
  font-size:12px;
  font-weight:850;
  line-height:1.35;
  margin-bottom:14px;
}
.vehicle-clean-kpi strong{
  display:block;
  color:#fff;
  font-size:40px;
  line-height:1;
  letter-spacing:-.055em;
  background:linear-gradient(135deg,#fff 0%,#b9e8f5 35%,#57A8C1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
@media(max-width:1180px){
  .vehicle-clean-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .vehicle-clean-kpi-grid{
    grid-template-columns:1fr;
  }
}


/* Phase 8.5B · Tabla de Vehículos */
.vehicle-table-collapsible{
  overflow:hidden;
  border:1px solid rgba(87,168,193,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(167,139,250,.055),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:30px 0 22px;
}
.vehicle-table-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.vehicle-table-collapsible summary::-webkit-details-marker{
  display:none;
}
.vehicle-table-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.vehicle-table-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.vehicle-table-summary-count{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.vehicle-table-summary-count span{
  display:inline-flex;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.vehicle-table-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.vehicle-table-collapsible[open] .vehicle-table-toggle{
  transform:rotate(45deg);
}
.vehicle-table-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.vehicle-table-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.vehicle-table-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vehicle-table-search input{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.vehicle-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
  scrollbar-width: thin;
  scrollbar-color: rgba(87,168,193,.62) rgba(2,6,23,.55);
}
.vehicle-table-wrap::-webkit-scrollbar{
  height:9px;
  width:9px;
}
.vehicle-table-wrap::-webkit-scrollbar-track{
  background:rgba(2,6,23,.55);
  border-radius:999px;
}
.vehicle-table-wrap::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,rgba(87,168,193,.76),rgba(167,139,250,.58));
  border:2px solid rgba(2,6,23,.70);
  border-radius:999px;
}
.vehicle-table-premium{
  width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
}
.vehicle-table-premium th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.vehicle-table-premium td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.vehicle-table-premium tr:last-child td{
  border-bottom:0;
}
.vehicle-table-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.vehicle-table-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
.vehicle-garage-legacy-grid{
  margin-top:14px;
}
@media(max-width:920px){
  .vehicle-table-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .vehicle-table-summary-count{
    justify-content:flex-start;
  }
  .vehicle-table-search{
    grid-template-columns:1fr;
  }
  .vehicle-table-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Phase 8.5B.1 · Filtro por columna + ordenamiento Tabla Vehículos */
.vehicle-table-search-advanced{
  grid-template-columns:minmax(190px,260px) minmax(260px,1fr) auto auto;
}
.vehicle-table-search select{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.vehicle-sort-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#d8eaff;
  text-decoration:none;
}
.vehicle-sort-link span{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid rgba(87,168,193,.22);
  border-radius:999px;
  color:#9fd6e6;
  background:rgba(87,168,193,.06);
  font-size:11px;
}
.vehicle-sort-link:hover{
  color:#ffffff;
}
.vehicle-sort-link:hover span{
  border-color:rgba(125,211,252,.42);
  background:rgba(125,211,252,.12);
}
@media(max-width:920px){
  .vehicle-table-search-advanced{
    grid-template-columns:1fr;
  }
}

/* Phase 8.5B.2 · Hotfix Inventario: filtro/orden de vehículos aislado de Bodega */


/* Phase 8.5C · Garages en Uso */
.vehicle-garage-collapsible{
  overflow:hidden;
  border:1px solid rgba(167,139,250,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.10),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(87,168,193,.055),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 20px 56px rgba(0,0,0,.22);
  margin:18px 0 22px;
}
.vehicle-garage-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:24px;
}
.vehicle-garage-collapsible summary::-webkit-details-marker{
  display:none;
}
.vehicle-garage-collapsible summary h2{
  margin:4px 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.vehicle-garage-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.vehicle-garage-summary-count{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.vehicle-garage-summary-count span{
  display:inline-flex;
  border:1px solid rgba(167,139,250,.22);
  background:rgba(167,139,250,.08);
  color:#ddd6fe;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.vehicle-garage-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(167,139,250,.26);
  background:rgba(167,139,250,.08);
  color:#efeaff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.vehicle-garage-collapsible[open] .vehicle-garage-toggle{
  transform:rotate(45deg);
}
.vehicle-garage-collapsible-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 24px 24px;
}
.vehicle-garage-search{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
}
.vehicle-garage-search label{
  color:#9eabc0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vehicle-garage-search input{
  display:block;
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(2,6,23,.38);
  color:#e5eefb;
  padding:12px 13px;
}
.vehicle-garage-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(2,6,23,.24);
  scrollbar-width: thin;
  scrollbar-color: rgba(87,168,193,.62) rgba(2,6,23,.55);
}
.vehicle-garage-table-wrap::-webkit-scrollbar{
  height:9px;
  width:9px;
}
.vehicle-garage-table-wrap::-webkit-scrollbar-track{
  background:rgba(2,6,23,.55);
  border-radius:999px;
}
.vehicle-garage-table-wrap::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,rgba(87,168,193,.76),rgba(167,139,250,.58));
  border:2px solid rgba(2,6,23,.70);
  border-radius:999px;
}
.vehicle-garage-table{
  width:100%;
  min-width:680px;
  border-collapse:separate;
  border-spacing:0;
}
.vehicle-garage-table th{
  padding:15px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.vehicle-garage-table td{
  padding:15px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
  vertical-align:top;
}
.vehicle-garage-table tr:last-child td{
  border-bottom:0;
}
.vehicle-garage-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
}
.vehicle-garage-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
@media(max-width:920px){
  .vehicle-garage-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .vehicle-garage-summary-count{
    justify-content:flex-start;
  }
  .vehicle-garage-search{
    grid-template-columns:1fr;
  }
  .vehicle-garage-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Phase 8.5D · Alertas y Placas compactas */
.vehicle-audit-compact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin:20px 0 26px;
}
.vehicle-alerts-collapsible,
.vehicle-plates-collapsible{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
.vehicle-plates-collapsible{
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.09),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
}
.vehicle-alerts-collapsible summary,
.vehicle-plates-collapsible summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  padding:22px 24px;
}
.vehicle-alerts-collapsible summary::-webkit-details-marker,
.vehicle-plates-collapsible summary::-webkit-details-marker{
  display:none;
}
.vehicle-alerts-collapsible summary h2,
.vehicle-plates-collapsible summary h2{
  margin:4px 0 8px;
  font-size:28px;
  letter-spacing:-.035em;
}
.vehicle-alerts-collapsible summary p,
.vehicle-plates-collapsible summary p{
  margin:0;
  color:#9eabc0;
}
.vehicle-alerts-summary-count,
.vehicle-plates-summary-count{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.vehicle-alerts-summary-count span,
.vehicle-plates-summary-count span{
  display:inline-flex;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}
.vehicle-plates-summary-count span{
  border-color:rgba(167,139,250,.22);
  background:rgba(167,139,250,.08);
  color:#ddd6fe;
}
.vehicle-alerts-toggle,
.vehicle-plates-toggle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:24px;
  flex:0 0 auto;
  transition:transform .18s ease;
}
.vehicle-plates-toggle{
  border-color:rgba(167,139,250,.26);
  background:rgba(167,139,250,.08);
  color:#efeaff;
}
.vehicle-alerts-collapsible[open] .vehicle-alerts-toggle,
.vehicle-plates-collapsible[open] .vehicle-plates-toggle{
  transform:rotate(45deg);
}
.vehicle-alerts-body,
.vehicle-plates-body{
  border-top:1px solid rgba(255,255,255,.06);
  padding:20px 24px 24px;
}
.vehicle-alerts-list{
  display:grid;
  gap:12px;
}
.vehicle-alert-item{
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  padding:16px;
  background:rgba(2,6,23,.28);
}
.vehicle-alert-item strong{
  display:block;
  color:#fff;
  margin-bottom:6px;
}
.vehicle-alert-item p{
  margin:0;
  color:#aab8ca;
}
.vehicle-alert-item.crit{
  border-color:rgba(248,113,113,.25);
  background:rgba(248,113,113,.07);
}
.vehicle-alert-item.warn{
  border-color:rgba(251,191,36,.23);
  background:rgba(251,191,36,.06);
}
.vehicle-alert-item.ok{
  border-color:rgba(34,197,94,.22);
  background:rgba(34,197,94,.06);
}
.vehicle-plates-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:rgba(2,6,23,.24);
  scrollbar-width: thin;
  scrollbar-color: rgba(87,168,193,.62) rgba(2,6,23,.55);
}
.vehicle-plates-table{
  width:100%;
  min-width:520px;
  border-collapse:separate;
  border-spacing:0;
}
.vehicle-plates-table th{
  padding:14px 16px;
  color:#d8eaff;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.075);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.vehicle-plates-table td{
  padding:14px 16px;
  color:#dbe7f2;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.vehicle-plates-table tr:last-child td{
  border-bottom:0;
}
.vehicle-plates-table code{
  color:#ddd6fe;
  font-weight:900;
}
@media(max-width:920px){
  .vehicle-alerts-collapsible summary,
  .vehicle-plates-collapsible summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .vehicle-alerts-summary-count,
  .vehicle-plates-summary-count{
    justify-content:flex-start;
  }
}

/* Phase 8.5E · Vehículos Stable: cierre operativo visual del dashboard vehicular */


/* Phase 8.6A · Junta Directiva Home Visual + Formulario */
.junta-home-page{
  display:grid;
  gap:18px;
}
.junta-hero-panel{
  position:relative;
  overflow:hidden;
  min-height:230px;
  border:1px solid rgba(87,168,193,.18);
  border-radius:34px;
  padding:32px;
  background:
    radial-gradient(circle at 88% 12%,rgba(87,168,193,.20),transparent 34%),
    radial-gradient(circle at 10% 100%,rgba(167,139,250,.12),transparent 42%),
    linear-gradient(135deg,rgba(9,16,31,.98),rgba(8,22,40,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.junta-hero-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.28),transparent 70%);
  pointer-events:none;
}
.junta-hero-copy{
  position:relative;
  z-index:1;
  max-width:780px;
}
.junta-hero-copy h1{
  margin:8px 0 12px;
  font-size:clamp(46px,7vw,86px);
  line-height:.90;
  letter-spacing:-.075em;
  background:linear-gradient(135deg,#ffffff 0%,#dff7ff 42%,#57A8C1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.junta-hero-copy p{
  max-width:760px;
  margin:0;
  color:#b6c6da;
  font-size:17px;
  line-height:1.7;
}
.junta-hero-signal{
  position:relative;
  z-index:1;
  min-width:220px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:22px;
  background:rgba(2,6,23,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.junta-hero-signal span{
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  margin-bottom:16px;
  background:#22c55e;
  box-shadow:0 0 24px rgba(34,197,94,.72);
}
.junta-hero-signal strong,
.junta-hero-signal em{
  display:block;
}
.junta-hero-signal strong{
  color:#fff;
  font-size:18px;
}
.junta-hero-signal em{
  color:#9fb2ca;
  font-style:normal;
  margin-top:6px;
}

.junta-create-panel{
  border:1px solid rgba(87,168,193,.18);
  border-radius:30px;
  padding:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.10),transparent 36%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}
.junta-create-head{
  max-width:880px;
  margin-bottom:22px;
}
.junta-chip{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.28);
  background:rgba(34,197,94,.10);
  color:#86efac;
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  font-size:12px;
}
.junta-create-head h2{
  margin:14px 0 10px;
  font-size:34px;
  letter-spacing:-.045em;
}
.junta-create-head p{
  margin:0;
  color:#a9bdd3;
  line-height:1.75;
}
.junta-field{
  display:block;
  color:#9fd6e6;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.junta-field input{
  display:block;
  width:100%;
  margin-top:10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:rgba(2,6,23,.42);
  color:#e5eefb;
  padding:15px 16px;
  font-size:14px;
}
.junta-field input:focus{
  outline:none;
  border-color:rgba(87,168,193,.55);
  box-shadow:0 0 0 4px rgba(87,168,193,.10);
}
.junta-field input[aria-invalid="true"]{
  border-color:rgba(248,113,113,.70);
  box-shadow:0 0 0 4px rgba(248,113,113,.11);
}
.junta-form-error{
  margin:10px 0 0;
  color:#fecaca;
  font-size:13px;
  font-weight:800;
}
.junta-agents-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin:24px 0 12px;
}
.junta-agents-head strong{
  color:#fff;
  font-size:16px;
}
.junta-agents-head span{
  color:#9fb2ca;
  font-size:13px;
  max-width:620px;
  text-align:right;
}
.junta-agent-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.junta-agent-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:84px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:15px;
  background:rgba(2,6,23,.28);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.junta-agent-option:hover{
  transform:translateY(-1px);
  border-color:rgba(87,168,193,.30);
  background:rgba(87,168,193,.055);
}
.junta-agent-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.agent-option-mark{
  width:24px;
  height:24px;
  border-radius:8px;
  border:1px solid rgba(87,168,193,.38);
  background:rgba(2,6,23,.42);
  flex:0 0 auto;
}
.junta-agent-option input:checked + .agent-option-mark{
  background:linear-gradient(135deg,#7dd3fc,#38bdf8);
  border-color:transparent;
  box-shadow:0 0 22px rgba(56,189,248,.35);
}
.junta-agent-option input:checked + .agent-option-mark:after{
  content:"✓";
  display:grid;
  place-items:center;
  height:100%;
  color:#05101f;
  font-weight:1000;
}
.agent-option-copy strong,
.agent-option-copy small{
  display:block;
}
.agent-option-copy strong{
  color:#f8fbff;
  font-size:14px;
}
.agent-option-copy small{
  color:#9fb2ca;
  font-size:11px;
  line-height:1.35;
  margin-top:3px;
}
.junta-agent-option:has(input:checked){
  border-color:rgba(87,168,193,.44);
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.13),transparent 44%),
    rgba(87,168,193,.055);
}
.junta-agent-option.default-agent{
  border-color:rgba(167,139,250,.18);
}
.junta-create-actions{
  display:flex;
  justify-content:flex-start;
  margin-top:26px;
}
.junta-open-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:52px;
  padding:0 24px;
  border:0;
  border-radius:17px;
  color:#07111f;
  font-weight:1000;
  cursor:pointer;
  background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 54%,#c4b5fd 100%);
  box-shadow:0 16px 42px rgba(56,189,248,.28);
}
.junta-open-button span{
  font-size:19px;
}
.junta-open-button:hover{
  transform:translateY(-1px);
}

.junta-chat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.junta-chat-panel{
  min-height:320px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  padding:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
.junta-chat-panel.closed-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.96),rgba(6,11,24,.98));
}
.junta-chat-panel-head h2{
  margin:6px 0 10px;
  font-size:30px;
  letter-spacing:-.04em;
}
.junta-chat-panel-head p{
  margin:0 0 18px;
  color:#a9bdd3;
  line-height:1.65;
}
.junta-chat-list{
  display:grid;
  gap:10px;
}
.junta-chat-list .chat-item{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(2,6,23,.28);
}
@media(max-width:1180px){
  .junta-agent-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .junta-hero-panel{
    align-items:flex-start;
    flex-direction:column;
  }
  .junta-hero-signal{
    min-width:0;
    width:100%;
  }
}
@media(max-width:820px){
  .junta-chat-grid,
  .junta-agent-options{
    grid-template-columns:1fr;
  }
  .junta-agents-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .junta-agents-head span{
    text-align:left;
  }
}


/* Phase 8.6A.1 · Selector desplegable de agentes para Junta Directiva */
.junta-selected-directors{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:12px 0 14px;
}
.junta-selected-agent,
.junta-selected-empty{
  min-height:72px;
  border:1px solid rgba(87,168,193,.18);
  border-radius:18px;
  padding:14px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.10),transparent 40%),
    rgba(2,6,23,.28);
}
.junta-selected-agent.fixed{
  border-color:rgba(167,139,250,.24);
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.12),transparent 40%),
    rgba(2,6,23,.30);
}
.junta-selected-agent strong,
.junta-selected-agent small{
  display:block;
}
.junta-selected-agent strong{
  color:#fff;
  font-size:14px;
  margin-bottom:5px;
}
.junta-selected-agent small{
  color:#9fb2ca;
  font-size:11px;
  line-height:1.35;
}
.junta-selected-empty{
  display:flex;
  align-items:center;
  color:#9fb2ca;
  font-size:12px;
  font-weight:800;
  border-style:dashed;
}
.junta-agent-dropdown{
  border:1px solid rgba(87,168,193,.18);
  border-radius:22px;
  background:rgba(2,6,23,.26);
  overflow:hidden;
}
.junta-agent-dropdown summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 18px;
  cursor:pointer;
  list-style:none;
}
.junta-agent-dropdown summary::-webkit-details-marker{
  display:none;
}
.junta-agent-dropdown summary strong{
  display:block;
  color:#dff7ff;
  font-size:14px;
}
.junta-agent-dropdown summary span{
  display:block;
  color:#93a8bf;
  font-size:12px;
  margin-top:4px;
}
.junta-agent-dropdown summary em{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(87,168,193,.24);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-style:normal;
  font-size:21px;
  transition:transform .18s ease;
}
.junta-agent-dropdown[open] summary em{
  transform:rotate(45deg);
}
.junta-agent-dropdown-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 18px 18px;
}
.junta-agent-dropdown-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:82px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  background:rgba(2,6,23,.34);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.junta-agent-dropdown-option:hover{
  transform:translateY(-1px);
  border-color:rgba(87,168,193,.32);
  background:rgba(87,168,193,.055);
}
.junta-agent-dropdown-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.junta-agent-dropdown-option input:checked + .agent-option-mark{
  background:linear-gradient(135deg,#7dd3fc,#38bdf8);
  border-color:transparent;
  box-shadow:0 0 22px rgba(56,189,248,.35);
}
.junta-agent-dropdown-option input:checked + .agent-option-mark:after{
  content:"✓";
  display:grid;
  place-items:center;
  height:100%;
  color:#05101f;
  font-weight:1000;
}
.junta-agent-dropdown-option:has(input:checked){
  border-color:rgba(87,168,193,.44);
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.13),transparent 44%),
    rgba(87,168,193,.055);
}
@media(max-width:1180px){
  .junta-selected-directors,
  .junta-agent-dropdown-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .junta-selected-directors,
  .junta-agent-dropdown-list{
    grid-template-columns:1fr;
  }
}


/* Phase 8.6B · Paginación servidor de juntas */
.junta-chat-list-status{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  padding:12px 14px;
  margin-bottom:12px;
  background:rgba(2,6,23,.24);
}
.junta-chat-list-status span{
  color:#eaf7ff;
  font-weight:950;
}
.junta-chat-list-status small{
  color:#8ea0b8;
}
.junta-chat-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:14px;
}
.junta-chat-pagination.single{
  justify-content:center;
  color:#8ea0b8;
}
@media(max-width:820px){
  .junta-chat-list-status{
    align-items:flex-start;
    flex-direction:column;
  }
  .junta-chat-pagination{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Phase 8.7A · Chat Junta Limpio */
.junta-room-page{
  display:grid;
  gap:18px;
}
.junta-room-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.18);
  border-radius:34px;
  padding:28px;
  background:
    radial-gradient(circle at 92% 0%,rgba(87,168,193,.18),transparent 34%),
    radial-gradient(circle at 10% 100%,rgba(167,139,250,.10),transparent 40%),
    linear-gradient(135deg,rgba(9,16,31,.98),rgba(8,22,40,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:24px;
}
.junta-room-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.030) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.24),transparent 72%);
  pointer-events:none;
}
.junta-room-title,
.junta-room-actions{
  position:relative;
  z-index:1;
}
.junta-room-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.junta-room-title h1{
  margin:8px 0 10px;
  font-size:clamp(48px,7vw,88px);
  line-height:.90;
  letter-spacing:-.075em;
  background:linear-gradient(135deg,#fff 0%,#dff7ff 42%,#57A8C1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.junta-room-title h1 span{
  white-space:nowrap;
}
.junta-room-title p{
  margin:0;
  color:#dbeafe;
  font-size:18px;
  font-weight:850;
}
.junta-room-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.junta-room-meta span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(2,6,23,.30);
  color:#9fb2ca;
  font-size:12px;
  font-weight:850;
}
.junta-room-meta strong{
  color:#eaf7ff;
}
.junta-room-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  max-width:430px;
}
.junta-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:14px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
  text-decoration:none;
  font-weight:950;
  font-size:13px;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease;
}
.junta-action-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.junta-action-button.primary{
  color:#07111f;
  border-color:transparent;
  background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 60%,#c4b5fd 100%);
  box-shadow:0 12px 34px rgba(56,189,248,.25);
}
.junta-action-button.secondary{
  color:#dff7ff;
  background:rgba(87,168,193,.10);
  border-color:rgba(87,168,193,.24);
}
.junta-action-button.subtle{
  color:#b6c6da;
  background:rgba(255,255,255,.035);
}
.junta-action-button.danger{
  color:#fecaca;
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.28);
}
.junta-chat-stage{
  border:1px solid rgba(255,255,255,.075);
  border-radius:32px;
  padding:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.08),transparent 42%),
    linear-gradient(180deg,rgba(10,17,33,.92),rgba(6,11,24,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}
.junta-message-box{
  height:clamp(620px,72vh,900px);
  border-radius:24px;
  border-color:rgba(87,168,193,.14);
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.055),transparent 36%),
    rgba(2,6,23,.38);
  padding:22px;
}
.junta-composer{
  margin-top:14px;
  padding:10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:22px;
  background:rgba(2,6,23,.34);
}
.junta-composer input{
  min-height:50px;
  border-radius:17px;
  background:rgba(15,23,42,.70);
}
.junta-composer .button{
  min-width:120px;
  border-radius:17px;
  font-weight:1000;
}
.junta-room-page .message{
  max-width:78%;
  border-radius:20px;
}
.junta-room-page .message .who{
  letter-spacing:.02em;
}
.junta-room-page .message-body{
  font-size:15px;
}
@media(max-width:1180px){
  .junta-room-hero{
    grid-template-columns:1fr;
  }
  .junta-room-actions{
    justify-content:flex-start;
    max-width:none;
  }
}
@media(max-width:720px){
  .junta-room-hero{
    padding:22px;
    border-radius:28px;
  }
  .junta-room-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .junta-action-button{
    width:100%;
  }
  .junta-message-box{
    height:62vh;
    padding:16px;
  }
  .junta-composer{
    flex-direction:column;
  }
  .junta-room-page .message{
    max-width:100%;
  }
}


/* Phase 8.7B · Burbujas y Composer Premium */
.junta-message-box{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.junta-room-page .message{
  width:100%;
  max-width:100%;
  display:flex;
  gap:12px;
  align-items:flex-end;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.junta-room-page .message.user{
  flex-direction:row-reverse;
  align-self:flex-end;
}
.junta-room-page .message.system{
  align-self:center;
  justify-content:center;
}
.junta-room-page .message-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  border:1px solid rgba(87,168,193,.20);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(135deg,rgba(87,168,193,.24),rgba(15,23,42,.88));
  color:#eaf7ff;
  font-size:12px;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.junta-room-page .message.user .message-avatar{
  border-color:rgba(125,211,252,.30);
  background:linear-gradient(135deg,#7dd3fc,#38bdf8);
  color:#06101f;
}
.junta-room-page .message.system .message-avatar{
  display:none;
}
.junta-room-page .message-bubble{
  position:relative;
  width:fit-content;
  max-width:min(78%,900px);
  border:1px solid rgba(255,255,255,.075);
  border-radius:22px 22px 22px 8px;
  padding:14px 16px 15px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.10),transparent 42%),
    rgba(15,23,42,.68);
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.junta-room-page .message.user .message-bubble{
  border-radius:22px 22px 8px 22px;
  border-color:rgba(125,211,252,.20);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(135deg,rgba(14,165,233,.90),rgba(56,189,248,.72));
  color:#04101d;
}
.junta-room-page .message.agent .message-bubble{
  border-color:rgba(167,139,250,.16);
  background:
    radial-gradient(circle at 100% 0%,rgba(167,139,250,.11),transparent 42%),
    rgba(15,23,42,.72);
}
.junta-room-page .message.system .message-bubble{
  max-width:min(82%,820px);
  border-radius:999px;
  border-color:rgba(34,197,94,.18);
  background:rgba(34,197,94,.075);
  text-align:center;
  padding:10px 14px;
}
.junta-room-page .message-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:7px;
}
.junta-room-page .message .who{
  color:#f8fbff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.01em;
}
.junta-room-page .message.user .who,
.junta-room-page .message.user .message-role,
.junta-room-page .message.user time{
  color:#03101f;
}
.junta-room-page .message-role,
.junta-room-page .message-meta time{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  padding:3px 7px;
  color:#9fb2ca;
  font-size:10px;
  font-weight:900;
}
.junta-room-page .message.user .message-role,
.junta-room-page .message.user .message-meta time{
  border-color:rgba(3,16,31,.14);
  background:rgba(255,255,255,.16);
}
.junta-room-page .message.system .message-role,
.junta-room-page .message.system time{
  display:none;
}

.junta-room-page .message-ai-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  padding:3px 7px;
  font-size:10px;
  font-weight:950;
  color:#aebed3;
  background:rgba(255,255,255,.035);
}
.junta-room-page .message-ai-badge.ok{
  border-color:rgba(34,197,94,.24);
  color:#bbf7d0;
  background:rgba(34,197,94,.08);
}
.junta-room-page .message-ai-badge.warn{
  border-color:rgba(251,191,36,.28);
  color:#fde68a;
  background:rgba(251,191,36,.08);
}
.junta-room-page .message.user .message-ai-badge{
  display:none;
}
.junta-room-page .message-body{
  color:#dbe7f2;
  font-size:15px;
  line-height:1.65;
}
.junta-room-page .message.user .message-body{
  color:#03101f;
  font-weight:650;
}
.junta-room-page .message.system .message-body{
  color:#bbf7d0;
  font-size:13px;
  font-weight:800;
}
.junta-room-page .message.thinking .message-bubble{
  border-color:rgba(87,168,193,.24);
  background:
    linear-gradient(90deg,rgba(87,168,193,.06),rgba(167,139,250,.08),rgba(87,168,193,.06)),
    rgba(15,23,42,.72);
  background-size:220% 100%;
  animation:junta-thinking-shimmer 2.2s ease-in-out infinite;
}
@keyframes junta-thinking-shimmer{
  0%{background-position:0% 0%}
  50%{background-position:100% 0%}
  100%{background-position:0% 0%}
}

.junta-composer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(87,168,193,.10),transparent 44%),
    rgba(2,6,23,.46);
}
.junta-composer-input-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:0 12px;
  background:rgba(15,23,42,.72);
}
.composer-prompt-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  flex:0 0 auto;
  background:#38bdf8;
  box-shadow:0 0 18px rgba(56,189,248,.74);
}
.junta-composer input{
  min-height:54px;
  width:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.junta-composer input:focus{
  outline:none;
}
.junta-send-button{
  min-height:56px;
  min-width:150px;
  border-radius:20px !important;
  color:#07111f;
  background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 58%,#c4b5fd 100%);
  box-shadow:0 14px 36px rgba(56,189,248,.26);
}
.junta-composer.is-sending .composer-prompt-dot{
  background:#c4b5fd;
  box-shadow:0 0 18px rgba(196,181,253,.74);
}
.junta-composer.is-sending{
  opacity:.86;
}
@media(max-width:720px){
  .junta-room-page .message-bubble{
    max-width:calc(100% - 52px);
  }
  .junta-composer{
    grid-template-columns:1fr;
  }
  .junta-send-button{
    width:100%;
  }
}

/* Phase 8.7C · Chat Junta Stable: cierre operativo visual del chat interno de junta */

/* Phase 8.8D · Editor de permisos por rol */
.permission-check-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.permission-check{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(15,23,42,.38);
}
.permission-check input{
  margin-top:4px;
  width:18px;
  height:18px;
}
.permission-check em{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-style:normal;
  line-height:1.35;
}
.permission-check input:disabled + span{
  opacity:.58;
}

/* Phase 8.8G.1 · Ajustes / Permisos: diseño panel lateral premium */
.settings-sidebar-premium{
  overflow:visible;
}
.settings-sidebar-premium .sidebar-link-premium{
  isolation:isolate;
}
.settings-sidebar-premium .sidebar-link-icon{
  color:#8fd3ff;
  filter:drop-shadow(0 0 10px rgba(56,189,248,.18));
}
.settings-sidebar-premium .sidebar-link-premium:not(.active) .sidebar-link-icon{
  opacity:.9;
}
.settings-sidebar-premium .sidebar-link-premium:not(.active):hover .sidebar-link-icon{
  color:#bae6fd;
  filter:drop-shadow(0 0 12px rgba(56,189,248,.28));
}
.settings-sidebar-premium .sidebar-link-premium.active{
  background:
    radial-gradient(circle at 105% 50%,rgba(96,165,250,.25),transparent 34%),
    linear-gradient(135deg,rgba(37,99,235,.31),rgba(14,165,233,.13));
}
.settings-sidebar-premium .sidebar-link-premium.active .sidebar-link-icon{
  color:#7dd3fc;
  filter:drop-shadow(0 0 12px rgba(125,211,252,.52));
}
.settings-sidebar-empty{
  margin:0;
  background:rgba(15,23,42,.54);
}

/* Phase 8.8G.2 · Ajustes / Permisos: diseño resumen premium */
.settings-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(135deg,rgba(5,12,28,.92),rgba(4,10,24,.88) 42%,rgba(8,24,42,.92) 100%);
  border-color:rgba(87,168,193,.2);
  box-shadow:0 24px 80px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-hero::before,
.settings-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.settings-hero::before{
  top:-80px;
  right:-110px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.2),rgba(87,168,193,0) 68%);
  filter:blur(6px);
}
.settings-hero::after{
  left:-70px;
  bottom:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,9,87,.14),rgba(255,9,87,0) 70%);
  filter:blur(8px);
}
.settings-hero > *{position:relative;z-index:1}
.settings-hero-badge{
  color:#dff7ff;
  border-color:rgba(87,168,193,.4);
  background:linear-gradient(90deg,rgba(13,37,49,.82),rgba(10,24,43,.72));
  box-shadow:0 0 0 1px rgba(87,168,193,.12) inset,0 0 18px rgba(87,168,193,.12);
}
.settings-hero-title{
  margin:0 0 16px;
  background:linear-gradient(90deg,#f7fbff 0%,#57A8C1 34%,#e7d000 68%,#FF95B9 84%,#FF0957 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 28px rgba(87,168,193,.08);
  letter-spacing:-.05em;
}
.settings-hero-lead{
  max-width:860px;
  color:rgba(239,247,255,.86);
}
.settings-summary-dashboard{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.settings-summary-topline{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}
.settings-summary-intro,
.settings-summary-session,
.settings-summary-lower .card,
.settings-kpi-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(8,16,34,.9),rgba(5,11,26,.92));
  border-color:rgba(87,168,193,.16);
  box-shadow:0 20px 54px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-summary-intro::before,
.settings-summary-session::before,
.settings-summary-lower .card::before,
.settings-kpi-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%);
  pointer-events:none;
}
.settings-summary-intro::after,
.settings-summary-session::after{
  content:"";
  position:absolute;
  inset:auto -14% -48% 42%;
  height:170px;
  background:radial-gradient(circle,rgba(87,168,193,.2),transparent 60%);
  pointer-events:none;
}
.settings-summary-intro{
  background:
    linear-gradient(140deg,rgba(8,19,40,.95),rgba(4,12,30,.92)),
    radial-gradient(circle at top right,rgba(87,168,193,.18),transparent 34%);
  border-color:rgba(87,168,193,.2);
}
.settings-summary-intro h2,
.settings-summary-session h2{
  margin-top:10px;
  font-size:clamp(1.42rem,2.1vw,2.1rem);
  letter-spacing:-.04em;
}
.settings-summary-intro h2{color:#fff}
.settings-summary-intro p{color:rgba(236,245,255,.84)}
.settings-summary-session{
  background:
    linear-gradient(145deg,rgba(16,13,34,.92),rgba(6,10,24,.94)),
    radial-gradient(circle at top right,rgba(255,9,87,.16),transparent 34%);
  border-color:rgba(255,9,87,.2);
}
.settings-summary-session::after{
  inset:auto 48% -42% auto;
  width:170px;
  height:170px;
  background:radial-gradient(circle,rgba(255,9,87,.16),transparent 62%);
}
.settings-summary-session h2{
  color:#fff;
  font-size:clamp(1.7rem,2.6vw,2.4rem);
}
.settings-summary-session p{color:rgba(245,239,255,.86)}
.settings-summary-session .badge,
.settings-summary-intro .badge,
.settings-summary-lower .badge{backdrop-filter:blur(10px)}
.settings-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.settings-kpi-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:176px;
  padding:18px 18px 20px;
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.settings-kpi-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.65),transparent);
  opacity:.9;
}
.settings-kpi-link:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 60px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.03) inset,0 0 26px rgba(87,168,193,.08);
}
.settings-kpi-grid > :nth-child(1){
  border-color:rgba(87,168,193,.24);
  background:linear-gradient(180deg,rgba(6,24,38,.92),rgba(5,13,26,.95));
}
.settings-kpi-grid > :nth-child(1)::after{background:linear-gradient(90deg,transparent,rgba(87,168,193,.95),transparent)}
.settings-kpi-grid > :nth-child(2){
  border-color:rgba(231,208,0,.24);
  background:linear-gradient(180deg,rgba(31,29,12,.92),rgba(12,14,22,.95));
}
.settings-kpi-grid > :nth-child(2)::after{background:linear-gradient(90deg,transparent,rgba(231,208,0,.95),transparent)}
.settings-kpi-grid > :nth-child(3){
  border-color:rgba(87,168,193,.2);
  background:linear-gradient(180deg,rgba(10,20,36,.94),rgba(6,11,22,.95));
}
.settings-kpi-grid > :nth-child(3)::before{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),radial-gradient(circle at 78% 18%,rgba(231,208,0,.14),transparent 22%)}
.settings-kpi-grid > :nth-child(3)::after{background:linear-gradient(90deg,transparent,rgba(231,208,0,.82),rgba(87,168,193,.9),transparent)}
.settings-kpi-grid > :nth-child(4){
  border-color:rgba(255,9,87,.26);
  background:linear-gradient(180deg,rgba(35,11,24,.94),rgba(10,8,22,.96));
}
.settings-kpi-grid > :nth-child(4)::after{background:linear-gradient(90deg,transparent,rgba(255,9,87,.95),transparent)}
.settings-kpi-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(10,24,38,.92),rgba(8,14,26,.88));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 18px rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.18);
  font-size:1.35rem;
}
.settings-kpi-grid > :nth-child(1) .settings-kpi-icon{color:#57A8C1;border-color:rgba(87,168,193,.28);box-shadow:inset 0 0 20px rgba(87,168,193,.08),0 10px 26px rgba(0,0,0,.18)}
.settings-kpi-grid > :nth-child(2) .settings-kpi-icon{color:#e7d000;border-color:rgba(231,208,0,.28);box-shadow:inset 0 0 20px rgba(231,208,0,.06),0 10px 26px rgba(0,0,0,.18)}
.settings-kpi-grid > :nth-child(3) .settings-kpi-icon{color:#f7fbff;border-color:rgba(87,168,193,.22);box-shadow:inset 0 0 20px rgba(87,168,193,.06),0 10px 26px rgba(0,0,0,.18)}
.settings-kpi-grid > :nth-child(4) .settings-kpi-icon{color:#FF7AA7;border-color:rgba(255,9,87,.28);box-shadow:inset 0 0 20px rgba(255,9,87,.08),0 10px 26px rgba(0,0,0,.18)}
.settings-kpi-value{
  display:block;
  margin-top:10px;
  font-size:clamp(2.4rem,4vw,3.7rem);
  line-height:.92;
  font-weight:950;
  letter-spacing:-.07em;
  color:#fff;
}
.settings-kpi-grid > :nth-child(1) .settings-kpi-value{text-shadow:0 0 18px rgba(87,168,193,.22)}
.settings-kpi-grid > :nth-child(2) .settings-kpi-value{text-shadow:0 0 18px rgba(231,208,0,.18)}
.settings-kpi-grid > :nth-child(3) .settings-kpi-value{text-shadow:0 0 18px rgba(87,168,193,.12)}
.settings-kpi-grid > :nth-child(4) .settings-kpi-value{text-shadow:0 0 18px rgba(255,9,87,.18)}
.settings-kpi-label{
  font-weight:850;
  color:#f6fbff;
  font-size:1.03rem;
  line-height:1.18;
}
.settings-kpi-note{
  color:rgba(228,240,252,.76);
  line-height:1.42;
  font-size:.92rem;
}
.settings-summary-lower{margin-top:2px}
.settings-summary-lower .card{min-height:156px}
.settings-summary-lower .card h2{margin-bottom:12px;color:#fff}
.settings-summary-lower .card:first-child{
  background:linear-gradient(145deg,rgba(8,24,38,.94),rgba(6,13,28,.94));
  border-color:rgba(87,168,193,.2);
}
.settings-summary-lower .card:last-child{
  background:linear-gradient(145deg,rgba(22,13,34,.94),rgba(7,11,24,.94));
  border-color:rgba(255,9,87,.18);
}
.settings-summary-lower .actions{margin-top:18px}
.settings-summary-lower .button.small{
  border-radius:999px;
  padding:11px 16px;
  background:linear-gradient(90deg,#57A8C1,#7ecfe6 54%,#e7d000);
  color:#051423;
  box-shadow:0 14px 28px rgba(87,168,193,.18);
}
.settings-summary-lower .button.small:hover{
  filter:brightness(1.03);
  box-shadow:0 16px 32px rgba(87,168,193,.24),0 0 18px rgba(231,208,0,.12);
}
.settings-summary-dashboard .badge.ok{
  color:#d8fff0;
  background:rgba(19,116,86,.18);
  border-color:rgba(43,193,138,.28);
}
.settings-summary-dashboard .badge.danger{
  color:#ffd4e2;
  background:rgba(255,9,87,.12);
  border-color:rgba(255,9,87,.3);
}
.settings-summary-dashboard .badge:not(.ok):not(.danger):not(.warn){
  color:#d6f5ff;
  background:rgba(87,168,193,.12);
  border-color:rgba(87,168,193,.24);
}
.settings-summary-dashboard code{
  color:#e7d000;
  background:rgba(231,208,0,.08);
  border-radius:8px;
  padding:2px 6px;
}
@media (max-width:1100px){
  .settings-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .settings-summary-topline{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .settings-kpi-grid{grid-template-columns:1fr;}
  .settings-kpi-card{min-height:156px;}
  .settings-hero-title{font-size:clamp(2.2rem,12vw,3.6rem);}
}

/* Phase 8.8G.3 · Ajustes / Permisos: diseño usuarios */
.settings-users-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.settings-users-kpi{
  position:relative;
  overflow:hidden;
  min-height:134px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:20px;
  background:linear-gradient(180deg,rgba(8,16,34,.92),rgba(5,11,26,.94));
  border-color:rgba(87,168,193,.16);
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-users-kpi::before{
  content:"";
  position:absolute;
  inset:-46% -22% auto auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.18),rgba(87,168,193,0) 68%);
  pointer-events:none;
}
.settings-users-kpi::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.85),transparent);
}
.settings-users-kpi.active{
  border-color:rgba(231,208,0,.24);
  background:linear-gradient(180deg,rgba(32,29,10,.88),rgba(7,12,25,.94));
}
.settings-users-kpi.active::before{background:radial-gradient(circle,rgba(231,208,0,.16),rgba(231,208,0,0) 68%)}
.settings-users-kpi.active::after{background:linear-gradient(90deg,transparent,rgba(231,208,0,.95),transparent)}
.settings-users-kpi.danger{
  border-color:rgba(255,9,87,.26);
  background:linear-gradient(180deg,rgba(36,10,25,.9),rgba(8,11,24,.95));
}
.settings-users-kpi.danger::before{background:radial-gradient(circle,rgba(255,9,87,.17),rgba(255,9,87,0) 68%)}
.settings-users-kpi.danger::after{background:linear-gradient(90deg,transparent,rgba(255,9,87,.95),transparent)}
.settings-users-kpi-icon{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(10,24,38,.92),rgba(8,14,26,.88));
  border:1px solid rgba(87,168,193,.22);
  box-shadow:inset 0 0 20px rgba(87,168,193,.06),0 10px 24px rgba(0,0,0,.18);
}
.settings-users-kpi.active .settings-users-kpi-icon{border-color:rgba(231,208,0,.28)}
.settings-users-kpi.danger .settings-users-kpi-icon{border-color:rgba(255,9,87,.28)}
.settings-users-kpi-value{
  position:relative;
  z-index:1;
  font-size:clamp(2.2rem,3.3vw,3.1rem);
  line-height:.9;
  font-weight:950;
  letter-spacing:-.07em;
  color:#fff;
  text-shadow:0 0 18px rgba(87,168,193,.16);
}
.settings-users-kpi-label{
  position:relative;
  z-index:1;
  color:rgba(242,248,255,.9);
  font-weight:850;
  line-height:1.18;
}
.settings-users-section-title{
  margin-top:28px;
  padding:0 2px;
}
.settings-users-section-title h2{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
}
.settings-users-section-title h2::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#57A8C1;
  box-shadow:0 0 16px rgba(87,168,193,.7);
}
.settings-users-refresh{
  border-radius:999px;
  background:linear-gradient(90deg,#57A8C1,#7ed3ea 58%,#e7d000);
  color:#051423;
  box-shadow:0 14px 30px rgba(87,168,193,.16);
}
.settings-users-table-wrap{
  border-color:rgba(87,168,193,.14);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(6,12,27,.9),rgba(4,9,21,.96));
  box-shadow:0 22px 64px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.015);
}
.settings-users-table{
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
}
.settings-users-table th{
  padding:16px 18px;
  border-bottom:1px solid rgba(87,168,193,.14);
  background:linear-gradient(180deg,rgba(87,168,193,.08),rgba(255,255,255,.025));
  color:rgba(235,246,255,.92);
  letter-spacing:.09em;
}
.settings-users-table td{
  padding:18px;
  border-bottom:1px solid rgba(87,168,193,.095);
  vertical-align:middle;
  color:rgba(230,241,252,.86);
}
.settings-users-table tr:last-child td{border-bottom:0}
.settings-users-table tbody tr{
  transition:background .16s ease, transform .16s ease;
}
.settings-users-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(87,168,193,.055),rgba(255,9,87,.035));
}
.settings-user-cell,
.settings-user-role-cell{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:170px;
}
.settings-user-cell strong,
.settings-user-role-cell strong{
  color:#fff;
  font-size:.98rem;
}
.settings-user-status-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:5px;
}
.settings-user-status-row .badge{
  margin:0;
  padding:6px 9px;
  font-size:12px;
}
.settings-user-date{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:98px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(87,168,193,.1);
  border:1px solid rgba(87,168,193,.2);
  color:#dff7ff;
  font-weight:850;
  white-space:nowrap;
}
.settings-user-actionbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:260px;
}
.settings-user-role-control{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:6px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(87,168,193,.12);
}
.settings-role-select{
  appearance:none;
  -webkit-appearance:none;
  min-width:190px;
  max-width:260px;
  border:1px solid rgba(87,168,193,.24);
  border-radius:14px;
  padding:11px 38px 11px 13px;
  color:#effbff;
  background:
    linear-gradient(45deg,transparent 50%,#57A8C1 50%) calc(100% - 20px) 50%/6px 6px no-repeat,
    linear-gradient(135deg,#57A8C1 50%,transparent 50%) calc(100% - 14px) 50%/6px 6px no-repeat,
    linear-gradient(180deg,rgba(8,20,38,.96),rgba(5,12,26,.98));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.16);
  font-weight:800;
  cursor:pointer;
}
.settings-role-select:focus{
  outline:none;
  border-color:rgba(231,208,0,.52);
  box-shadow:0 0 0 3px rgba(231,208,0,.12),0 0 24px rgba(87,168,193,.08);
}
.settings-role-select option{
  background:#071120;
  color:#eef8ff;
}
.settings-user-action{
  border-radius:999px;
  padding:10px 13px;
  white-space:nowrap;
}
.settings-user-action.primary{
  background:linear-gradient(90deg,#57A8C1,#7ed3ea);
  color:#051423;
  box-shadow:0 12px 24px rgba(87,168,193,.16);
}
.settings-user-action.unban{
  background:linear-gradient(90deg,rgba(43,193,138,.9),rgba(87,168,193,.82));
  color:#04141a;
}
.settings-users-table code{
  color:#d9f6ff;
  background:rgba(87,168,193,.08);
  border:1px solid rgba(87,168,193,.12);
  border-radius:8px;
  padding:3px 6px;
}
@media (max-width:1100px){
  .settings-users-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .settings-users-kpi-grid{grid-template-columns:1fr;}
  .settings-users-table{min-width:860px;}
  .settings-user-actionbar{min-width:220px;}
}

/* Phase 8.8G.4 · Ajustes / Permisos: diseño Roles premium */
.settings-roles-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.settings-roles-kpi{
  position:relative;
  overflow:hidden;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:20px;
  border-color:rgba(87,168,193,.18);
  background:linear-gradient(180deg,rgba(7,18,35,.94),rgba(5,10,24,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.018);
}
.settings-roles-kpi::before{
  content:"";
  position:absolute;
  top:-56px;
  right:-48px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.18),rgba(87,168,193,0) 68%);
  pointer-events:none;
}
.settings-roles-kpi::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.88),transparent);
}
.settings-roles-kpi.accent-yellow{
  border-color:rgba(231,208,0,.24);
  background:linear-gradient(180deg,rgba(31,29,12,.92),rgba(8,12,24,.96));
}
.settings-roles-kpi.accent-yellow::before{background:radial-gradient(circle,rgba(231,208,0,.17),rgba(231,208,0,0) 68%)}
.settings-roles-kpi.accent-yellow::after{background:linear-gradient(90deg,transparent,rgba(231,208,0,.9),transparent)}
.settings-roles-kpi.accent-pink{
  border-color:rgba(255,9,87,.25);
  background:linear-gradient(180deg,rgba(33,10,25,.92),rgba(7,11,24,.96));
}
.settings-roles-kpi.accent-pink::before{background:radial-gradient(circle,rgba(255,9,87,.17),rgba(255,9,87,0) 68%)}
.settings-roles-kpi.accent-pink::after{background:linear-gradient(90deg,transparent,rgba(255,9,87,.9),transparent)}
.settings-roles-kpi-icon{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(9,23,38,.94),rgba(7,13,26,.9));
  border:1px solid rgba(87,168,193,.22);
  box-shadow:inset 0 0 20px rgba(87,168,193,.06),0 10px 24px rgba(0,0,0,.18);
}
.settings-roles-kpi.accent-yellow .settings-roles-kpi-icon{border-color:rgba(231,208,0,.3)}
.settings-roles-kpi.accent-pink .settings-roles-kpi-icon{border-color:rgba(255,9,87,.3)}
.settings-roles-kpi strong{
  position:relative;
  z-index:1;
  font-size:clamp(2.2rem,3.3vw,3.2rem);
  line-height:.9;
  font-weight:950;
  letter-spacing:-.07em;
  color:#fff;
}
.settings-roles-kpi span:last-child{
  position:relative;
  z-index:1;
  color:rgba(242,248,255,.9);
  font-weight:850;
}
.settings-role-create-card{
  margin-top:18px;
  border-color:rgba(87,168,193,.2);
  background:
    radial-gradient(circle at 92% 10%,rgba(87,168,193,.16),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(255,9,87,.09),transparent 36%),
    linear-gradient(145deg,rgba(8,18,36,.95),rgba(5,10,24,.96));
  box-shadow:0 24px 64px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.018);
}
.settings-role-create-head h2{
  margin:2px 0 10px;
  color:#fff;
  letter-spacing:-.04em;
  font-size:clamp(1.55rem,2.4vw,2.25rem);
}
.settings-role-create-head p{
  margin:0 0 18px;
  max-width:780px;
  color:rgba(236,246,255,.78);
}
.settings-role-create-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.settings-role-create-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:rgba(235,246,255,.86);
  font-size:.9rem;
  font-weight:850;
}
.settings-role-create-form label span,
.settings-role-editor-toolbar label span{
  letter-spacing:.02em;
}
.settings-role-create-wide{
  grid-column:1/-1;
}
.settings-role-create-form input,
.settings-role-create-form textarea,
.settings-role-editor-toolbar select{
  width:100%;
  border:1px solid rgba(87,168,193,.22);
  border-radius:16px;
  padding:13px 14px;
  color:#effbff;
  background:linear-gradient(180deg,rgba(7,17,32,.94),rgba(4,10,23,.98));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 12px 28px rgba(0,0,0,.12);
  font:inherit;
  font-weight:750;
}
.settings-role-create-form textarea{
  resize:vertical;
  min-height:98px;
  line-height:1.45;
}
.settings-role-create-form input:focus,
.settings-role-create-form textarea:focus,
.settings-role-editor-toolbar select:focus{
  outline:none;
  border-color:rgba(231,208,0,.52);
  box-shadow:0 0 0 3px rgba(231,208,0,.12),0 0 24px rgba(87,168,193,.08);
}
.settings-role-create-button{
  border-radius:999px;
  background:linear-gradient(90deg,#57A8C1,#7ed3ea 58%,#e7d000);
  color:#051423;
  box-shadow:0 14px 30px rgba(87,168,193,.17);
}
.settings-role-disclosure{
  margin-top:18px;
  border:1px solid rgba(87,168,193,.16);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(7,14,30,.88),rgba(4,9,21,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.015);
  overflow:hidden;
}
.settings-role-disclosure > summary{
  list-style:none;
  cursor:pointer;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  color:#fff;
  font-weight:950;
  font-size:1.18rem;
  letter-spacing:-.03em;
  background:
    linear-gradient(90deg,rgba(87,168,193,.1),rgba(255,9,87,.055)),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent);
  border-bottom:1px solid transparent;
}
.settings-role-disclosure > summary::-webkit-details-marker{display:none}
.settings-role-disclosure > summary::after{
  content:"＋";
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#57A8C1;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.09);
  box-shadow:inset 0 0 18px rgba(87,168,193,.05);
}
.settings-role-disclosure[open] > summary{
  border-bottom-color:rgba(87,168,193,.12);
}
.settings-role-disclosure[open] > summary::after{
  content:"−";
  color:#e7d000;
  border-color:rgba(231,208,0,.25);
  background:rgba(231,208,0,.08);
}
.settings-role-disclosure > summary em{
  margin-left:auto;
  margin-right:4px;
  color:#d9f6ff;
  font-size:.86rem;
  font-style:normal;
  font-weight:850;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(87,168,193,.1);
  border:1px solid rgba(87,168,193,.18);
}
.settings-role-editor-card{
  margin:18px;
  border-color:rgba(87,168,193,.12);
  background:linear-gradient(180deg,rgba(7,14,30,.94),rgba(5,10,23,.96));
}
.settings-role-editor-toolbar{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:18px;
  align-items:end;
  margin-bottom:18px;
}
.settings-role-editor-toolbar label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:rgba(235,246,255,.88);
  font-weight:850;
}
.settings-role-editor-toolbar p{
  margin:0;
  color:rgba(232,243,255,.76);
  line-height:1.55;
}
.settings-permission-groups{
  display:grid;
  gap:16px;
}
.settings-permission-group-card{
  border:1px solid rgba(87,168,193,.13);
  border-radius:22px;
  padding:18px;
  background:linear-gradient(180deg,rgba(9,16,32,.74),rgba(5,10,23,.86));
}
.settings-permission-group-card h3{
  margin:0 0 14px;
  color:#fff;
  font-size:1.22rem;
  letter-spacing:-.03em;
}
.settings-permission-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.settings-permission-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(87,168,193,.12);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
  cursor:pointer;
}
.settings-permission-option:hover{
  border-color:rgba(87,168,193,.28);
  background:rgba(87,168,193,.055);
  transform:translateY(-1px);
}
.settings-permission-option input{
  appearance:none;
  -webkit-appearance:none;
  margin-top:2px;
  width:22px;
  height:22px;
  border-radius:8px;
  border:1px solid rgba(87,168,193,.42);
  background:rgba(4,10,22,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.settings-permission-option input:checked{
  background:linear-gradient(135deg,#57A8C1,#e7d000);
  border-color:rgba(231,208,0,.78);
  box-shadow:0 0 18px rgba(87,168,193,.2);
}
.settings-permission-option input:checked::after{
  content:"✓";
  color:#041423;
  font-weight:950;
  font-size:14px;
}
.settings-permission-option input:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.settings-permission-option input:disabled + span{
  opacity:.54;
}
.settings-permission-option strong{
  display:block;
  color:#fff;
  margin-bottom:5px;
  line-height:1.18;
}
.settings-permission-option em{
  display:block;
  color:rgba(229,240,252,.72);
  font-style:normal;
  line-height:1.4;
  font-size:.9rem;
}
.settings-role-editor-actions{
  margin-top:20px;
}
.settings-roles-table-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px 18px 0;
}
.settings-roles-table-head h2{
  margin:0;
  color:#fff;
}
.settings-roles-table-wrap{
  margin:16px 18px 18px;
  border-color:rgba(87,168,193,.14);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(6,12,27,.9),rgba(4,9,21,.96));
}
.settings-roles-table{
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
}
.settings-roles-table th{
  padding:16px 18px;
  border-bottom:1px solid rgba(87,168,193,.14);
  background:linear-gradient(180deg,rgba(87,168,193,.08),rgba(255,255,255,.025));
  color:rgba(235,246,255,.92);
  letter-spacing:.09em;
}
.settings-roles-table td{
  padding:18px;
  vertical-align:middle;
  border-bottom:1px solid rgba(87,168,193,.095);
  color:rgba(230,241,252,.86);
}
.settings-roles-table tr:last-child td{border-bottom:0}
.settings-roles-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(87,168,193,.055),rgba(255,9,87,.035));
}
.settings-role-name-cell{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:170px;
}
.settings-role-name-cell strong{
  color:#fff;
}
.settings-role-name-cell .badge{
  width:max-content;
  margin:0;
  padding:6px 9px;
  font-size:12px;
}
.settings-role-description{
  display:block;
  min-width:220px;
  max-width:420px;
  line-height:1.45;
  color:rgba(231,242,252,.82);
}
.settings-role-users-pill,
.settings-role-updated{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(87,168,193,.1);
  border:1px solid rgba(87,168,193,.2);
  color:#dff7ff;
  font-weight:850;
  white-space:nowrap;
}
.settings-role-updated{
  min-width:118px;
}
.settings-role-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:250px;
}
.settings-role-action{
  border-radius:999px;
  padding:10px 13px;
  white-space:nowrap;
  background:rgba(87,168,193,.12);
  border-color:rgba(87,168,193,.2);
  color:#dff7ff;
}
.settings-role-action.primary{
  background:linear-gradient(90deg,#57A8C1,#7ed3ea);
  color:#051423;
  box-shadow:0 12px 24px rgba(87,168,193,.16);
}
.settings-role-action.danger{
  background:rgba(255,9,87,.12);
  border-color:rgba(255,9,87,.28);
  color:#ffd4e2;
}
@media (max-width:1100px){
  .settings-roles-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .settings-role-editor-toolbar{grid-template-columns:1fr;}
  .settings-permission-option-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .settings-roles-kpi-grid{grid-template-columns:1fr;}
  .settings-role-create-form{grid-template-columns:1fr;}
  .settings-role-disclosure > summary{align-items:flex-start;flex-direction:column;}
  .settings-role-disclosure > summary::after{position:absolute;right:18px;top:18px;}
  .settings-role-disclosure > summary em{margin-left:0;margin-right:48px;}
  .settings-roles-table{min-width:780px;}
}

/* Phase 8.8G.5.1 · Ajustes / Permisos: categorías desplegables */
.settings-permissions-head{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:24px;
  border:1px solid rgba(87,168,193,.2);
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(7,20,38,.94),rgba(6,12,28,.92) 56%,rgba(24,11,30,.9) 100%),
    radial-gradient(circle at 85% 18%,rgba(255,9,87,.14),transparent 34%);
  box-shadow:0 22px 60px rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-permissions-head::before{
  content:"";
  position:absolute;
  top:-95px;
  right:-80px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.18),rgba(87,168,193,0) 68%);
  pointer-events:none;
}
.settings-permissions-head > *{position:relative;z-index:1}
.settings-permissions-head .badge{margin-bottom:12px}
.settings-permissions-head h2{
  margin:0 0 8px;
  font-size:clamp(1.7rem,3vw,2.6rem);
  letter-spacing:-.05em;
  background:linear-gradient(90deg,#fff,#57A8C1 62%,#ffa3c4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.settings-permissions-head p{
  margin:0;
  color:rgba(235,244,255,.82);
}
.settings-permissions-refresh{
  flex:0 0 auto;
  border-radius:999px;
  padding:12px 16px;
  background:linear-gradient(90deg,#57A8C1,#8bd8ed);
  color:#04111f;
  box-shadow:0 14px 30px rgba(87,168,193,.18);
}
.settings-permissions-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:18px;
}
.settings-permission-section{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.15);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,16,34,.9),rgba(5,11,26,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-permission-section::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.11),rgba(87,168,193,0) 66%);
  pointer-events:none;
}
.settings-permission-section:nth-child(3n)::before{
  background:radial-gradient(circle,rgba(255,9,87,.08),rgba(255,9,87,0) 66%);
}
.settings-permission-section[open]{
  border-color:rgba(87,168,193,.28);
  box-shadow:0 24px 60px rgba(0,0,0,.24),0 0 28px rgba(87,168,193,.06),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-permission-section-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:20px 22px;
  cursor:pointer;
  user-select:none;
  list-style:none;
}
.settings-permission-section-head::-webkit-details-marker{display:none}
.settings-permission-section-head::after{
  content:"⌄";
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(87,168,193,.2);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:18px;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.settings-permission-section[open] > .settings-permission-section-head::after{
  transform:rotate(180deg);
  background:rgba(255,9,87,.08);
  border-color:rgba(255,9,87,.22);
}
.settings-permission-section-head h3{
  margin:0;
  color:#fff;
  font-size:clamp(1.16rem,2vw,1.48rem);
  letter-spacing:-.03em;
}
.settings-permission-section-head p{
  margin:4px 0 0;
  color:rgba(235,244,255,.62);
  font-size:.9rem;
  line-height:1.35;
}
.settings-permission-section-head span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(87,168,193,.1);
  border:1px solid rgba(87,168,193,.18);
  color:#dff7ff;
  font-size:12px;
  font-weight:850;
  margin-left:auto;
}
.settings-permission-row-list{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid rgba(87,168,193,.12);
  background:linear-gradient(180deg,rgba(2,8,20,.12),rgba(2,8,20,.02));
}
.settings-permission-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(220px,.72fr);
  gap:18px;
  align-items:center;
  padding:18px 22px;
  border-bottom:1px solid rgba(87,168,193,.08);
  transition:background .16s ease,border-color .16s ease;
}
.settings-permission-row:last-child{border-bottom:0}
.settings-permission-row:hover{
  background:linear-gradient(90deg,rgba(87,168,193,.055),rgba(255,9,87,.03));
}
.settings-permission-main{min-width:0}
.settings-permission-main strong{
  display:block;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.01em;
}
.settings-permission-main p{
  margin:6px 0 0;
  color:rgba(231,242,252,.74);
  line-height:1.42;
  font-size:.92rem;
}
.settings-permission-roles{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
}
.settings-permission-roles span,
.settings-permission-roles em{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(87,168,193,.2);
  background:rgba(87,168,193,.1);
  color:#dff7ff;
  font-style:normal;
  font-size:12px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.settings-permission-roles span:nth-child(2n){
  border-color:rgba(255,9,87,.2);
  background:rgba(255,9,87,.075);
  color:#ffd4e2;
}
.settings-permission-roles span:nth-child(3n){
  border-color:rgba(145,208,226,.2);
  background:rgba(87,168,193,.075);
  color:#e1f8ff;
}
.settings-permission-roles em{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:rgba(235,244,255,.58);
}
@media (max-width:900px){
  .settings-permissions-head{align-items:flex-start;flex-direction:column;}
  .settings-permission-section-head{align-items:flex-start;flex-wrap:wrap;}
  .settings-permission-section-head span{margin-left:0;}
  .settings-permission-section-head::after{position:absolute;right:18px;top:18px;}
  .settings-permission-section-head > div{padding-right:48px;}
  .settings-permission-row{grid-template-columns:1fr;align-items:start;}
  .settings-permission-roles{justify-content:flex-start;}
}

/* Phase 8.8G.6 · Ajustes / Permisos: diseño seguridad */
.settings-security-dashboard{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:18px;
}
.settings-security-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.settings-security-kpi{
  position:relative;
  overflow:hidden;
  min-height:148px;
  padding:18px;
  border:1px solid rgba(87,168,193,.16);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,16,34,.92),rgba(5,11,26,.95));
  box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-security-kpi::before{
  content:"";
  position:absolute;
  top:-85px;
  right:-85px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.14),rgba(87,168,193,0) 66%);
  pointer-events:none;
}
.settings-security-kpi.security-kpi-pink::before{
  background:radial-gradient(circle,rgba(255,9,87,.13),rgba(255,9,87,0) 66%);
}
.settings-security-kpi::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.75),transparent);
}
.settings-security-kpi.security-kpi-pink::after{
  background:linear-gradient(90deg,transparent,rgba(255,9,87,.72),transparent);
}
.settings-security-kpi-icon{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.09);
  box-shadow:inset 0 0 18px rgba(87,168,193,.06),0 10px 24px rgba(0,0,0,.16);
  margin-bottom:18px;
}
.security-kpi-pink .settings-security-kpi-icon{
  border-color:rgba(255,9,87,.23);
  background:rgba(255,9,87,.08);
  box-shadow:inset 0 0 18px rgba(255,9,87,.06),0 10px 24px rgba(0,0,0,.16);
}
.settings-security-kpi strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:clamp(2.15rem,3.6vw,3.25rem);
  line-height:.9;
  color:#fff;
  font-weight:950;
  letter-spacing:-.06em;
}
.settings-security-kpi span:last-child{
  position:relative;
  z-index:1;
  display:block;
  margin-top:10px;
  color:rgba(235,244,255,.82);
  font-weight:850;
}
.settings-security-config-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.settings-security-info-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:14px;
  align-items:start;
  min-height:150px;
  padding:18px;
  border:1px solid rgba(87,168,193,.15);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(8,19,38,.92),rgba(6,11,26,.95));
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-security-info-card:nth-child(2){
  border-color:rgba(255,9,87,.15);
  background:linear-gradient(145deg,rgba(20,12,32,.92),rgba(6,11,26,.95));
}
.settings-security-info-card::before{
  content:"";
  position:absolute;
  inset:-90px -80px auto auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.11),rgba(87,168,193,0) 66%);
  pointer-events:none;
}
.settings-security-info-card:nth-child(2)::before{
  background:radial-gradient(circle,rgba(255,9,87,.1),rgba(255,9,87,0) 66%);
}
.settings-security-info-icon{
  position:relative;
  z-index:1;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(87,168,193,.22);
  background:rgba(87,168,193,.08);
  font-size:1.35rem;
}
.settings-security-info-card h2{
  position:relative;
  z-index:1;
  margin:2px 0 10px;
  color:#fff;
  font-size:1.25rem;
  letter-spacing:-.03em;
}
.settings-security-info-card p{
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:rgba(235,244,255,.76);
}
.settings-security-pill{
  display:inline-flex;
  align-items:center;
  margin:2px 4px 4px 0;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(87,168,193,.18);
  background:rgba(87,168,193,.09);
  color:#dff7ff;
  font-size:12px;
  font-weight:850;
  line-height:1;
}
.settings-security-pill.ok{
  border-color:rgba(43,193,138,.24);
  background:rgba(19,116,86,.14);
  color:#d8fff0;
}
.settings-security-pill.danger{
  border-color:rgba(255,9,87,.3);
  background:rgba(255,9,87,.12);
  color:#ffd4e2;
}
.settings-security-access-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.settings-security-access-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(15,18,34,.88),rgba(6,11,26,.95));
}
.settings-security-access-card.is-enabled{
  border-color:rgba(87,168,193,.18);
  background:linear-gradient(145deg,rgba(8,21,38,.92),rgba(6,11,26,.95));
}
.settings-security-access-card span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(87,168,193,.18);
  background:rgba(87,168,193,.08);
  color:#dff7ff;
  font-size:12px;
  font-weight:900;
  margin-bottom:12px;
}
.settings-security-access-card strong{
  display:block;
  color:#fff;
  font-size:1.45rem;
  letter-spacing:-.04em;
  margin-bottom:6px;
}
.settings-security-access-card p{
  margin:0;
  color:rgba(235,244,255,.72);
}
.settings-security-section{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.16);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(8,16,34,.9),rgba(5,11,26,.95));
  box-shadow:0 20px 54px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.02);
}
.settings-security-section::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,193,.11),rgba(87,168,193,0) 68%);
  pointer-events:none;
}
.settings-security-section:nth-of-type(2)::before{
  background:radial-gradient(circle,rgba(255,9,87,.09),rgba(255,9,87,0) 68%);
}
.settings-security-section-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:20px 22px 14px;
}
.settings-security-section-head .badge{margin-bottom:8px}
.settings-security-section-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.35rem,2.2vw,1.9rem);
  letter-spacing:-.04em;
}
.settings-security-refresh{
  border-radius:999px;
  background:linear-gradient(90deg,#57A8C1,#8bd8ed);
  color:#04111f;
  box-shadow:0 14px 30px rgba(87,168,193,.18);
}
.settings-security-table-wrap{
  position:relative;
  z-index:1;
  margin:0 18px 18px;
  border-color:rgba(87,168,193,.12);
  background:rgba(2,8,20,.24);
  border-radius:20px;
}
.settings-security-table{
  min-width:940px;
}
.settings-security-sessions-table{
  min-width:860px;
}
.settings-security-table th{
  background:rgba(87,168,193,.06);
  color:#dff7ff;
}
.settings-security-table td{
  vertical-align:top;
  color:rgba(235,244,255,.78);
}
.settings-security-table tr:hover td{
  background:rgba(87,168,193,.035);
}
.settings-security-table code{
  color:#c7f2ff;
  background:rgba(87,168,193,.07);
  border-radius:8px;
  padding:2px 6px;
}
@media (max-width:1120px){
  .settings-security-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .settings-security-config-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .settings-security-kpi-grid,.settings-security-access-grid{grid-template-columns:1fr;}
  .settings-security-section-head{align-items:flex-start;flex-direction:column;}
  .settings-security-table-wrap{margin:0 12px 14px;}
}


/* Phase 8.9A · Responsive Width System
   Objetivo: aprovechar mejor pantallas grandes sin romper móviles/tablets.
   Landing: más abierta. App corporativa: más ancho útil para dashboards/tablas.
*/
:root{
  --lathios-page-gutter:clamp(16px,2.6vw,52px);
  --lathios-landing-gutter:clamp(14px,2vw,38px);
  --lathios-app-max:1760px;
  --lathios-content-max:1680px;
  --lathios-landing-max:1840px;
  --lathios-sidebar-width:clamp(270px,15vw,310px);
  --lathios-shell-gap:clamp(18px,1.7vw,32px);
}

/* Header/footer global: dejan de quedar atrapados en 1180px en pantallas amplias. */
.site-header .top-nav:not(.landing-nav),
.footer{
  width:min(var(--lathios-content-max), calc(100vw - (var(--lathios-page-gutter) * 2)));
  max-width:min(var(--lathios-content-max), calc(100vw - (var(--lathios-page-gutter) * 2)));
}

/* Shell corporativo: más ancho real para módulos internos y tablas. */
.page-shell{
  width:min(var(--lathios-app-max), calc(100vw - (var(--lathios-page-gutter) * 2)));
  max-width:min(var(--lathios-app-max), calc(100vw - (var(--lathios-page-gutter) * 2)));
  padding-inline:0;
}

.page-shell > *,
.shell-with-sidebar > *{
  min-width:0;
}

.shell-with-sidebar{
  width:100%;
  grid-template-columns:var(--lathios-sidebar-width) minmax(0,1fr);
  gap:var(--lathios-shell-gap);
}

.corp-premium-main,
.dashboards-premium-section,
.actas-shell > section,
.bodega-premium-section,
.settings-content,
.panel{
  min-width:0;
}

/* Home pública: mantiene foco premium, pero reduce la sensación de laterales vacíos. */
.landing-main,
.landing-nav,
.landing-footer{
  width:min(var(--lathios-landing-max), calc(100vw - (var(--lathios-landing-gutter) * 2)));
  max-width:min(var(--lathios-landing-max), calc(100vw - (var(--lathios-landing-gutter) * 2)));
}

.landing-main{
  padding-inline:0;
}

.landing-hero-inner{
  max-width:min(1160px,100%);
}

.landing-title{
  max-width:min(980px,100%);
}

.landing-copy{
  max-width:min(920px,100%);
}

.landing-features{
  max-width:min(1320px,100%);
}

.landing-feature p{
  max-width:270px;
}

.landing-bg-floor{
  width:min(82vw,1180px);
}

/* Dashboards/data: las tablas usan todo el ancho disponible antes de mostrar scroll lateral. */
.table-wrap,
.actas-table-wrap,
.tiendas-table-wrap,
.crafting-table-wrap,
.movement-table-wrap,
.consolidated-table-wrap,
.vehicle-table-wrap,
.vehicle-garage-table-wrap{
  max-width:100%;
}

.vehicle-table-collapsible,
.actas-table-card,
.dashboard-status-card{
  width:100%;
}

@media(min-width:1280px){
  .vehicle-table-premium,
  .actas-data-table,
  .tiendas-table,
  .crafting-table,
  .movement-table,
  .consolidated-table{
    min-width:100%;
  }

  .vehicle-table-search-advanced{
    grid-template-columns:minmax(190px,280px) minmax(340px,1fr) auto auto;
  }
}

@media(min-width:1600px){
  .corp-metric-grid{
    grid-template-columns:minmax(380px,1.25fr) repeat(2,minmax(260px,.9fr));
  }

  .corp-agent-premium-grid,
  .dashboards-module-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1180px){
  :root{
    --lathios-page-gutter:22px;
    --lathios-landing-gutter:18px;
  }
}

@media(max-width:1024px){
  .shell-with-sidebar{
    grid-template-columns:1fr;
  }

  .page-shell{
    width:calc(100vw - 36px);
  }

  .sidebar,
  .sidebar.sidebar-premium{
    position:relative;
    top:auto;
  }
}

@media(max-width:720px){
  :root{
    --lathios-page-gutter:14px;
    --lathios-landing-gutter:12px;
  }

  .site-header .top-nav:not(.landing-nav),
  .footer,
  .page-shell,
  .landing-main,
  .landing-nav,
  .landing-footer{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
  }

  .page-shell{
    padding-top:28px;
  }
}


/* Phase 8.9B · App Shell Corporativo
   Objetivo: convertir la zona interna en una app de trabajo más compacta,
   estable y aprovechable, especialmente para dashboards y módulos con tablas.
*/
:root{
  --lathios-app-header-height:72px;
  --lathios-app-sidebar-width:clamp(286px,16vw,330px);
  --lathios-app-gap:clamp(18px,1.45vw,30px);
  --lathios-app-radius:30px;
}

body.corp-app-body{
  overflow-x:hidden;
  background:
    radial-gradient(ellipse 72% 42% at 14% -8%, rgba(87,168,193,.16), transparent 62%),
    radial-gradient(ellipse 52% 48% at 92% 4%, rgba(167,139,250,.13), transparent 62%),
    linear-gradient(180deg,#071221 0%,#06101e 42%,#040914 100%);
}

body.corp-app-body::before{
  content:"";
  position:fixed;
  inset:var(--lathios-app-header-height) 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.20),rgba(255,9,87,.10),transparent);
  pointer-events:none;
  z-index:25;
}

.corp-app-body .app-header{
  min-height:var(--lathios-app-header-height);
  padding:12px 0;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(87,168,193,.14);
  background:
    linear-gradient(180deg,rgba(8,17,32,.92),rgba(5,11,22,.84));
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}

.corp-app-body .app-header .top-nav{
  min-height:48px;
}

.corp-app-body .logo{
  gap:11px;
}

.corp-app-body .logo-icon{
  width:34px;
  height:34px;
  border-radius:10px;
}

.corp-app-body .navlinks{
  gap:9px;
}

.corp-app-body .navlinks a,
.corp-app-body .navlinks button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
}

.corp-app-body .session-badge{
  min-height:38px;
  padding:7px 13px;
}

.corp-app-body .app-shell-main{
  position:relative;
  padding-top:clamp(22px,2.15vw,36px);
  padding-bottom:clamp(30px,3vw,54px);
}

.corp-app-body .app-shell-main::before{
  content:"";
  position:absolute;
  inset:0 auto auto calc(var(--lathios-app-sidebar-width) + (var(--lathios-app-gap) / 2));
  width:1px;
  height:calc(100% - 26px);
  background:linear-gradient(180deg,rgba(87,168,193,.20),rgba(87,168,193,.04),transparent);
  opacity:.55;
  pointer-events:none;
}

.corp-app-body .shell-with-sidebar{
  grid-template-columns:var(--lathios-app-sidebar-width) minmax(0,1fr);
  gap:var(--lathios-app-gap);
  align-items:start;
}

.corp-app-body .shell-with-sidebar > section,
.corp-app-body .shell-with-sidebar > main,
.corp-app-body .shell-with-sidebar > div:not(.sidebar):not(.sidebar-premium),
.corp-app-body .corp-premium-main,
.corp-app-body .dashboards-premium-section,
.corp-app-body .junta-home-page,
.corp-app-body .settings-content{
  width:100%;
  min-width:0;
}

.corp-app-body .sidebar.sidebar-premium{
  top:calc(var(--lathios-app-header-height) + 18px);
  max-height:calc(100vh - var(--lathios-app-header-height) - 34px);
  overflow:auto;
  padding:16px;
  border-radius:var(--lathios-app-radius);
  background:
    radial-gradient(circle at 120% 0%, rgba(79,70,229,.14), transparent 35%),
    radial-gradient(circle at 0% 100%, rgba(56,189,248,.095), transparent 40%),
    linear-gradient(180deg, rgba(7,15,30,.97), rgba(4,9,20,.97));
  scrollbar-width:thin;
  scrollbar-color:rgba(87,168,193,.50) rgba(2,6,23,.28);
}

.corp-app-body .sidebar.sidebar-premium::-webkit-scrollbar{
  width:8px;
}

.corp-app-body .sidebar.sidebar-premium::-webkit-scrollbar-track{
  background:rgba(2,6,23,.26);
  border-radius:999px;
}

.corp-app-body .sidebar.sidebar-premium::-webkit-scrollbar-thumb{
  background:rgba(87,168,193,.50);
  border-radius:999px;
}

.corp-app-body .sidebar-nav-premium{
  gap:8px;
}

.corp-app-body .sidebar-link-premium{
  min-height:56px;
  padding:0 14px;
  border-radius:18px;
}

.corp-app-body .sidebar-link-main{
  gap:12px;
}

.corp-app-body .sidebar-link-icon{
  width:26px;
  height:26px;
  flex-basis:26px;
}

.corp-app-body .sidebar-link-icon svg{
  width:22px;
  height:22px;
}

.corp-app-body .sidebar-link-label{
  font-size:16px;
}

.corp-app-body .sidebar-link-premium.active::before{
  right:-15px;
  width:15px;
}

.corp-app-body .sidebar-link-premium.active::after{
  right:-23px;
}

.corp-app-body .corp-premium-hero,
.corp-app-body .junta-hero-panel,
.corp-app-body .dashboards-hero-premium,
.corp-app-body .settings-hero,
.corp-app-body .bodega-header-premium,
.corp-app-body .vehicle-clean-hero,
.corp-app-body .actas-hero-premium{
  border-radius:var(--lathios-app-radius);
}

.corp-app-body .corp-premium-heading,
.corp-app-body .dashboards-hero-premium,
.corp-app-body .junta-hero-panel,
.corp-app-body .settings-hero{
  margin-left:0;
  margin-right:0;
}

.corp-app-body .corp-metric-grid,
.corp-app-body .kpi-grid,
.corp-app-body .vehicle-clean-kpi-grid,
.corp-app-body .settings-security-kpi-grid{
  gap:clamp(14px,1.2vw,22px);
}

.corp-app-body .vehicle-table-collapsible,
.corp-app-body .vehicle-alerts-collapsible,
.corp-app-body .vehicle-plates-collapsible,
.corp-app-body .dashboard-status-card,
.corp-app-body .actas-table-card,
.corp-app-body .settings-users-card,
.corp-app-body .settings-roles-card,
.corp-app-body .settings-permissions-card,
.corp-app-body .settings-security-card{
  border-radius:28px;
}

.corp-app-body .vehicle-table-collapsible,
.corp-app-body .actas-table-card,
.corp-app-body .settings-users-card,
.corp-app-body .settings-roles-card,
.corp-app-body .settings-permissions-card,
.corp-app-body .settings-security-card{
  margin-left:0;
  margin-right:0;
}

/* Tablas internas: el shell ya da más espacio, aquí evitamos que cards anidadas lo desperdicien. */
.corp-app-body .vehicle-table-collapsible-body,
.corp-app-body .actas-table-body,
.corp-app-body .settings-table-body{
  min-width:0;
}

.corp-app-body .vehicle-table-wrap,
.corp-app-body .actas-table-wrap,
.corp-app-body .settings-table-wrap,
.corp-app-body .settings-security-table-wrap,
.corp-app-body .table-wrap{
  width:100%;
  max-width:100%;
}

@media(min-width:1440px){
  .corp-app-body .corp-metric-grid{
    grid-template-columns:minmax(360px,1.1fr) repeat(2,minmax(240px,.9fr));
  }

  .corp-app-body .dashboards-module-grid,
  .corp-app-body .corp-agent-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:1760px){
  :root{
    --lathios-app-max:1880px;
    --lathios-content-max:1820px;
    --lathios-app-sidebar-width:330px;
  }

  .corp-app-body .page-shell{
    width:min(1880px, calc(100vw - 72px));
    max-width:min(1880px, calc(100vw - 72px));
  }
}

@media(max-width:1180px){
  :root{
    --lathios-app-sidebar-width:278px;
    --lathios-app-gap:18px;
  }

  .corp-app-body .sidebar-link-label{
    font-size:15px;
  }
}

@media(max-width:1024px){
  .corp-app-body::before,
  .corp-app-body .app-shell-main::before{
    display:none;
  }

  .corp-app-body .app-header{
    min-height:auto;
    padding:14px 0;
  }

  .corp-app-body .shell-with-sidebar{
    grid-template-columns:1fr;
  }

  .corp-app-body .sidebar.sidebar-premium{
    position:relative;
    top:auto;
    max-height:none;
  }

  .corp-app-body .sidebar-nav-premium{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  }
}

@media(max-width:760px){
  .corp-app-body .app-header .top-nav{
    gap:12px;
  }

  .corp-app-body .app-shell-main{
    padding-top:20px;
  }

  .corp-app-body .sidebar-nav-premium{
    grid-template-columns:1fr;
  }

  .corp-app-body .corp-premium-hero,
  .corp-app-body .junta-hero-panel,
  .corp-app-body .dashboards-hero-premium,
  .corp-app-body .settings-hero{
    border-radius:24px;
  }
}

/* Phase 8.9B.1 · Hotfix Sidebar Scroll Lateral
   Corrige la barra horizontal causada por indicadores activos fuera del sidebar
   cuando el shell interno usa scroll vertical compacto.
*/
.corp-app-body .sidebar.sidebar-premium{
  overflow-y:auto;
  overflow-x:hidden;
}

.corp-app-body .sidebar-link-premium.active::before{
  right:-8px;
  width:10px;
}

.corp-app-body .sidebar-link-premium.active::after{
  right:-13px;
}

@supports (overflow:clip){
  .corp-app-body .sidebar.sidebar-premium{
    overflow-x:clip;
  }
}

/* Phase 8.9C · Dashboards Data-Friendly
   Pulido suave para pantallas de datos: más ancho útil, tablas más legibles,
   headers fijos y scroll horizontal solo cuando realmente haga falta.
*/
.corp-dashboard-body{
  --lathios-data-card-pad:clamp(16px,1.35vw,24px);
  --lathios-data-cell-x:clamp(12px,.86vw,16px);
  --lathios-data-cell-y:clamp(11px,.72vw,14px);
}

.corp-dashboard-body .page-shell{
  padding-top:clamp(18px,2vw,34px);
}

.corp-dashboard-data-body .app-shell-main{
  padding-bottom:34px;
}

.corp-dashboard-data-body .vehicle-clean-hero,
.corp-dashboard-data-body .bodega-header-premium,
.corp-dashboard-data-body .dashboard-status-card{
  margin-top:0;
}

.corp-dashboard-data-body .vehicle-table-collapsible,
.corp-dashboard-data-body .vehicle-garage-collapsible,
.corp-dashboard-data-body .vehicle-alerts-collapsible,
.corp-dashboard-data-body .vehicle-plates-collapsible,
.corp-dashboard-data-body .card,
.corp-dashboard-data-body .wide-card{
  width:100%;
  max-width:100%;
  min-width:0;
}

.corp-dashboard-data-body .vehicle-table-collapsible summary,
.corp-dashboard-data-body .vehicle-garage-collapsible summary,
.corp-dashboard-data-body .vehicle-alerts-collapsible summary,
.corp-dashboard-data-body .vehicle-plates-collapsible summary{
  padding:var(--lathios-data-card-pad);
}

.corp-dashboard-data-body .vehicle-table-collapsible-body,
.corp-dashboard-data-body .vehicle-garage-collapsible-body,
.corp-dashboard-data-body .vehicle-alerts-collapsible-body,
.corp-dashboard-data-body .vehicle-plates-collapsible-body{
  padding:clamp(16px,1.25vw,22px) var(--lathios-data-card-pad) var(--lathios-data-card-pad);
}

.corp-dashboard-data-body .vehicle-table-search,
.corp-dashboard-data-body .vehicle-garage-search{
  gap:12px;
}

.corp-dashboard-data-body .vehicle-table-search-advanced{
  grid-template-columns:minmax(170px,230px) minmax(280px,1fr) max-content max-content;
}

.corp-dashboard-data-body .vehicle-table-wrap,
.corp-dashboard-data-body .vehicle-garage-table-wrap,
.corp-dashboard-data-body .vehicle-plates-table-wrap,
.corp-dashboard-data-body .tiendas-table-wrap,
.corp-dashboard-data-body .crafting-table-wrap,
.corp-dashboard-data-body .movement-table-wrap,
.corp-dashboard-data-body .consolidated-table-wrap,
.corp-dashboard-data-body .table-wrap{
  max-width:100%;
  overflow:auto;
  max-height:clamp(440px,62vh,760px);
  overscroll-behavior:contain;
}

.corp-dashboard-data-body .vehicle-table-premium,
.corp-dashboard-data-body .vehicle-garage-table,
.corp-dashboard-data-body .vehicle-plates-table,
.corp-dashboard-data-body .tiendas-table,
.corp-dashboard-data-body .crafting-table,
.corp-dashboard-data-body .movement-table,
.corp-dashboard-data-body .consolidated-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.corp-dashboard-data-body .vehicle-table-premium{
  min-width:860px;
  table-layout:fixed;
}

.corp-dashboard-data-body .vehicle-table-premium th:nth-child(1),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(1){width:24%;}
.corp-dashboard-data-body .vehicle-table-premium th:nth-child(2),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(2){width:20%;}
.corp-dashboard-data-body .vehicle-table-premium th:nth-child(3),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(3){width:22%;}
.corp-dashboard-data-body .vehicle-table-premium th:nth-child(4),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(4){width:18%;}
.corp-dashboard-data-body .vehicle-table-premium th:nth-child(5),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(5){width:16%;}

.corp-dashboard-data-body .vehicle-table-premium th,
.corp-dashboard-data-body .vehicle-table-premium td,
.corp-dashboard-data-body .vehicle-garage-table th,
.corp-dashboard-data-body .vehicle-garage-table td,
.corp-dashboard-data-body .vehicle-plates-table th,
.corp-dashboard-data-body .vehicle-plates-table td,
.corp-dashboard-data-body .tiendas-table th,
.corp-dashboard-data-body .tiendas-table td,
.corp-dashboard-data-body .crafting-table th,
.corp-dashboard-data-body .crafting-table td,
.corp-dashboard-data-body .movement-table th,
.corp-dashboard-data-body .movement-table td,
.corp-dashboard-data-body .consolidated-table th,
.corp-dashboard-data-body .consolidated-table td{
  padding:var(--lathios-data-cell-y) var(--lathios-data-cell-x);
  line-height:1.35;
}

.corp-dashboard-data-body .vehicle-table-premium th,
.corp-dashboard-data-body .vehicle-garage-table th,
.corp-dashboard-data-body .vehicle-plates-table th,
.corp-dashboard-data-body .tiendas-table th,
.corp-dashboard-data-body .crafting-table th,
.corp-dashboard-data-body .movement-table th,
.corp-dashboard-data-body .consolidated-table th{
  position:sticky;
  top:0;
  z-index:3;
  backdrop-filter:blur(12px);
}

.corp-dashboard-data-body .vehicle-table-premium td,
.corp-dashboard-data-body .vehicle-garage-table td,
.corp-dashboard-data-body .vehicle-plates-table td,
.corp-dashboard-data-body .tiendas-table td,
.corp-dashboard-data-body .crafting-table td,
.corp-dashboard-data-body .movement-table td,
.corp-dashboard-data-body .consolidated-table td{
  overflow-wrap:anywhere;
}

.corp-dashboard-data-body .vehicle-table-premium th:nth-child(4),
.corp-dashboard-data-body .vehicle-table-premium th:nth-child(5),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(4),
.corp-dashboard-data-body .vehicle-table-premium td:nth-child(5),
.corp-dashboard-data-body .vehicle-garage-table th:last-child,
.corp-dashboard-data-body .vehicle-garage-table td:last-child{
  text-align:right;
}

.corp-dashboard-data-body .vehicle-sort-link{
  width:100%;
  justify-content:space-between;
}

.corp-dashboard-data-body .vehicle-table-pagination{
  position:sticky;
  bottom:0;
  z-index:2;
  margin-top:12px;
  padding:12px 0 0;
  background:linear-gradient(180deg,transparent,rgba(6,11,24,.96) 34%);
}

@media(min-width:1440px){
  .corp-dashboard-data-body .vehicle-table-premium{
    min-width:100%;
  }

  .corp-dashboard-data-body .vehicle-table-wrap,
  .corp-dashboard-data-body .vehicle-garage-table-wrap,
  .corp-dashboard-data-body .vehicle-plates-table-wrap,
  .corp-dashboard-data-body .tiendas-table-wrap,
  .corp-dashboard-data-body .crafting-table-wrap,
  .corp-dashboard-data-body .movement-table-wrap,
  .corp-dashboard-data-body .consolidated-table-wrap,
  .corp-dashboard-data-body .table-wrap{
    max-height:clamp(500px,66vh,840px);
  }
}

@media(max-width:1180px){
  .corp-dashboard-data-body .vehicle-table-search-advanced{
    grid-template-columns:minmax(150px,210px) minmax(220px,1fr) max-content max-content;
  }
}

@media(max-width:920px){
  .corp-dashboard-data-body .vehicle-table-search-advanced{
    grid-template-columns:1fr;
  }

  .corp-dashboard-data-body .vehicle-table-premium{
    min-width:780px;
  }
}


/* Phase 9.0A · Lathios RP Shell Público + Cinematic Scroll */
.lathios-rp-body{
  background:#020612;
}
.lathios-rp-body .landing-shell{
  overflow:visible;
  background:
    radial-gradient(ellipse 56% 72% at 50% 10%,rgba(87,168,193,.16) 0%,transparent 58%),
    radial-gradient(ellipse 42% 64% at 78% 20%,rgba(255,9,87,.10) 0%,transparent 62%),
    linear-gradient(180deg,#030816 0%,#020612 46%,#030815 100%);
}
.rp-main{
  position:relative;
  padding-bottom:0;
}
.rp-subheader{
  position:sticky;
  top:86px;
  z-index:24;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:min(1320px,100%);
  margin:18px auto 0;
  padding:10px;
  border:1px solid rgba(87,168,193,.16);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(4,10,24,.76),rgba(8,13,30,.58));
  backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.03);
  overflow-x:auto;
  scrollbar-width:none;
}
.rp-subheader::-webkit-scrollbar{display:none}
.rp-subheader-link{
  flex:0 0 auto;
  text-decoration:none;
  color:rgba(235,244,255,.75);
  font-weight:800;
  font-size:13px;
  letter-spacing:.02em;
  padding:11px 15px;
  border-radius:999px;
  border:1px solid transparent;
  transition:.18s ease;
}
.rp-subheader-link:hover,
.rp-subheader-link.active{
  color:#fff;
  background:rgba(87,168,193,.10);
  border-color:rgba(87,168,193,.25);
  box-shadow:0 0 18px rgba(87,168,193,.10);
}
.rp-logo-hero{
  position:relative;
  min-height:calc(100vh - 146px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:70px 18px 96px;
  overflow:hidden;
}
.rp-logo-hero:before,
.rp-logo-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(12px);
}
.rp-logo-hero:before{
  width:min(68vw,940px);
  height:min(68vw,940px);
  background:radial-gradient(circle,rgba(87,168,193,.18),transparent 64%);
  top:44%;
  left:50%;
  transform:translate(-50%,-50%);
}
.rp-logo-hero:after{
  width:min(56vw,760px);
  height:160px;
  bottom:94px;
  left:50%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(255,9,87,.13),transparent 68%);
}
.rp-logo-glow{
  position:absolute;
  inset:8% 0 auto;
  height:48%;
  background:linear-gradient(90deg,transparent,rgba(87,168,193,.08),rgba(255,9,87,.07),transparent);
  opacity:.72;
  pointer-events:none;
}
.rp-logo-mark{
  position:relative;
  z-index:2;
  width:clamp(220px,34vw,520px);
  max-width:82vw;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.46)) drop-shadow(0 0 34px rgba(87,168,193,.16));
  animation:rpLogoFloat 6.8s ease-in-out infinite;
}
.rp-hero-kicker{
  position:relative;
  z-index:2;
  margin:26px 0 12px;
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:900;
}
.rp-logo-hero h1{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0;
  font-size:clamp(38px,6vw,86px);
  line-height:.96;
  letter-spacing:-.055em;
  color:#fff;
}
.rp-hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:20px auto 0;
  font-size:clamp(18px,1.7vw,23px);
  color:rgba(235,244,255,.80);
}
.rp-hero-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:28px;
}
.rp-primary-action,
.rp-secondary-action{
  min-height:48px;
}
.rp-scroll-cue{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  color:rgba(235,244,255,.62);
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.rp-scroll-cue:after{
  content:"";
  display:block;
  width:1px;
  height:34px;
  margin:10px auto 0;
  background:linear-gradient(180deg,rgba(231,208,0,.9),transparent);
}
.rp-cinematic{
  position:relative;
  height:260vh;
  margin-inline:calc(var(--lathios-landing-gutter) * -1);
  --rp-progress:0;
}
.rp-cinematic-sticky{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  background:#020612;
  display:grid;
  place-items:center;
}
.rp-cinematic-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.06) contrast(1.04) brightness(.78);
  transform:scale(calc(1.03 + (var(--rp-progress) * .035)));
}
.rp-cinematic-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,6,18,.58) 0%,rgba(2,6,18,.16) 38%,rgba(2,6,18,.42) 68%,rgba(2,6,18,.86) 100%),
    radial-gradient(circle at center,transparent 0 36%,rgba(2,6,18,.52) 100%);
}
.rp-cinematic-caption{
  position:absolute;
  left:clamp(22px,6vw,110px);
  bottom:clamp(36px,9vh,110px);
  max-width:680px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:rgba(4,9,22,.42);
  backdrop-filter:blur(14px);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  transform:translateY(calc((1 - var(--rp-progress)) * 18px));
  opacity:calc(.38 + (var(--rp-progress) * .62));
}
.rp-cinematic-caption span{
  display:inline-flex;
  color:#e7d000;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:10px;
}
.rp-cinematic-caption strong{
  display:block;
  color:#fff;
  font-size:clamp(30px,4vw,58px);
  line-height:1;
  letter-spacing:-.045em;
}
.rp-cinematic-caption small{
  display:block;
  margin-top:12px;
  color:rgba(235,244,255,.72);
  font-size:15px;
}
.rp-description-section,
.rp-community-section,
.rp-simple-hero,
.rp-simple-grid{
  width:min(1320px,100%);
  margin:0 auto;
}
.rp-description-section{
  padding:110px 0 70px;
}
.rp-section-head{
  max-width:920px;
  margin:0 auto 34px;
  text-align:center;
}
.rp-section-head span,
.rp-simple-hero span{
  display:inline-flex;
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:950;
  font-size:12px;
  margin-bottom:14px;
}
.rp-section-head h2,
.rp-simple-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5vw,72px);
  line-height:1;
  letter-spacing:-.052em;
}
.rp-section-head p,
.rp-simple-hero p{
  max-width:850px;
  margin:22px auto 0;
  color:rgba(235,244,255,.76);
  font-size:clamp(17px,1.45vw,21px);
}
.rp-section-head.compact{
  margin-bottom:26px;
}
.rp-pillars-grid,
.rp-community-grid,
.rp-simple-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.rp-pillar-card,
.rp-community-card,
.rp-simple-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.13);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(8,15,34,.72),rgba(5,10,24,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.rp-pillar-card,
.rp-simple-card{
  padding:26px;
}
.rp-pillar-card:before,
.rp-simple-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 16% 0%,rgba(87,168,193,.12),transparent 36%),radial-gradient(circle at 90% 16%,rgba(255,9,87,.09),transparent 30%);
  pointer-events:none;
}
.rp-pillar-card > *,
.rp-simple-card > *{position:relative;z-index:1}
.rp-pillar-card b,
.rp-simple-card b{
  color:rgba(231,208,0,.78);
  font-size:13px;
  letter-spacing:.18em;
}
.rp-pillar-card h3,
.rp-community-card h3,
.rp-simple-card h3{
  margin:14px 0 8px;
  color:#fff;
  font-size:22px;
}
.rp-pillar-card p,
.rp-community-card p,
.rp-simple-card p{
  margin:0;
  color:rgba(235,244,255,.68);
}
.rp-community-section{
  padding:40px 0 90px;
}
.rp-community-card{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px;
}
.rp-community-image{
  position:absolute;
  inset:0;
  background-image:url('/assets/home-hero-bg.png?v=8.4C1');
  background-size:cover;
  background-position:center;
  filter:saturate(.92) brightness(.66);
  transform:scale(1.03);
}
.rp-community-image.two{background-position:62% center;filter:hue-rotate(12deg) saturate(.86) brightness(.62)}
.rp-community-image.three{background-position:38% center;filter:hue-rotate(-18deg) saturate(.9) brightness(.60)}
.rp-community-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,18,.10),rgba(2,6,18,.26) 42%,rgba(2,6,18,.92) 100%);
  z-index:1;
}
.rp-community-card h3,
.rp-community-card p{
  position:relative;
  z-index:2;
}
.rp-footer{
  margin-top:0;
  padding-bottom:36px;
}
.rp-simple-main{
  min-height:calc(100vh - 90px);
}
.rp-simple-hero{
  text-align:center;
  padding:80px 0 42px;
}
.rp-simple-logo{
  width:clamp(120px,18vw,220px);
  height:auto;
  display:block;
  margin:0 auto 24px;
  filter:drop-shadow(0 20px 44px rgba(0,0,0,.42));
}
.rp-simple-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-bottom:88px;
}
.rp-simple-notice{
  max-width:760px;
  margin:24px auto 0;
  text-align:left;
}
@keyframes rpLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.012)}
}
@media(max-width:1180px){
  .rp-subheader{justify-content:flex-start;width:100%;border-radius:24px;padding:8px}
  .rp-pillars-grid,.rp-community-grid,.rp-simple-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .rp-subheader{top:154px;margin-top:14px}
  .rp-logo-hero{min-height:auto;padding-top:52px}
  .rp-cinematic{height:210vh}
  .rp-cinematic-caption{left:18px;right:18px;bottom:32px;max-width:none}
  .rp-description-section{padding:76px 0 48px}
  .rp-pillars-grid,.rp-community-grid,.rp-simple-grid{grid-template-columns:1fr}
  .rp-community-card{min-height:340px}
}
@media(max-width:620px){
  .rp-subheader{top:178px}
  .rp-subheader-link{font-size:12px;padding:10px 12px}
  .rp-hero-actions{flex-direction:column;align-items:stretch;width:min(360px,100%)}
  .rp-primary-action,.rp-secondary-action{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .rp-logo-mark{animation:none}
  .rp-cinematic{height:auto;min-height:100vh}
  .rp-cinematic-sticky{position:relative}
  .rp-cinematic-video{transform:none}
}


/* Phase 9.0B · Lathios RP Pulido Cinematic */
.rp-logo-hero{
  padding-bottom:clamp(84px,10vh,122px);
}
.rp-logo-mark{
  filter:
    drop-shadow(0 30px 70px rgba(0,0,0,.50))
    drop-shadow(0 0 42px rgba(87,168,193,.20))
    drop-shadow(0 0 22px rgba(231,208,0,.08));
}
.rp-cinematic{
  height:245vh;
  margin-top:clamp(8px,2.2vh,30px);
  isolation:isolate;
}
.rp-cinematic:before,
.rp-cinematic:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:26vh;
  z-index:4;
  pointer-events:none;
}
.rp-cinematic:before{
  top:0;
  background:linear-gradient(180deg,#020612 0%,rgba(2,6,18,.78) 32%,transparent 100%);
}
.rp-cinematic:after{
  bottom:0;
  background:linear-gradient(0deg,#020612 0%,rgba(2,6,18,.78) 34%,transparent 100%);
}
.rp-cinematic-sticky{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.04);
}
.rp-cinematic-video{
  filter:saturate(calc(1.02 + (var(--rp-progress) * .10))) contrast(1.06) brightness(calc(.70 + (var(--rp-progress) * .12)));
  transform:scale(calc(1.025 + (var(--rp-progress) * .045)));
  transition:filter .18s linear, transform .18s linear;
}
.rp-cinematic-overlay{
  background:
    linear-gradient(180deg,rgba(2,6,18,.68) 0%,rgba(2,6,18,.10) 34%,rgba(2,6,18,.28) 66%,rgba(2,6,18,.88) 100%),
    radial-gradient(circle at center,transparent 0 38%,rgba(2,6,18,.56) 100%),
    linear-gradient(90deg,rgba(2,6,18,.72) 0%,transparent 22%,transparent 72%,rgba(2,6,18,.68) 100%);
}
.rp-cinematic-caption{
  left:50%;
  right:auto;
  bottom:clamp(48px,10vh,126px);
  width:min(920px,calc(100vw - 36px));
  max-width:none;
  text-align:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  transform:translate(-50%,calc((1 - var(--rp-progress)) * 22px));
  opacity:calc(.24 + (var(--rp-progress) * .76));
  text-shadow:0 18px 54px rgba(0,0,0,.78),0 0 28px rgba(87,168,193,.16);
}
.rp-cinematic-caption strong{
  font-size:clamp(34px,6.2vw,96px);
  line-height:.92;
  letter-spacing:-.06em;
  font-weight:950;
}
.rp-description-section{
  position:relative;
  z-index:5;
  margin-top:-1px;
  padding-top:clamp(92px,12vh,140px);
}
.rp-section-head{
  transform:translateY(calc((1 - min(var(--rp-progress,0),1)) * 0px));
}
@media(max-width:900px){
  .rp-cinematic{height:215vh;margin-top:0}
  .rp-cinematic:before,.rp-cinematic:after{height:20vh}
  .rp-cinematic-caption{
    bottom:clamp(44px,8vh,84px);
    width:min(720px,calc(100vw - 30px));
  }
  .rp-cinematic-caption strong{
    font-size:clamp(34px,11vw,68px);
  }
}
@media(max-width:620px){
  .rp-cinematic{height:190vh}
  .rp-cinematic-video{filter:saturate(1.05) contrast(1.04) brightness(.76)}
  .rp-cinematic-caption strong{
    font-size:clamp(32px,13vw,56px);
  }
}
@media(prefers-reduced-motion:reduce){
  .rp-cinematic-caption{
    opacity:1;
    transform:translateX(-50%);
  }
  .rp-cinematic-video{
    transition:none;
  }
}

/* Phase 9.0C · Descripción RP Premium + caption cinematic refinado */
.rp-cinematic-caption{
  left:clamp(22px,6vw,110px);
  right:auto;
  bottom:clamp(36px,9vh,110px);
  width:auto;
  max-width:min(520px,calc(100vw - 44px));
  text-align:left;
  padding:18px 20px;
  border:1px solid rgba(87,168,193,.18);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(4,9,22,.58),rgba(8,15,34,.36));
  backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.035);
  transform:translateY(calc((1 - var(--rp-progress)) * 18px));
  opacity:calc(.38 + (var(--rp-progress) * .62));
  text-shadow:none;
}
.rp-cinematic-caption:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(circle at 14% 0%,rgba(87,168,193,.18),transparent 46%),radial-gradient(circle at 92% 20%,rgba(255,9,87,.12),transparent 42%);
  pointer-events:none;
}
.rp-cinematic-caption strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:clamp(24px,2.7vw,42px);
  line-height:.98;
  letter-spacing:-.042em;
  font-weight:950;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.44);
}
.rp-description-premium{
  width:min(1400px,100%);
  padding-top:clamp(96px,13vh,150px);
}
.rp-description-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:22px;
}
.rp-description-copy{
  position:relative;
  margin:0;
  max-width:none;
  text-align:left;
  padding:clamp(28px,4vw,48px);
  border:1px solid rgba(87,168,193,.14);
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%,rgba(87,168,193,.14),transparent 38%),
    radial-gradient(circle at 96% 20%,rgba(255,9,87,.10),transparent 36%),
    linear-gradient(180deg,rgba(8,15,34,.72),rgba(4,9,22,.88));
  box-shadow:0 30px 90px rgba(0,0,0,.25);
  overflow:hidden;
}
.rp-description-copy:after{
  content:"";
  position:absolute;
  left:clamp(28px,4vw,48px);
  right:clamp(28px,4vw,48px);
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,208,0,.48),rgba(87,168,193,.38),transparent);
}
.rp-description-copy span,
.rp-city-card-kicker{
  display:inline-flex;
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:950;
  font-size:12px;
  margin-bottom:14px;
}
.rp-description-copy h2{
  max-width:960px;
  margin:0;
  color:#fff;
  font-size:clamp(36px,5.4vw,82px);
  line-height:.95;
  letter-spacing:-.058em;
}
.rp-description-copy p{
  max-width:880px;
  margin:22px 0 0;
  color:rgba(235,244,255,.78);
  font-size:clamp(17px,1.45vw,21px);
}
.rp-description-soft{
  color:rgba(235,244,255,.64)!important;
}
.rp-description-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:28px;
}
.rp-city-card{
  position:relative;
  min-height:100%;
  padding:clamp(24px,3vw,34px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:34px;
  background:
    linear-gradient(180deg,rgba(7,13,30,.70),rgba(5,10,24,.92)),
    radial-gradient(circle at 50% 0%,rgba(87,168,193,.14),transparent 48%);
  box-shadow:0 30px 90px rgba(0,0,0,.24);
  overflow:hidden;
}
.rp-city-card:before{
  content:"";
  position:absolute;
  inset:auto 24px 24px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(87,168,193,.18),transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.rp-city-card > *{
  position:relative;
  z-index:1;
}
.rp-city-card h3{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.045em;
}
.rp-city-card ul{
  list-style:none;
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
}
.rp-city-card li{
  padding:16px;
  border:1px solid rgba(87,168,193,.12);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.rp-city-card b{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:5px;
}
.rp-city-card small{
  display:block;
  color:rgba(235,244,255,.64);
  font-size:13px;
  line-height:1.5;
}
.rp-premium-pillars{
  gap:22px;
}
.rp-premium-pillars .rp-pillar-card{
  min-height:210px;
}
@media(max-width:980px){
  .rp-cinematic-caption{
    left:18px;
    right:18px;
    bottom:32px;
    max-width:none;
    padding:16px 18px;
  }
  .rp-cinematic-caption strong{
    font-size:clamp(24px,7vw,38px);
  }
  .rp-description-layout{
    grid-template-columns:1fr;
  }
  .rp-description-copy{
    text-align:center;
  }
  .rp-description-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .rp-description-actions{
    justify-content:center;
  }
}
@media(max-width:620px){
  .rp-description-copy,
  .rp-city-card{
    border-radius:26px;
  }
  .rp-description-actions{
    flex-direction:column;
    align-items:stretch;
  }
}
@media(prefers-reduced-motion:reduce){
  .rp-cinematic-caption{
    opacity:1;
    transform:none;
  }
}


/* Phase 9.0D · Comunidad Visual */
.rp-community-showcase{
  width:min(1480px,100%);
  padding:clamp(68px,8vh,104px) 0 clamp(96px,10vh,136px);
}
.rp-community-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  margin-bottom:24px;
}
.rp-community-intro .rp-section-head{
  margin:0;
  max-width:980px;
  text-align:left;
}
.rp-community-intro .rp-section-head p{
  max-width:820px;
  margin-left:0;
  color:rgba(235,244,255,.70);
}
.rp-community-cta{
  white-space:nowrap;
  margin-bottom:6px;
}
.rp-community-mosaic{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);
  gap:18px;
  margin-bottom:18px;
}
.rp-community-feature,
.rp-community-mini,
.rp-community-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(87,168,193,.14);
  background:linear-gradient(180deg,rgba(8,15,34,.68),rgba(5,10,24,.92));
  box-shadow:0 30px 90px rgba(0,0,0,.24);
  isolation:isolate;
}
.rp-community-feature{
  min-height:620px;
  border-radius:36px;
  padding:clamp(24px,3vw,38px);
  display:flex;
  align-items:flex-end;
}
.rp-community-stack{
  display:grid;
  gap:18px;
}
.rp-community-mini{
  min-height:301px;
  border-radius:32px;
  padding:24px;
  display:flex;
  align-items:flex-end;
}
.rp-community-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.rp-community-showcase .rp-community-card{
  min-height:360px;
  border-radius:30px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.rp-community-feature:after,
.rp-community-mini:after,
.rp-community-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(2,6,18,.02) 0%,rgba(2,6,18,.22) 42%,rgba(2,6,18,.92) 100%),
    radial-gradient(circle at 18% 18%,rgba(87,168,193,.16),transparent 36%),
    linear-gradient(90deg,rgba(2,6,18,.52) 0%,transparent 46%,rgba(2,6,18,.34) 100%);
  pointer-events:none;
}
.rp-community-content,
.rp-community-showcase .rp-community-card h3,
.rp-community-showcase .rp-community-card p{
  position:relative;
  z-index:2;
}
.rp-community-content{
  max-width:760px;
}
.rp-community-content span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:950;
  font-size:11px;
  margin-bottom:12px;
}
.rp-community-content span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#57a8c1;
  box-shadow:0 0 18px rgba(87,168,193,.72);
}
.rp-community-feature h3{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(38px,5vw,76px);
  line-height:.94;
  letter-spacing:-.06em;
  max-width:860px;
}
.rp-community-mini h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(26px,2.8vw,38px);
  line-height:1;
  letter-spacing:-.045em;
}
.rp-community-feature p,
.rp-community-mini p,
.rp-community-showcase .rp-community-card p{
  max-width:760px;
  margin:0;
  color:rgba(235,244,255,.70);
  line-height:1.58;
}
.rp-community-showcase .rp-community-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(24px,2.3vw,34px);
  line-height:1;
  letter-spacing:-.04em;
}
.rp-community-showcase .rp-community-image{
  background-image:url('/assets/home-hero-bg.png?v=9.0D');
  filter:saturate(.96) brightness(.64) contrast(1.04);
  transform:scale(1.035);
  transition:transform .7s ease, filter .7s ease;
}
.rp-community-feature:hover .rp-community-image,
.rp-community-mini:hover .rp-community-image,
.rp-community-card:hover .rp-community-image{
  transform:scale(1.075);
  filter:saturate(1.08) brightness(.72) contrast(1.05);
}
.rp-community-image.one{background-position:center 36%;}
.rp-community-image.two{background-position:64% center;filter:hue-rotate(12deg) saturate(.92) brightness(.62) contrast(1.06)}
.rp-community-image.three{background-position:30% center;filter:hue-rotate(-18deg) saturate(.90) brightness(.62) contrast(1.06)}
.rp-community-image.four{background-position:18% center;filter:hue-rotate(28deg) saturate(.88) brightness(.60) contrast(1.08)}
.rp-community-image.five{background-position:74% center;filter:hue-rotate(-34deg) saturate(.92) brightness(.60) contrast(1.08)}
.rp-community-image.six{background-position:50% 64%;filter:hue-rotate(8deg) saturate(.86) brightness(.58) contrast(1.08)}
[data-rp-reveal]{
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:opacity .74s ease, transform .74s cubic-bezier(.2,.85,.2,1);
  transition-delay:var(--reveal-delay,0s);
}
[data-rp-reveal].is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
@media(max-width:1080px){
  .rp-community-intro,
  .rp-community-mosaic{
    grid-template-columns:1fr;
  }
  .rp-community-cta{
    justify-self:start;
  }
  .rp-community-feature{
    min-height:520px;
  }
  .rp-community-mini{
    min-height:280px;
  }
}
@media(max-width:760px){
  .rp-community-showcase{
    padding-top:64px;
  }
  .rp-community-strip{
    grid-template-columns:1fr;
  }
  .rp-community-feature,
  .rp-community-mini,
  .rp-community-showcase .rp-community-card{
    border-radius:26px;
    min-height:360px;
  }
  .rp-community-feature h3{
    font-size:clamp(34px,10vw,54px);
  }
}
@media(prefers-reduced-motion:reduce){
  [data-rp-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .rp-community-showcase .rp-community-image{
    transition:none;
  }
}


/* Fase 9.0E.1 - Admin header + permisos base Lathios RP/Web */
.lathios-admin-shell{align-items:start}
.lathios-admin-main{min-width:0;display:flex;flex-direction:column;gap:22px}
.lathios-admin-hero{padding:clamp(24px,3vw,36px)}
.lathios-admin-hero h1{font-size:clamp(34px,4.4vw,58px)}
.lathios-admin-grid{margin-top:0}
.lathios-admin-roadmap .section-title{margin-top:0}
.admin-shell-badge{margin-bottom:18px}
.admin-permission-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.admin-permission-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,max-content) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:var(--muted)}
.admin-permission-row code{font-size:12px;color:#bae6fd;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);border-radius:999px;padding:5px 8px;white-space:nowrap}
.admin-permission-row b{font-size:12px;color:#fecaca;text-align:right}
.admin-permission-row.ok{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.07)}
.admin-permission-row.ok b{color:#bbf7d0}
.lathios-web-sidebar-premium .sidebar-link-premium.active,
.lathios-rp-admin-sidebar .sidebar-link-premium.active{background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(236,72,153,.08))}
@media(max-width:760px){
  .admin-permission-row{grid-template-columns:1fr;align-items:start}
  .admin-permission-row b{text-align:left}
}


/* Fase 9.0E.2 - Lathios Web Admin Shell */
.lathios-web-admin-hero{position:relative;overflow:hidden}
.lathios-web-admin-hero::after{content:"";position:absolute;inset:auto 24px 0 24px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.45),rgba(236,72,153,.35),transparent);opacity:.75}
.lathios-web-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.lathios-web-admin-overview{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px}
.lathios-web-editor-card{overflow:hidden;position:relative}
.lathios-web-editor-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.12),transparent 34%),radial-gradient(circle at 90% 20%,rgba(236,72,153,.1),transparent 36%);opacity:.85}
.lathios-web-editor-card>*{position:relative}
.web-admin-editor-grid{display:grid;gap:14px;margin-top:16px}
.web-admin-editor-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.web-admin-field{display:flex;flex-direction:column;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
.web-admin-field.full{grid-column:1/-1}
.web-admin-field input{width:100%;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.52);border-radius:14px;color:#e5f6ff;padding:13px 14px;font-weight:800;outline:none}
.web-admin-mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.web-admin-mini-gallery article,.web-admin-list-editor article,.web-admin-donation-preview article{border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.68),rgba(2,6,23,.48));border-radius:18px;padding:14px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.web-admin-mini-gallery article{display:flex;flex-direction:column;gap:6px;min-height:116px}
.web-admin-mini-gallery b,.web-admin-list-editor b{color:#7dd3fc;font-size:13px;letter-spacing:.14em}
.web-admin-mini-gallery span{font-size:16px;font-weight:900;color:#fff}
.web-admin-mini-gallery small{color:var(--muted);font-weight:700}
.web-admin-list-editor{display:grid;gap:12px;margin-top:16px}
.web-admin-list-editor article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.web-admin-list-editor h3{margin:0 0 5px;font-size:18px}
.web-admin-list-editor p{margin:0;color:var(--muted);line-height:1.5}
.web-admin-donation-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.web-admin-donation-preview span{display:inline-flex;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#fde68a;font-weight:900;margin-bottom:10px}
.web-admin-donation-preview h3{margin:0 0 8px;font-size:20px}
.web-admin-donation-preview p{margin:0 0 14px;color:var(--muted);line-height:1.55}
.web-admin-action-row{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px;border-top:1px solid rgba(148,163,184,.12);padding-top:18px}
.web-admin-action-row .button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65)}
.web-admin-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.web-admin-flow span{display:inline-flex;border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.08);color:#dff7ff;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.web-admin-flow b{color:#f0abfc}
.lathios-web-sidebar-premium::before{content:"Lathios Web";display:block;margin:2px 6px 14px;color:#fde68a;font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000}
.lathios-rp-admin-sidebar::before{content:"Lathios RP";display:block;margin:2px 6px 14px;color:#fde68a;font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:1000}
@media(max-width:1100px){
  .lathios-web-admin-overview{grid-template-columns:1fr}
  .web-admin-mini-gallery,.web-admin-donation-preview{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .web-admin-editor-grid.two,.web-admin-mini-gallery,.web-admin-donation-preview{grid-template-columns:1fr}
  .web-admin-list-editor article{grid-template-columns:1fr;align-items:start}
  .web-admin-action-row{justify-content:flex-start}
}

/* Fase 9.0E.3 - Lathios RP Admin Shell */
.lathios-rp-admin-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(2,6,23,.82)),radial-gradient(circle at 18% 18%,rgba(56,189,248,.16),transparent 38%),radial-gradient(circle at 88% 12%,rgba(245,158,11,.14),transparent 36%)}
.lathios-rp-admin-hero::after{content:"";position:absolute;inset:auto 26px 0 26px;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.48),rgba(56,189,248,.42),transparent);opacity:.75}
.lathios-rp-admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.lathios-rp-admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lathios-rp-admin-kpis .card{padding:18px;min-height:142px}
.lathios-rp-admin-kpis strong{display:block;margin:7px 0 8px;color:#fff;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em}
.lathios-rp-admin-kpis p{margin:0;color:var(--muted);line-height:1.5}
.lathios-rp-module-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}
.rp-admin-timeline{display:grid;gap:10px;margin-top:14px}
.rp-admin-timeline article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.035);border-radius:16px}
.rp-admin-timeline b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(56,189,248,.11);border:1px solid rgba(56,189,248,.22);color:#bae6fd;font-size:12px}
.rp-admin-timeline span{color:#e5f6ff;font-weight:900}
.rp-admin-feature-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.rp-admin-feature-row span{display:inline-flex;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.08);color:#fde68a;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.lathios-rp-review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:18px}
.rp-whitelist-preview-list{display:grid;gap:12px;margin-top:14px}
.rp-whitelist-preview-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.48));border-radius:18px}
.rp-whitelist-preview-list article>span{display:inline-flex;border:1px solid rgba(56,189,248,.24);background:rgba(56,189,248,.09);color:#bae6fd;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.rp-whitelist-preview-list h3{margin:0 0 6px;font-size:18px;color:#fff}
.rp-whitelist-preview-list p{margin:0;color:var(--muted);line-height:1.5}
.rp-whitelist-preview-list b{color:#fde68a;font-size:12px}
@media(max-width:1100px){
  .lathios-rp-admin-kpis,.lathios-rp-module-grid,.lathios-rp-review-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .rp-whitelist-preview-list article{grid-template-columns:1fr;align-items:start}
  .lathios-rp-admin-actions{align-items:stretch}
  .lathios-rp-admin-actions .button{width:100%;justify-content:center}
}

/* Fase 9.0E.4 - Persistencia CMS Base Lathios Web */
.web-admin-media-form{display:grid;gap:18px;margin-top:16px}
.web-admin-field textarea{width:100%;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.52);border-radius:14px;color:#e5f6ff;padding:13px 14px;font-weight:700;outline:none;resize:vertical;min-height:82px;line-height:1.45;font-family:inherit;text-transform:none;letter-spacing:normal}
.web-admin-field input:disabled,.web-admin-field textarea:disabled{opacity:.68;cursor:not-allowed}
.web-admin-editor-grid.compact{margin-top:0;gap:10px}
.web-admin-community-editor{display:grid;gap:14px;margin-top:18px}
.web-admin-community-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.52));border-radius:20px;padding:14px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.web-admin-community-thumb{min-height:180px;border-radius:16px;background-image:url('/assets/home-hero-bg.png?v=9.0D');background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 36px rgba(0,0,0,.22);position:relative;overflow:hidden}
.web-admin-community-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,.38))}
.web-admin-cms-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;color:var(--muted);font-size:12px;font-weight:800}
.web-admin-cms-meta span{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.45);border-radius:999px;padding:8px 10px}
.lathios-web-editor-card .notice.compact,.lathios-web-editor-card .danger-box.compact{margin:12px 0 0}
@media(max-width:880px){.web-admin-community-card{grid-template-columns:1fr}.web-admin-community-thumb{min-height:220px}}


/* Fase 9.0F - Normativas Públicas Base */
.web-admin-rules-form{display:grid;gap:18px;margin-top:16px}
.web-admin-rules-editor{display:grid;gap:16px;margin-top:16px}
.web-admin-rule-card{border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(2,6,23,.54));border-radius:22px;padding:16px;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.web-admin-rule-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:14px}
.web-admin-rule-head b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.24);color:#bae6fd;font-size:12px;letter-spacing:.12em}
.web-admin-rule-head h3{margin:0 0 4px;color:#fff;font-size:20px;letter-spacing:-.025em}
.web-admin-rule-head p{margin:0;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.web-admin-rule-textarea{min-height:220px!important;font-size:14px}
.rp-rules-main{max-width:min(1320px,calc(100vw - 48px));margin:0 auto}
.rp-rules-hero{max-width:1020px}
.rp-rules-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.rp-rules-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-top:24px}
.rp-rules-index{position:sticky;top:96px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.56));border-radius:24px;padding:16px;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.rp-rules-index>span{display:block;margin:0 0 12px;color:#fde68a;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em}
.rp-rules-index a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;color:#dff7ff;text-decoration:none;border:1px solid transparent;border-radius:16px;padding:11px 10px;font-weight:900;line-height:1.22}
.rp-rules-index a:hover{border-color:rgba(56,189,248,.24);background:rgba(56,189,248,.08)}
.rp-rules-index b{color:#7dd3fc;font-size:12px;letter-spacing:.12em}
.rp-rules-content{display:grid;gap:18px}
.rp-rule-card{scroll-margin-top:120px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(2,6,23,.58));border-radius:28px;padding:clamp(20px,3vw,34px);box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;overflow:hidden}
.rp-rule-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 12% 0,rgba(56,189,248,.13),transparent 28%),radial-gradient(circle at 88% 10%,rgba(245,158,11,.10),transparent 32%);pointer-events:none}
.rp-rule-card>*{position:relative}
.rp-rule-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.13)}
.rp-rule-card-head>span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:rgba(56,189,248,.11);border:1px solid rgba(56,189,248,.25);color:#bae6fd;font-size:13px;font-weight:1000;letter-spacing:.12em}
.rp-rule-card-head p{margin:0 0 4px;color:#fde68a;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}
.rp-rule-card-head h2{margin:0;color:#fff;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.045em;line-height:1}
.rp-rule-body{color:rgba(235,244,255,.80);font-size:16px;line-height:1.72}
.rp-rule-body p{margin:0 0 15px}
.rp-rule-body p:last-child{margin-bottom:0}
.rp-rules-note{margin-top:22px}
@media(max-width:980px){.rp-rules-layout{grid-template-columns:1fr}.rp-rules-index{position:relative;top:auto}.rp-rules-index a{display:inline-grid;margin:4px}.rp-rules-index{display:block}}
@media(max-width:700px){.rp-rules-main{max-width:min(100% - 24px,1320px)}.rp-rule-card-head{grid-template-columns:1fr}.rp-rules-actions .button{width:100%;justify-content:center}.web-admin-rule-head{grid-template-columns:1fr;align-items:start}}

/* Fase 9.0F.1 - Normativas por Ruta + Lector Documental */
.rp-rules-index-page .rp-rules-hero{margin-bottom:24px}
.rp-rules-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.rp-rule-category-card{position:relative;display:grid;grid-template-columns:auto 72px minmax(0,1fr);gap:16px;align-items:center;min-height:190px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.76),rgba(2,6,23,.56));border-radius:28px;padding:22px;text-decoration:none;color:#eaf8ff;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.20);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rp-rule-category-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 10% 0,rgba(56,189,248,.14),transparent 28%),radial-gradient(circle at 92% 18%,rgba(245,158,11,.12),transparent 34%);opacity:.9;pointer-events:none}
.rp-rule-category-card>*{position:relative}
.rp-rule-category-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.30);box-shadow:0 34px 90px rgba(0,0,0,.30)}
.rp-rule-category-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.24);color:#bae6fd;font-size:12px;font-weight:1000;letter-spacing:.12em}
.rp-rule-category-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.rp-rule-category-logo img{max-width:58px;max-height:58px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
.rp-rule-category-card p{margin:0 0 6px;color:#fde68a;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}
.rp-rule-category-card h2{margin:0 0 10px;color:#fff;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.04em;line-height:1.05}
.rp-rule-category-card small{display:block;color:rgba(226,242,255,.74);font-size:14px;line-height:1.55;font-weight:700}
.rp-rule-category-card b{grid-column:1/-1;justify-self:end;color:#7dd3fc;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.rp-rules-subnav{position:sticky;top:0;z-index:10;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:12px auto 26px;padding:10px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.74);backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.rp-rules-subnav a{color:#c8efff;text-decoration:none;border:1px solid transparent;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.11em;transition:background .2s ease,border-color .2s ease,color .2s ease}
.rp-rules-subnav a:hover,.rp-rules-subnav a.active{color:#fff;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28)}
.rp-rule-reader-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:24px;align-items:center;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.56));border-radius:34px;padding:clamp(24px,4vw,44px);box-shadow:0 28px 90px rgba(0,0,0,.22);overflow:hidden}
.rp-rule-reader-hero::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 14% 0,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 90% 20%,rgba(245,158,11,.12),transparent 32%);pointer-events:none}
.rp-rule-reader-hero>*{position:relative}
.rp-rule-reader-hero span{display:inline-flex;margin:0 0 10px;color:#fde68a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em}
.rp-rule-reader-hero h1{margin:0;color:#fff;font-size:clamp(38px,6vw,76px);line-height:.92;letter-spacing:-.07em}
.rp-rule-reader-hero p{max-width:780px;margin:16px 0 0;color:rgba(226,242,255,.76);font-size:18px;line-height:1.65;font-weight:750}
.rp-rule-reader-hero img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(0,0,0,.42));opacity:.95}
.rp-rule-reader-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}
.rp-topic-index a.level-3{padding-left:22px;font-size:13px;color:#c8efff}
.rp-topic-index a.level-4{padding-left:34px;font-size:12px;color:#a7dff4}
.rp-rule-document{position:relative;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.62));border-radius:34px;padding:clamp(22px,4vw,46px);box-shadow:0 28px 90px rgba(0,0,0,.25);overflow:hidden;min-height:520px}
.rp-rule-watermark{position:absolute;right:-45px;top:60px;width:min(360px,42vw);max-height:min(360px,42vw);object-fit:contain;opacity:.045;filter:grayscale(1);pointer-events:none;z-index:0}
.rp-rule-document::after{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 8% 0,rgba(56,189,248,.08),transparent 30%);pointer-events:none}
.rp-rule-document>*{position:relative;z-index:1}
.rp-rule-document-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.13)}
.rp-rule-document-head>span{display:inline-flex;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.08);color:#fde68a;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em}
.rp-rule-document-body{max-width:900px;margin:0 auto;color:rgba(235,244,255,.84)}
.rp-rule-document-body h2,.rp-rule-document-body h3,.rp-rule-document-body h4{scroll-margin-top:120px;color:#fff;letter-spacing:-.035em;line-height:1.08;margin:34px 0 12px}
.rp-rule-document-body h2:first-child,.rp-rule-document-body h3:first-child,.rp-rule-document-body h4:first-child{margin-top:0}
.rp-rule-document-body h2{font-size:clamp(28px,3.5vw,44px);padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.13)}
.rp-rule-document-body h3{font-size:clamp(22px,2.4vw,30px);color:#dff7ff}
.rp-rule-document-body h4{font-size:20px;color:#bae6fd}
.rp-rule-document-body p{margin:0 0 16px;font-size:17px;line-height:1.78}
.rp-rule-document-body ul{margin:0 0 18px;padding-left:22px;color:rgba(235,244,255,.84)}
.rp-rule-document-body li{margin:8px 0;line-height:1.65}
.rp-rule-document-body strong{color:#fff;font-weight:1000}
.rp-rule-document-body em{color:#fde68a;font-style:italic}
.rp-rule-document-body code{border:1px solid rgba(125,211,252,.20);background:rgba(56,189,248,.08);border-radius:8px;padding:2px 6px;color:#bae6fd}
.web-admin-rule-route{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.42);border-radius:14px;padding:10px 12px;margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:900}
.web-admin-rule-route a{color:#7dd3fc;text-decoration:none;font-weight:1000}
.web-admin-field small{display:block;margin-top:4px;color:rgba(186,230,253,.72);font-size:11px;font-weight:800;text-transform:none;letter-spacing:normal}
@media(max-width:1050px){.rp-rules-card-grid{grid-template-columns:1fr}.rp-rule-reader-layout{grid-template-columns:1fr}.rp-rules-subnav{border-radius:24px}.rp-topic-index{position:relative;top:auto}.rp-topic-index a{display:inline-grid;margin:4px}}
@media(max-width:720px){.rp-rule-category-card{grid-template-columns:1fr;min-height:auto}.rp-rule-category-logo{width:64px;height:64px}.rp-rule-reader-hero{grid-template-columns:1fr;text-align:center}.rp-rule-reader-hero img{justify-self:center}.rp-rules-subnav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;border-radius:18px}.rp-rules-subnav a{white-space:nowrap}.rp-rule-document-head .button{width:100%;justify-content:center}}

/* Fase 9.0F.2 — Editor Pro de Normativas */
.rules-pro-form{gap:20px}
.rules-pro-tabs{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-top:16px}
.rules-pro-tab{position:relative;display:grid;gap:6px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,23,42,.70),rgba(2,6,23,.52));text-decoration:none;color:rgba(226,242,255,.84);box-shadow:0 16px 34px rgba(0,0,0,.16);overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.rules-pro-tab::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.14),transparent 42%);opacity:0;transition:opacity .2s ease;pointer-events:none}
.rules-pro-tab:hover,.rules-pro-tab.active{transform:translateY(-2px);border-color:rgba(56,189,248,.34);background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(8,47,73,.38))}
.rules-pro-tab:hover::before,.rules-pro-tab.active::before{opacity:1}
.rules-pro-tab>*{position:relative}
.rules-pro-tab span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.22);color:#bae6fd;font-size:11px;font-weight:1000;letter-spacing:.08em}
.rules-pro-tab b{color:#fff;font-size:14px;line-height:1.15}
.rules-pro-tab small{color:var(--muted);font-size:11px;font-weight:850}
.rules-pro-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:start}
.rules-pro-editor-card{min-width:0}
.rules-pro-head{margin-bottom:16px}
.rules-pro-help{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid rgba(148,163,184,.13);background:rgba(15,23,42,.36);border-radius:16px;padding:10px 12px;margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:850}
.rules-pro-help strong{color:#fff;margin-right:4px}
.rules-pro-help span{display:inline-flex;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.40);border-radius:999px;padding:5px 8px;color:#c8efff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}
.rules-pro-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid rgba(56,189,248,.16);background:linear-gradient(145deg,rgba(8,47,73,.32),rgba(2,6,23,.46));border-radius:18px;margin:0 0 12px;position:sticky;top:86px;z-index:3;backdrop-filter:blur(16px)}
.rules-pro-toolbar button{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.78);color:#e0f7ff;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:1000;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.rules-pro-toolbar button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(125,211,252,.42);background:rgba(14,116,144,.26)}
.rules-pro-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.rules-pro-textarea{min-height:560px!important;line-height:1.62;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px!important;background:rgba(2,6,23,.66)!important;border-color:rgba(125,211,252,.16)!important}
.rules-pro-preview{position:sticky;top:92px;display:grid;gap:14px;border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.56));max-height:calc(100vh - 120px);overflow:auto}
.rules-pro-preview .section-title{margin-bottom:0}
.rules-pro-preview-index{display:grid;gap:7px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.34);border-radius:16px;padding:10px;max-height:210px;overflow:auto}
.rules-pro-preview-index span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;color:#c8efff;font-size:12px;line-height:1.35;font-weight:900}
.rules-pro-preview-index span.level-3{padding-left:12px;color:#bae6fd}
.rules-pro-preview-index span.level-4{padding-left:24px;color:#93c5fd}
.rules-pro-preview-index b{color:#fde68a;font-size:10px;letter-spacing:.08em}
.rules-pro-preview-body{border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.30);border-radius:18px;padding:16px;color:rgba(235,244,255,.82);max-height:560px;overflow:auto}
.rules-pro-preview-body h2,.rules-pro-preview-body h3,.rules-pro-preview-body h4{color:#fff;line-height:1.12;letter-spacing:-.025em;margin:22px 0 10px}
.rules-pro-preview-body h2:first-child,.rules-pro-preview-body h3:first-child,.rules-pro-preview-body h4:first-child{margin-top:0}
.rules-pro-preview-body h2{font-size:26px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.13)}
.rules-pro-preview-body h3{font-size:21px;color:#dff7ff}.rules-pro-preview-body h4{font-size:18px;color:#bae6fd}
.rules-pro-preview-body p{margin:0 0 12px;line-height:1.7}.rules-pro-preview-body ul{padding-left:20px;margin:0 0 14px}.rules-pro-preview-body li{margin:6px 0;line-height:1.55}
.rp-rule-body blockquote,.rp-rule-document-body blockquote,.rules-pro-preview-body blockquote{margin:16px 0;padding:14px 16px;border-left:3px solid rgba(125,211,252,.58);background:rgba(56,189,248,.08);border-radius:14px;color:#dff7ff;font-weight:800;line-height:1.65}
.rp-rule-body hr,.rp-rule-document-body hr,.rules-pro-preview-body hr{border:0;border-top:1px solid rgba(148,163,184,.16);margin:26px 0}
.rp-rule-text-lg{font-size:1.16em;color:#fff;font-weight:950;line-height:1.55}.rp-rule-text-sm{font-size:.88em;color:rgba(203,213,225,.82)}
@media(max-width:1180px){.rules-pro-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-pro-layout{grid-template-columns:1fr}.rules-pro-preview{position:relative;top:auto;max-height:none}.rules-pro-toolbar{top:76px}}
@media(max-width:720px){.rules-pro-tabs{grid-template-columns:1fr}.rules-pro-toolbar{position:relative;top:auto}.rules-pro-toolbar button{flex:1 1 auto}.rules-pro-textarea{min-height:440px!important}.rules-pro-preview-body{max-height:none}}


/* Fase 9.0F.3 — Pulido y seguridad normativas */
.rules-pro-visible-toggle{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 12px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.42);color:#dff7ff;font-size:13px;font-weight:950}
.rules-pro-visible-toggle input{width:18px;height:18px;accent-color:#38bdf8}
.rules-pro-security-panel{display:grid;gap:6px;margin:0 0 12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.15);background:rgba(2,6,23,.42)}
.rules-pro-security-panel strong{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#fff}
.rules-pro-security-panel span,.rules-pro-security-panel p{margin:0;color:rgba(226,242,255,.78);font-size:12px;font-weight:850;line-height:1.5}
.rules-pro-security-panel.ok{border-color:rgba(34,197,94,.25);background:linear-gradient(145deg,rgba(22,101,52,.13),rgba(2,6,23,.42))}
.rules-pro-security-panel.ok strong{color:#86efac}
.rules-pro-security-panel.warn{border-color:rgba(251,191,36,.28);background:linear-gradient(145deg,rgba(120,53,15,.18),rgba(2,6,23,.42))}
.rules-pro-security-panel.warn strong{color:#fde68a}
.rules-pro-security-panel ul{margin:2px 0 0;padding-left:18px;color:#fde68a;font-size:12px;font-weight:850;line-height:1.55}
.rules-pro-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px;font-weight:900}
.rules-pro-editor-foot a{color:#7dd3fc;text-decoration:none;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
.rules-pro-editor-foot a:hover{text-decoration:underline}
.rp-rule-public-warning{margin-bottom:18px}
.rp-rules-index a.level-3{padding-left:20px;color:#bae6fd}.rp-rules-index a.level-4{padding-left:32px;color:#93c5fd}
.rp-rule-category-card[aria-disabled="true"]{opacity:.65;pointer-events:none}
@media(max-width:720px){.rules-pro-security-panel{border-radius:16px}.rules-pro-editor-foot{display:grid}.rules-pro-visible-toggle{align-items:flex-start}}


/* Fase 9.0F.3.1 — Hotfix descripción, sello de agua y footer normativas */
.rp-rule-reader-hero{
  grid-template-columns:minmax(0,1fr);
  isolation:isolate;
}
.rp-rule-reader-hero>div{
  position:relative;
  z-index:2;
}
.rp-rule-reader-hero .rp-rule-reader-hero-watermark{
  position:absolute;
  right:clamp(18px,4vw,56px);
  top:50%;
  transform:translateY(-50%) rotate(-8deg);
  width:min(300px,32vw);
  height:min(300px,32vw);
  object-fit:contain;
  opacity:.08;
  filter:grayscale(1) saturate(.45) brightness(1.15);
  pointer-events:none;
  z-index:0;
}
.rp-rule-reader-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,6,23,.18),rgba(2,6,23,.62) 58%,rgba(2,6,23,.28));
  pointer-events:none;
  z-index:1;
}
.rp-rule-document{
  isolation:isolate;
}
.rp-rule-document::after{
  z-index:0;
}
.rp-rule-document .rp-rule-watermark{
  left:50%;
  right:auto;
  top:50%;
  transform:translate(-50%,-50%) rotate(-10deg);
  width:min(540px,72%);
  height:auto;
  max-height:none;
  opacity:.035;
  filter:grayscale(1) saturate(.35) brightness(1.2);
  z-index:0;
}
.rp-rule-document>*:not(.rp-rule-watermark){
  position:relative;
  z-index:2;
}
.rp-rules-main .rp-footer,
.rp-rule-reader-main .rp-footer,
.rp-rules-index-page .rp-footer{
  max-width:100%;
  width:100%;
  margin:0 auto;
  padding:22px 0 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:6px;
}
.rp-rules-main .rp-footer .landing-footer-links,
.rp-rule-reader-main .rp-footer .landing-footer-links,
.rp-rules-index-page .rp-footer .landing-footer-links{
  justify-content:center;
}
@media(max-width:720px){
  .rp-rule-reader-hero .rp-rule-reader-hero-watermark{width:220px;height:220px;right:50%;transform:translate(50%,-50%) rotate(-8deg);opacity:.055}
}

/* Fase 9.0F.3.2 — Hotfix sello normativas definitivo */
.rp-rule-reader-hero{
  grid-template-columns:minmax(0,1fr) auto;
  min-height:auto;
}
.rp-rule-reader-hero .rp-rule-reader-hero-watermark{
  position:relative;
  right:auto;
  top:auto;
  transform:none;
  width:clamp(92px,10vw,132px);
  height:clamp(92px,10vw,132px);
  padding:12px;
  border-radius:28px;
  border:1px solid rgba(125,211,252,.16);
  background:rgba(2,6,23,.28);
  object-fit:contain;
  opacity:.92;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.38));
  pointer-events:none;
  z-index:2;
}
.rp-rule-reader-hero::after{
  background:linear-gradient(90deg,rgba(2,6,23,.10),rgba(2,6,23,.38) 62%,rgba(2,6,23,.16));
  z-index:1;
}
.rp-rule-document{
  min-height:0;
}
.rp-rule-document .rp-rule-watermark{
  position:absolute!important;
  left:50%;
  right:auto;
  top:50%;
  transform:translate(-50%,-50%) rotate(-10deg);
  width:min(420px,62%);
  height:auto;
  max-height:420px;
  object-fit:contain;
  opacity:.024;
  filter:grayscale(1) saturate(.25) brightness(1.35);
  pointer-events:none;
  z-index:0;
}
.rp-rule-document-head,
.rp-rule-document-body,
.rp-rule-public-warning{
  position:relative;
  z-index:2;
}
.rp-rule-document-body{
  position:relative;
}
@media(max-width:720px){
  .rp-rule-reader-hero{grid-template-columns:1fr;text-align:center}
  .rp-rule-reader-hero .rp-rule-reader-hero-watermark{
    justify-self:center;
    position:relative;
    right:auto;
    top:auto;
    transform:none;
    width:96px;
    height:96px;
    opacity:.9;
  }
  .rp-rule-document .rp-rule-watermark{width:min(300px,80%);opacity:.02}
}

/* Fase 9.0G — Staff Lathios RP */
.rp-staff-main{max-width:1180px;margin:0 auto;padding-inline:22px}
.rp-staff-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin:22px 0 24px;padding:34px;border:1px solid rgba(148,163,184,.16);border-radius:30px;background:radial-gradient(circle at 85% 25%,rgba(236,72,153,.16),transparent 36%),linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.62));box-shadow:0 28px 70px rgba(0,0,0,.26);overflow:hidden;position:relative}
.rp-staff-hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 12% 5%,rgba(56,189,248,.18),transparent 42%);pointer-events:none}
.rp-staff-hero>*{position:relative;z-index:1}.rp-staff-hero span{display:inline-flex;color:#fde68a;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:1000}.rp-staff-hero h1{margin:10px 0 10px;font-size:clamp(42px,7vw,74px);line-height:.92;letter-spacing:-.07em;color:#fff}.rp-staff-hero p{max-width:720px;margin:0 0 16px;color:#dff7ff;font-size:16px;line-height:1.65;font-weight:850}.rp-staff-hero img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(56,189,248,.22))}
.rp-staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}.rp-staff-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:26px;background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(2,6,23,.58));box-shadow:0 22px 50px rgba(0,0,0,.22);padding:18px;min-height:360px;display:grid;align-content:start;gap:16px;transition:transform .22s ease,border-color .22s ease,background .22s ease}.rp-staff-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.34);background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(8,47,73,.30))}.rp-staff-card-glow{position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.16),transparent 42%),radial-gradient(circle at 90% 12%,rgba(236,72,153,.12),transparent 34%);opacity:.85;pointer-events:none}.rp-staff-card>*:not(.rp-staff-card-glow){position:relative;z-index:1}.rp-staff-avatar{height:150px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(2,6,23,.58),rgba(15,23,42,.34));border:1px solid rgba(148,163,184,.12)}.rp-staff-avatar img{max-width:110px;max-height:110px;border-radius:22px;object-fit:cover;filter:drop-shadow(0 0 20px rgba(56,189,248,.20))}.rp-staff-info span{display:block;color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:1000;margin-bottom:8px}.rp-staff-info h2{margin:0 0 7px;color:#fff;font-size:25px;line-height:1.05;letter-spacing:-.04em}.rp-staff-info b{display:inline-flex;margin-bottom:12px;border:1px solid rgba(253,230,138,.28);background:rgba(234,179,8,.10);border-radius:999px;padding:6px 10px;color:#fde68a;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.rp-staff-info p{margin:0;color:rgba(226,242,255,.80);line-height:1.65;font-size:14px}.rp-staff-info small{display:block;margin-top:12px;color:#bae6fd;font-weight:900}.rp-staff-empty,.rp-staff-cta{margin:0 0 24px}.rp-staff-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:24px}.rp-staff-cta span{color:#fde68a;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:1000}.rp-staff-cta h2{margin:6px 0;color:#fff}.rp-staff-cta p{margin:0;color:var(--muted)}
.staff-pro-form{display:grid;gap:18px}.staff-pro-summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start}.staff-pro-list{display:grid;gap:14px}.staff-pro-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;border:1px solid rgba(148,163,184,.15);border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.50));padding:16px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.staff-pro-row.is-hidden{opacity:.62}.staff-pro-row-preview{position:relative;display:grid;place-items:center;border-radius:20px;min-height:120px;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.42)}.staff-pro-row-preview img{width:84px;height:84px;object-fit:cover;border-radius:18px}.staff-pro-row-preview span{position:absolute;left:10px;top:10px;color:#7dd3fc;font-weight:1000;font-size:11px;letter-spacing:.12em}.staff-pro-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.staff-pro-field-grid .full{grid-column:1/-1}.staff-toggle{margin-top:12px}.staff-pro-live-preview{position:sticky;top:92px;display:grid;gap:12px}.staff-pro-live-preview p{margin:0;color:var(--muted);line-height:1.6}.staff-pro-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-pro-mini-grid article{display:grid;gap:6px;justify-items:center;text-align:center;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.36);border-radius:16px;padding:10px}.staff-pro-mini-grid img{width:54px;height:54px;object-fit:cover;border-radius:14px}.staff-pro-mini-grid b{color:#fff;font-size:12px}.staff-pro-mini-grid span{color:#7dd3fc;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:980px){.rp-staff-hero{grid-template-columns:1fr}.rp-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-pro-summary-grid,.staff-pro-row{grid-template-columns:1fr}.staff-pro-live-preview{position:relative;top:auto}.staff-pro-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.rp-staff-main{padding-inline:14px}.rp-staff-hero{padding:24px;border-radius:24px}.rp-staff-grid{grid-template-columns:1fr}.rp-staff-cta{display:grid}.staff-pro-field-grid{grid-template-columns:1fr}.staff-pro-mini-grid{grid-template-columns:1fr}}

/* Fase 9.0G.2 — Staff horizontal + admin desplegable */
.staff-pro-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(148,163,184,.14);border-radius:22px;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.48));padding:14px 16px;box-shadow:0 16px 36px rgba(0,0,0,.16)}
.staff-pro-list-head div{display:grid;gap:4px}.staff-pro-list-head span{color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:1000}.staff-pro-list-head strong{color:#fff;font-size:14px}.staff-pro-list-head .button{white-space:nowrap}
.rp-staff-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 24px}.rp-staff-card{min-height:0;display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:20px;padding:18px 22px;border-radius:26px}.rp-staff-card:hover{transform:translateX(4px);}.rp-staff-avatar{height:118px;width:118px;border-radius:24px}.rp-staff-avatar img{max-width:88px;max-height:88px;border-radius:20px}.rp-staff-info{display:grid;align-content:center}.rp-staff-info h2{font-size:30px}.rp-staff-info p{max-width:780px}.rp-staff-info small{display:inline-flex;width:max-content;border:1px solid rgba(125,211,252,.20);background:rgba(14,165,233,.08);border-radius:999px;padding:6px 10px}
@media(max-width:760px){.staff-pro-list-head{display:grid}.rp-staff-card{grid-template-columns:1fr;text-align:center;justify-items:center}.rp-staff-info{justify-items:center}.rp-staff-info span{text-align:center}.rp-staff-info small{width:auto}.rp-staff-avatar{width:128px;height:128px}}

/* Fase 9.0G.2 — Staff Admin desplegable */
.staff-admin-slot{
  border:1px solid rgba(148,163,184,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.46));
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  overflow:hidden;
}
.staff-admin-slot.is-hidden{opacity:.66}
.staff-admin-slot summary{list-style:none}
.staff-admin-slot summary::-webkit-details-marker{display:none}
.staff-admin-slot-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
  border-radius:24px;
  transition:background .2s ease,border-color .2s ease;
}
.staff-admin-slot-summary:hover{background:rgba(14,165,233,.07)}
.staff-admin-slot[open] .staff-admin-slot-summary{
  border-bottom:1px solid rgba(148,163,184,.12);
  border-radius:24px 24px 0 0;
  background:rgba(14,165,233,.06);
}
.staff-admin-slot-title{display:grid;gap:5px;min-width:0}
.staff-admin-slot-title span{
  color:#7dd3fc;
  font-weight:1000;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.staff-admin-slot-title strong{
  color:#fff;
  font-size:16px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.staff-admin-slot-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.staff-admin-slot-meta small{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.staff-admin-slot-meta em{
  font-style:normal;
  color:#fef3c7;
  border:1px solid rgba(250,204,21,.26);
  background:rgba(250,204,21,.08);
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.staff-admin-slot .staff-pro-row{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  margin:0;
}
@media(max-width:680px){
  .staff-admin-slot-summary{display:grid;gap:10px}
  .staff-admin-slot-meta{justify-content:flex-start}
}


/* Fase 9.0H — Donaciones públicas + editor CMS */
.rp-donations-main{max-width:1180px}
.rp-donations-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;padding:34px;border:1px solid rgba(148,163,184,.18);border-radius:28px;background:radial-gradient(circle at 12% 0,rgba(56,189,248,.17),transparent 38%),radial-gradient(circle at 100% 30%,rgba(236,72,153,.14),transparent 36%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.86));box-shadow:0 24px 70px rgba(0,0,0,.28);margin-top:24px;overflow:hidden;position:relative}
.rp-donations-hero span,.rp-donation-disclaimer span{display:inline-block;color:#fde68a;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:11px;margin-bottom:10px}
.rp-donations-hero h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:0 0 14px;color:#fff;letter-spacing:-.05em}
.rp-donations-hero p{max-width:760px;color:#dbeafe;font-weight:700;line-height:1.7;margin:0 0 16px}
.rp-donations-hero img{width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(14,165,233,.28))}
.rp-donation-category{margin-top:26px}
.rp-donation-category .section-title{margin-bottom:14px}
.rp-donation-category .section-title span{color:#7dd3fc;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.rp-donation-category .section-title h2{margin:4px 0 6px;color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}
.rp-donation-category .section-title p{margin:0;color:#aebbd0;font-weight:700;max-width:740px}
.rp-donation-list{display:grid;gap:16px}
.rp-donation-card{display:grid;grid-template-columns:160px minmax(0,1fr) 190px;gap:18px;align-items:center;padding:18px;border:1px solid rgba(148,163,184,.17);border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(3,7,18,.72));box-shadow:0 18px 46px rgba(0,0,0,.2);position:relative;overflow:hidden}
.rp-donation-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(56,189,248,.13),transparent 38%),radial-gradient(circle at 100% 20%,rgba(250,204,21,.09),transparent 35%);opacity:.85}
.rp-donation-card>*{position:relative;z-index:1}
.rp-donation-media{height:112px;border-radius:20px;overflow:hidden;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.13)}
.rp-donation-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.06)}
.rp-donation-info span{display:inline-block;color:#fde68a;border:1px solid rgba(250,204,21,.32);background:rgba(250,204,21,.08);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.rp-donation-info h3{margin:0 0 8px;color:#fff;font-size:24px;letter-spacing:-.03em}
.rp-donation-info p{margin:0;color:#cbd5e1;font-weight:650;line-height:1.55}
.rp-donation-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.rp-donation-action strong{color:#fff;font-size:22px;letter-spacing:-.02em}
.rp-donation-action .button{width:max-content;min-width:132px;justify-content:center}
.rp-donation-disclaimer{margin-top:24px;background:rgba(15,23,42,.68)}
.rp-donation-disclaimer p{margin:0;color:#cbd5e1;line-height:1.65;font-weight:650}
.rp-donations-empty{margin-top:26px;text-align:center;padding:34px}
.rp-donations-empty h2{margin:0 0 10px;color:#fff}
.rp-donations-empty p{color:#cbd5e1;margin:0 0 18px}
.donations-summary-grid{align-items:stretch}
.donation-mini-list{display:grid;gap:10px;margin-top:14px}
.donation-mini-list article{border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px;background:rgba(15,23,42,.58);display:grid;gap:4px}
.donation-mini-list article b{color:#fde68a;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.donation-mini-list article strong{color:#fff}
.donation-mini-list article span{color:#93c5fd;font-size:12px;font-weight:800}
.donations-category-list{display:grid;gap:16px;margin-top:18px}
.donation-category-editor{border:1px solid rgba(148,163,184,.17);border-radius:22px;background:rgba(2,6,23,.52);overflow:hidden}
.donation-category-editor>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(236,72,153,.08));color:#e5f4ff;font-weight:1000}
.donation-category-editor>summary::-webkit-details-marker,.donation-admin-slot-summary::-webkit-details-marker{display:none}
.donation-category-editor>summary span{color:#fde68a;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.donation-category-fields{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:12px;padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.1)}
.donation-admin-slots{display:grid;gap:10px;padding:16px 18px}
.donation-admin-slot{border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(15,23,42,.56);overflow:hidden}
.donation-admin-slot.is-hidden{opacity:.68}
.donation-admin-slot-summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;color:#e2e8f0;list-style:none}
.donation-admin-slot-summary div{display:flex;align-items:center;gap:10px;min-width:0}
.donation-admin-slot-summary b{color:#7dd3fc;font-size:12px;letter-spacing:.16em}
.donation-admin-slot-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.donation-admin-slot-summary span{color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.donation-admin-fields{padding:4px 14px 16px;border-top:1px solid rgba(148,163,184,.09)}
@media (max-width:860px){.rp-donations-hero{grid-template-columns:1fr;text-align:left}.rp-donations-hero img{width:104px;height:104px}.rp-donation-card{grid-template-columns:1fr}.rp-donation-action{align-items:flex-start}.donation-category-fields{grid-template-columns:1fr}}

/* Fase 9.0H.1 — Donaciones por categoría */
.rp-donation-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.rp-donation-category-card{min-height:320px;border:1px solid rgba(148,163,184,.2);border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.82)),var(--donation-category-bg);background-size:cover;background-position:center;box-shadow:0 24px 68px rgba(0,0,0,.28);isolation:isolate;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.rp-donation-category-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 12%,rgba(56,189,248,.22),transparent 36%),radial-gradient(circle at 95% 20%,rgba(236,72,153,.18),transparent 34%),linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.88));z-index:-1;transition:opacity .25s ease}
.rp-donation-category-card::after{content:"";position:absolute;inset:-18%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.14) 48%,transparent 56%);transform:translateX(-70%) rotate(8deg);transition:transform .45s ease;z-index:-1}
.rp-donation-category-card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(125,211,252,.52);box-shadow:0 34px 90px rgba(8,47,73,.34),0 20px 70px rgba(0,0,0,.3);filter:saturate(1.08)}
.rp-donation-category-card:hover::after{transform:translateX(72%) rotate(8deg)}
.rp-donation-category-card span{width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(125,211,252,.35);background:rgba(2,6,23,.56);color:#bae6fd;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;backdrop-filter:blur(8px)}
.rp-donation-category-card h2{font-size:clamp(30px,4vw,48px);line-height:.92;letter-spacing:-.05em;margin:0 0 12px;color:#fff;text-shadow:0 16px 42px rgba(0,0,0,.45)}
.rp-donation-category-card p{margin:0 0 18px;color:#e0f2fe;font-weight:750;line-height:1.55;max-width:460px;text-shadow:0 12px 28px rgba(0,0,0,.55)}
.rp-donation-category-card b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:1000}
.rp-donation-category-nav{margin:18px auto 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(2,6,23,.48);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.rp-donation-category-nav a{padding:10px 16px;border-radius:999px;color:#cbd5e1;text-decoration:none;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.rp-donation-category-nav a:hover,.rp-donation-category-nav a.is-active{color:#fff;background:rgba(14,165,233,.16);border-color:rgba(125,211,252,.35);transform:translateY(-1px)}
.rp-donation-category-hero{margin-top:18px}
.rp-donation-category-hero img{border-radius:24px;width:150px;height:150px;object-fit:cover;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 54px rgba(0,0,0,.28)}
@media (max-width:980px){.rp-donation-category-grid{grid-template-columns:1fr}.rp-donation-category-card{min-height:260px}.rp-donation-category-nav{border-radius:24px}.rp-donation-category-nav a{flex:1 1 auto;text-align:center}}
@media (max-width:860px){.rp-donation-category-hero img{width:112px;height:112px}.rp-donation-category-card{padding:20px;border-radius:24px}}

/* Fase 9.0H.3 — Preview detallada de donaciones */
.rp-donation-card-link{color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.rp-donation-card-link:hover{transform:translateY(-3px);border-color:rgba(125,211,252,.45);box-shadow:0 28px 72px rgba(8,47,73,.28),0 20px 55px rgba(0,0,0,.26)}
.rp-donation-action b{color:#7dd3fc;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}
.rp-donation-breadcrumb{margin:18px 0 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#94a3b8;font-size:13px;font-weight:900}
.rp-donation-breadcrumb a{color:#bae6fd;text-decoration:none}.rp-donation-breadcrumb a:hover{color:#fff}.rp-donation-breadcrumb b{color:#fff}
.rp-donation-detail-main{max-width:1180px}.rp-donation-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:24px;align-items:stretch;margin-top:18px;padding:26px;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.18),transparent 38%),radial-gradient(circle at 100% 22%,rgba(250,204,21,.11),transparent 35%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.82));box-shadow:0 26px 80px rgba(0,0,0,.3);overflow:hidden;position:relative}
.rp-donation-detail-copy{display:flex;flex-direction:column;justify-content:center;min-height:330px}.rp-donation-detail-copy>span,.rp-donation-detail-description>span,.rp-donation-detail-side>span{display:inline-block;color:#fde68a;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:11px;margin-bottom:12px}
.rp-donation-detail-copy h1{margin:0 0 14px;color:#fff;font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;line-height:.92}.rp-donation-detail-copy p{max-width:720px;margin:0 0 18px;color:#dbeafe;font-weight:750;line-height:1.68}
.rp-donation-detail-media{min-height:330px;border:1px solid rgba(148,163,184,.16);border-radius:26px;overflow:hidden;background:rgba(2,6,23,.66);box-shadow:0 22px 70px rgba(0,0,0,.26)}
.rp-donation-detail-media img,.rp-donation-detail-media video{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.rp-donation-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.rp-donation-detail-gallery article{height:190px;border-radius:22px;overflow:hidden;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.68);box-shadow:0 18px 48px rgba(0,0,0,.18)}.rp-donation-detail-gallery img,.rp-donation-detail-gallery video{width:100%;height:100%;object-fit:cover;display:block}
.rp-donation-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px}.rp-donation-detail-description,.rp-donation-detail-side{background:rgba(15,23,42,.7);border-color:rgba(148,163,184,.16)}.rp-donation-detail-description p,.rp-donation-detail-side p{margin:0 0 14px;color:#cbd5e1;line-height:1.75;font-weight:650}.rp-donation-detail-side{height:max-content;position:sticky;top:96px}.rp-donation-detail-side .button{width:100%;justify-content:center;margin-top:8px}
.donation-admin-fields textarea[name$="galleryUrls"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45}
@media (max-width:980px){.rp-donation-detail-hero,.rp-donation-detail-grid{grid-template-columns:1fr}.rp-donation-detail-copy{min-height:auto}.rp-donation-detail-side{position:static}.rp-donation-detail-gallery{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rp-donation-detail-hero{padding:18px;border-radius:24px}.rp-donation-detail-media,.rp-donation-detail-media img,.rp-donation-detail-media video{min-height:240px}.rp-donation-detail-gallery{grid-template-columns:1fr}.rp-donation-detail-gallery article{height:220px}}


/* Fase 9.0H.3.1 — Hotfix galería donaciones: sin duplicar imagen principal + visual más grande */
.rp-donation-detail-main{
  max-width:1320px;
}
.rp-donation-detail-hero{
  grid-template-columns:minmax(0,1fr) minmax(420px,580px);
  min-height:460px;
}
.rp-donation-detail-copy{
  min-height:420px;
}
.rp-donation-detail-media{
  min-height:420px;
  border-radius:30px;
}
.rp-donation-detail-media img,
.rp-donation-detail-media video{
  min-height:420px;
}
.rp-donation-detail-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.rp-donation-detail-gallery article{
  height:320px;
  border-radius:26px;
}
@media (max-width:980px){
  .rp-donation-detail-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .rp-donation-detail-copy{
    min-height:auto;
  }
  .rp-donation-detail-gallery{
    grid-template-columns:1fr;
  }
  .rp-donation-detail-gallery article{
    height:300px;
  }
}
@media (max-width:640px){
  .rp-donation-detail-media,
  .rp-donation-detail-media img,
  .rp-donation-detail-media video{
    min-height:280px;
  }
  .rp-donation-detail-gallery article{
    height:260px;
  }
}

/* Fase 9.0H.4 — Pulido y seguridad donaciones */
.donations-security-panel{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.donations-security-panel span{
  white-space:nowrap;
}
.donation-category-editor:not([open]){
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.rp-donation-category-card{
  outline:1px solid transparent;
}
.rp-donation-category-card:focus-visible,
.rp-donation-card-link:focus-visible,
.rp-donation-category-nav a:focus-visible{
  outline:2px solid rgba(125,211,252,.8);
  outline-offset:4px;
}
.rp-donation-detail-side{
  overflow:hidden;
}
.rp-donation-detail-side::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#22d3ee,#ec4899,#facc15);
  opacity:.8;
}
.rp-donation-detail-description p:empty{
  display:none;
}
.rp-donation-detail-gallery article{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.rp-donation-detail-gallery article:hover{
  transform:translateY(-3px);
  border-color:rgba(125,211,252,.38);
  box-shadow:0 22px 60px rgba(8,47,73,.24),0 14px 36px rgba(0,0,0,.24);
}
.rp-donation-disclaimer{
  border-color:rgba(250,204,21,.18);
  background:radial-gradient(circle at 0 0,rgba(250,204,21,.1),transparent 30%),rgba(15,23,42,.7);
}
@media (max-width:720px){
  .donations-security-panel span{
    white-space:normal;
  }
}


/* Fase 9.0I — Public Stable / QA Final */
.rp-stable-main{
  max-width:1180px;
}
.rp-stable-not-found{
  margin:24px auto;
  min-height:420px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:42px 28px;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 0%, rgba(56,189,248,.16), transparent 38%),
    radial-gradient(circle at 92% 18%, rgba(236,72,153,.14), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.78), rgba(2,6,23,.64));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.rp-stable-not-found img{
  width:118px;
  height:118px;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(56,189,248,.20));
  margin-bottom:16px;
}
.rp-stable-not-found span{
  color:#fde68a;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.rp-stable-not-found h1{
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(34px,5vw,62px);
  line-height:.95;
  letter-spacing:-.055em;
}
.rp-stable-not-found p{
  max-width:680px;
  margin:0 auto 22px;
  color:#dbeafe;
  font-weight:750;
  line-height:1.68;
}
.rp-stable-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.rp-subheader-link[aria-current="page"]{
  box-shadow:inset 0 -1px 0 rgba(125,211,252,.18), 0 0 0 1px rgba(125,211,252,.10);
}
@media(max-width:640px){
  .rp-stable-not-found{padding:30px 18px;border-radius:24px;min-height:360px}
  .rp-stable-actions{display:grid;width:100%}
  .rp-stable-actions .button{width:100%;justify-content:center}
}

/* Fase 9.1E.1 — Whitelist Auth público */
.rp-whitelist-main {
  min-height: 100vh;
}

.rp-whitelist-hero {
  position: relative;
  overflow: hidden;
}

.rp-whitelist-layout {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 28px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 18px;
  align-items: stretch;
}

.rp-whitelist-auth-card,
.rp-whitelist-side-card {
  border: 1px solid rgba(255, 255, 255, .12);
  background: linear-gradient(145deg, rgba(7, 10, 18, .92), rgba(22, 18, 35, .82));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
  border-radius: 26px;
  padding: 24px;
}

.rp-whitelist-auth-card h2,
.rp-whitelist-side-card h2 {
  margin: 10px 0 10px;
}

.rp-whitelist-auth-card p,
.rp-whitelist-side-card p {
  color: rgba(255, 255, 255, .74);
}

.rp-whitelist-user-row {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}

.rp-whitelist-user-row img {
  width: 76px;
  height: 76px;
  border-radius: 24px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .06);
}

.rp-whitelist-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.rp-whitelist-status-grid span {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .86);
  font-weight: 700;
}

.rp-whitelist-steps {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.rp-whitelist-step-card {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .1);
}

.rp-whitelist-step-card b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .9);
  margin-bottom: 8px;
}

.rp-whitelist-step-card h3 {
  margin: 0 0 6px;
  font-size: 1rem;
}

.rp-whitelist-step-card p {
  margin: 0;
  font-size: .92rem;
}

.rp-whitelist-flow-grid {
  width: min(1180px, calc(100% - 32px));
}

.rp-whitelist-auth-error {
  margin: 16px 0;
}

@media (max-width: 900px) {
  .rp-whitelist-layout {
    grid-template-columns: 1fr;
  }

  .rp-whitelist-status-grid {
    grid-template-columns: 1fr;
  }

  .rp-whitelist-user-row {
    align-items: flex-start;
  }
}

/* Fase 9.1E.2 — Whitelist funcional base */
.rp-whitelist-form-card{margin-top:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(7,10,18,.92),rgba(22,18,35,.82));border-radius:26px;padding:24px}
.whitelist-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.whitelist-form-field{display:grid;gap:8px;color:rgba(255,255,255,.86);font-weight:800}
.whitelist-form-field.wide{grid-column:1/-1}
.whitelist-form-field input,.whitelist-form-field textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.72);color:#fff;padding:12px 14px;outline:none;font:inherit;resize:vertical}
.whitelist-form-field input:focus,.whitelist-form-field textarea:focus{border-color:rgba(125,211,252,.55);box-shadow:0 0 0 3px rgba(125,211,252,.12)}
.rp-whitelist-event-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.rp-whitelist-event-list li{display:flex;gap:10px;justify-content:space-between;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.78)}
.rp-whitelist-preview-list .rp-whitelist-review-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.48));border-radius:18px;text-decoration:none;color:inherit}
.rp-whitelist-preview-list .rp-whitelist-review-row.active,.rp-whitelist-preview-list .rp-whitelist-review-row:hover{border-color:rgba(125,211,252,.42);background:linear-gradient(145deg,rgba(14,116,144,.22),rgba(2,6,23,.58))}
.rp-whitelist-review-row h3{margin:0 0 6px;font-size:18px;color:#fff}
.rp-whitelist-review-row p{margin:0;color:var(--muted);line-height:1.5}
.rp-whitelist-review-row b{color:#fde68a;font-size:12px}
.rp-whitelist-review-detail{margin-top:18px}
.rp-whitelist-answers-grid{display:grid;gap:12px;margin:18px 0}
.rp-whitelist-answers-grid article{padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.rp-whitelist-answers-grid h3{margin:0 0 8px;color:#fff;font-size:1rem}
.rp-whitelist-answers-grid p{margin:0;color:rgba(255,255,255,.76);white-space:pre-wrap;line-height:1.55}
.rp-whitelist-decision-form{display:grid;gap:14px;margin-top:18px}
@media(max-width:760px){.whitelist-form-grid{grid-template-columns:1fr}.rp-whitelist-preview-list .rp-whitelist-review-row{grid-template-columns:1fr}.rp-whitelist-event-list li{display:grid}}


/* Fase 9.1F.1.1 — Hotfix legibilidad editor Whitelist CMS */
.web-admin-whitelist-form{
  display:grid;
  gap:24px;
}
.web-admin-whitelist-form .section-title{
  align-items:center;
  margin:22px 0 8px;
}
.web-admin-whitelist-form .staff-admin-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  align-items:start;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(145deg,rgba(15,23,42,.76),rgba(2,6,23,.42));
  border-radius:24px;
  padding:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.web-admin-whitelist-form label{
  grid-column:span 4;
  display:grid;
  gap:7px;
  min-width:0;
  color:#e5eefb;
  font-weight:900;
  font-size:13px;
}
.web-admin-whitelist-form label.wide{
  grid-column:span 6;
}
.web-admin-whitelist-form label.full,
.web-admin-whitelist-form .whitelist-question-grid label.wide:nth-last-child(1){
  grid-column:1/-1;
}
.web-admin-whitelist-form label span{
  display:block;
  color:#93c5fd;
  font-size:11px;
  line-height:1.25;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.web-admin-whitelist-form input:not([type="checkbox"]),
.web-admin-whitelist-form select,
.web-admin-whitelist-form textarea{
  width:100%;
  min-width:0;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(2,6,23,.64);
  color:#f8fafc;
  padding:11px 12px;
  font:inherit;
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.web-admin-whitelist-form textarea{
  min-height:86px;
  resize:vertical;
  line-height:1.45;
}
.web-admin-whitelist-form input[type="checkbox"]{
  width:18px;
  height:18px;
  accent-color:#38bdf8;
}
.web-admin-whitelist-form input:focus,
.web-admin-whitelist-form select:focus,
.web-admin-whitelist-form textarea:focus{
  outline:2px solid rgba(56,189,248,.22);
  border-color:rgba(56,189,248,.55);
}
.web-admin-whitelist-form input:disabled,
.web-admin-whitelist-form select:disabled,
.web-admin-whitelist-form textarea:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.web-admin-whitelist-form .staff-admin-slots{
  display:grid;
  gap:12px;
}
.web-admin-whitelist-form .staff-admin-slot{
  overflow:hidden;
}
.web-admin-whitelist-form .staff-admin-slot-summary{
  min-height:68px;
}
.web-admin-whitelist-form .staff-admin-slot-title strong{
  max-width:720px;
}
.web-admin-whitelist-form .whitelist-question-grid{
  border:0;
  border-radius:0;
  background:rgba(2,6,23,.20);
  box-shadow:none;
}
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(1),
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(2),
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(3),
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(6){
  grid-column:span 2;
}
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(4){
  grid-column:span 3;
}
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(5){
  grid-column:span 5;
}
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(7),
.web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(8){
  grid-column:span 6;
}
.web-admin-whitelist-form .lathios-web-editor-actions{
  position:sticky;
  bottom:14px;
  z-index:5;
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(14px);
  border-radius:22px;
  padding:14px;
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}
@media(max-width:980px){
  .web-admin-whitelist-form label,
  .web-admin-whitelist-form label.wide,
  .web-admin-whitelist-form .whitelist-question-grid label,
  .web-admin-whitelist-form .whitelist-question-grid label:nth-of-type(n){
    grid-column:1/-1;
  }
}

/* Phase 9.1F.2 — Whitelist test + ficha functional layout */
.whitelist-test-option-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 140px;
  gap: 12px;
  align-items: end;
  margin: 10px 0;
}
.whitelist-test-options-editor {
  margin: 16px 0 6px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  background: rgba(4, 10, 24, .35);
}
.rp-whitelist-question-block {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 16px;
  margin: 16px 0;
  background: rgba(5, 12, 28, .44);
}
.rp-whitelist-question-block legend {
  padding: 0 8px;
  font-weight: 800;
}
.rp-whitelist-option-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
.rp-whitelist-option {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.rp-whitelist-option input { width: auto !important; }
.rp-whitelist-test-result[hidden],
.rp-whitelist-form-card[hidden],
.rp-whitelist-test-card[hidden] {
  display: none !important;
}
@media (max-width: 760px) {
  .whitelist-test-option-row { grid-template-columns: 1fr; }
}

/* Fase 9.1G.1 - RP Admin Whitelist filtros funcionales */
.rp-whitelist-review-toolbar{display:grid;gap:14px;margin:14px 0 16px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(15,23,42,.42)}
.rp-whitelist-filter-row{display:flex;flex-wrap:wrap;gap:8px}
.chip-button{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.66);color:#dbeafe;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:12px;transition:.2s ease}
.chip-button b{color:#fde68a;margin-left:4px}
.chip-button:hover,.chip-button.active{border-color:rgba(125,211,252,.54);background:rgba(14,116,144,.26);box-shadow:0 0 0 1px rgba(125,211,252,.08) inset}
.rp-whitelist-search-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;gap:10px;align-items:end}
.rp-whitelist-search-row label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.rp-whitelist-search-row input,.rp-whitelist-search-row select{width:100%;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.64);color:#fff;border-radius:14px;padding:11px 12px;outline:none}
.button.compact{padding:10px 14px;min-height:42px}
.lathios-web-admin-overview small{display:block;color:var(--muted);margin-top:4px;font-size:12px}
@media(max-width:780px){.rp-whitelist-search-row{grid-template-columns:1fr}.rp-whitelist-filter-row{gap:6px}.chip-button{width:100%;justify-content:space-between;text-align:left}}


/* Fase 9.1I.1 — Whitelist público premium sin tocar hero/base */
.rp-whitelist-stage{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto 78px;
  display:grid;
  gap:56px;
}
.rp-whitelist-login-panel{
  display:grid;
  gap:18px;
}
.rp-whitelist-auth-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(87,168,193,.18);
  background:
    radial-gradient(circle at 16% 6%,rgba(87,168,193,.16),transparent 36%),
    radial-gradient(circle at 90% 0%,rgba(255,9,87,.12),transparent 34%),
    linear-gradient(145deg,rgba(7,14,32,.86),rgba(5,8,22,.94));
  box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045);
  border-radius:32px;
  padding:clamp(26px,4vw,48px);
}
.rp-whitelist-auth-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  background:
    linear-gradient(120deg,rgba(87,168,193,.24),transparent 28%,transparent 68%,rgba(255,9,87,.18)),
    radial-gradient(circle at 50% 100%,rgba(87,168,193,.12),transparent 42%);
  opacity:.82;
  pointer-events:none;
}
.rp-whitelist-login-card{
  min-height:300px;
  display:grid;
  place-items:center;
  text-align:center;
}
.rp-whitelist-auth-orb{
  position:absolute;
  width:min(34vw,420px);
  height:min(34vw,420px);
  right:-150px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(125,211,252,.20),rgba(168,85,247,.12) 38%,transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
.rp-whitelist-auth-content{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:auto;
}
.rp-whitelist-auth-card h2{
  margin:0;
  color:#fff;
  font-size:clamp(32px,4.3vw,62px);
  line-height:.98;
  letter-spacing:-.055em;
}
.rp-whitelist-auth-card p{
  max-width:780px;
  margin:18px auto 0;
  color:rgba(235,244,255,.78);
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.62;
}
.rp-whitelist-cta-row{
  justify-content:center;
  gap:16px;
  margin-top:30px;
}
.rp-whitelist-cta-row .button{
  min-height:58px;
  min-width:min(100%,300px);
  border-radius:18px;
  padding:0 24px;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:none;
}
.rp-whitelist-discord-primary{
  border:1px solid rgba(125,211,252,.48) !important;
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 46%,#7c3aed 100%) !important;
  color:#fff !important;
  box-shadow:0 18px 46px rgba(37,99,235,.28),0 0 28px rgba(125,211,252,.16) !important;
}
.rp-whitelist-discord-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 58px rgba(37,99,235,.34),0 0 34px rgba(168,85,247,.20) !important;
}
.rp-whitelist-discord-secondary{
  border:1px solid rgba(168,85,247,.34) !important;
  background:rgba(2,6,23,.46) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 24px rgba(168,85,247,.08) !important;
}
.rp-whitelist-discord-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.44) !important;
  background:rgba(15,23,42,.66) !important;
}
.rp-whitelist-discord-mark{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.15);
  color:#fff;
  font-size:13px;
  margin-right:2px;
}
.rp-whitelist-section-head{
  max-width:860px;
  margin:0 auto 28px;
  text-align:center;
}
.rp-whitelist-section-head span{
  display:inline-flex;
  color:#e7d000;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:11px;
  font-weight:950;
  margin-bottom:10px;
}
.rp-whitelist-section-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(32px,4vw,56px);
  line-height:1;
  letter-spacing:-.045em;
}
.rp-whitelist-section-head p{
  max-width:760px;
  margin:16px auto 0;
  color:rgba(235,244,255,.68);
  font-size:16px;
  line-height:1.65;
}
.rp-whitelist-requirements-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.rp-whitelist-requirement-card{
  position:relative;
  overflow:hidden;
  min-height:168px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:24px;
  border:1px solid rgba(87,168,193,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(87,168,193,.14),transparent 36%),
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.09),transparent 34%),
    linear-gradient(145deg,rgba(7,14,32,.72),rgba(4,9,22,.90));
  box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045);
}
.rp-whitelist-requirement-card:after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.55),transparent);
  opacity:.55;
}
.rp-whitelist-requirement-number{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border:1px solid rgba(125,211,252,.25);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.72));
  color:#7dd3fc;
  font-size:34px;
  font-weight:1000;
  letter-spacing:-.04em;
  text-shadow:0 0 20px rgba(125,211,252,.34),0 0 24px rgba(168,85,247,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.22);
}
.rp-whitelist-requirement-copy h3{
  margin:0 0 9px;
  color:#fff;
  font-size:clamp(20px,1.55vw,25px);
  letter-spacing:-.025em;
}
.rp-whitelist-requirement-copy p{
  margin:0;
  max-width:420px;
  color:rgba(235,244,255,.70);
  line-height:1.55;
}
.rp-whitelist-requirement-icon{
  width:72px;
  height:72px;
  opacity:.38;
  background:rgba(125,211,252,.16);
  mask:radial-gradient(circle at center,#000 0 58%,transparent 60%);
  -webkit-mask:radial-gradient(circle at center,#000 0 58%,transparent 60%);
  filter:drop-shadow(0 0 18px rgba(125,211,252,.18));
}
.rp-whitelist-requirement-card[data-requirement="2"] .rp-whitelist-requirement-icon,
.rp-whitelist-requirement-card[data-requirement="4"] .rp-whitelist-requirement-icon{
  background:rgba(168,85,247,.22);
}
.rp-whitelist-flow-grid{display:none !important;}
.rp-whitelist-side-card{display:none !important;}
.rp-whitelist-layout{display:block;width:auto;margin:0;}
.rp-whitelist-form-card{
  border-color:rgba(87,168,193,.18);
  background:linear-gradient(145deg,rgba(7,14,32,.82),rgba(5,8,22,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
@media(max-width:980px){
  .rp-whitelist-requirements-grid{grid-template-columns:1fr;}
  .rp-whitelist-requirement-card{grid-template-columns:auto minmax(0,1fr);}
  .rp-whitelist-requirement-icon{display:none;}
}
@media(max-width:640px){
  .rp-whitelist-stage{width:100%;gap:38px;margin-bottom:54px;}
  .rp-whitelist-auth-card,.rp-whitelist-requirement-card{border-radius:24px;padding:22px;}
  .rp-whitelist-cta-row{align-items:stretch;}
  .rp-whitelist-cta-row .button{width:100%;}
  .rp-whitelist-requirement-card{grid-template-columns:1fr;gap:14px;}
  .rp-whitelist-requirement-number{width:70px;height:70px;font-size:28px;border-radius:22px;}
}

/* Fase 9.1I.2 — Whitelist logged-in premium cards */
.rp-whitelist-stage.is-logged-in{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto 78px;
  gap:18px;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-login-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:18px;
  align-items:stretch;
}
.rp-whitelist-application-area{display:contents;}
.rp-whitelist-stage.is-logged-in .rp-whitelist-session-card,
.rp-whitelist-stage.is-logged-in .rp-whitelist-application-card{
  min-height:0;
  padding:28px;
  border-radius:28px;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-session-card{
  border-color:rgba(87,168,193,.34);
  background:
    radial-gradient(circle at 12% 0%,rgba(87,168,193,.20),transparent 42%),
    linear-gradient(145deg,rgba(7,21,42,.92),rgba(5,8,22,.95));
}
.rp-whitelist-session-card .rp-whitelist-user-row{margin-bottom:18px;align-items:center;}
.rp-whitelist-session-card .rp-whitelist-user-row img{width:82px;height:82px;border-radius:22px;}
.rp-whitelist-session-card .rp-whitelist-user-row h2{font-size:clamp(42px,4vw,58px);line-height:.92;letter-spacing:-.055em;margin:8px 0 6px;}
.rp-whitelist-session-card .rp-whitelist-user-row p{margin:0;color:rgba(235,244,255,.78);font-size:17px;}
.rp-whitelist-session-card .tag.ok{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.34);color:#bbf7d0;}
.rp-whitelist-session-card .notice.compact{
  max-width:100%;
  margin:12px 0 0;
  padding:15px 17px 15px 58px;
  position:relative;
  border-radius:18px;
  color:#fefce8;
  font-size:14px;
  line-height:1.35;
}
.rp-whitelist-session-card .notice.compact:before{
  content:"✦";
  position:absolute;
  left:17px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:14px;
  font-weight:1000;
}
.rp-whitelist-access-notice{
  border-color:rgba(34,197,94,.35)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(15,23,42,.44))!important;
}
.rp-whitelist-access-notice:before{color:#86efac;border:1px solid rgba(34,197,94,.42);background:rgba(34,197,94,.12);content:"✓"!important;}
.rp-whitelist-score-notice{
  border-color:rgba(245,158,11,.45)!important;
  background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(15,23,42,.44))!important;
}
.rp-whitelist-score-notice:before{color:#fde68a;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.12);}
.rp-whitelist-session-card .actions{margin-top:16px;}
.rp-whitelist-logout-button{
  min-height:46px;
  border-radius:14px!important;
  background:rgba(15,23,42,.44)!important;
  border-color:rgba(226,232,240,.18)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.rp-whitelist-logout-button:before{content:"↪";margin-right:7px;color:#dbeafe;}
.rp-whitelist-application-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,9,87,.30);
  background:
    radial-gradient(circle at 10% 0%,rgba(87,168,193,.12),transparent 38%),
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.20),transparent 36%),
    linear-gradient(145deg,rgba(9,13,31,.94),rgba(28,8,31,.88));
  box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.rp-whitelist-application-head h2{margin:0;color:#fff;font-size:clamp(28px,2.8vw,40px);line-height:1;letter-spacing:-.04em;}
.rp-whitelist-application-head p{margin:10px 0 18px;color:rgba(235,244,255,.76);font-size:16px;line-height:1.45;}
.rp-whitelist-application-meta{margin:0 0 18px!important;gap:10px!important;}
.rp-whitelist-application-meta span{display:flex;align-items:center;gap:6px;min-height:42px;padding:10px 13px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(226,232,240,.12)!important;color:#f8fafc!important;font-size:13px;}
.rp-whitelist-application-meta span:before{content:"◌";color:#dbeafe;opacity:.9;font-size:15px;}
.rp-whitelist-application-meta b{color:#fff;font-weight:950;}
.rp-whitelist-staff-comment{display:grid;justify-items:center;gap:12px;margin-top:8px;}
.rp-whitelist-staff-comment>span{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,9,87,.54);background:rgba(255,9,87,.12);color:#fff;font-weight:1000;box-shadow:0 0 28px rgba(255,9,87,.12);}
.rp-whitelist-staff-comment>span:before{content:"▱";font-size:14px;color:#fecdd3;}
.rp-whitelist-staff-comment p{width:100%;margin:0;padding:22px 20px;border-radius:18px;border:1px solid rgba(255,9,87,.42);background:linear-gradient(135deg,rgba(255,9,87,.12),rgba(15,23,42,.36));color:#fff;text-align:center;font-size:clamp(20px,2vw,28px);font-weight:950;line-height:1.3;}
.rp-whitelist-stage.is-logged-in .rp-whitelist-event-list{display:none!important;}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card,
.rp-whitelist-stage.is-logged-in .rp-whitelist-test-result,
.rp-whitelist-stage.is-logged-in .danger-box,
.rp-whitelist-stage.is-logged-in .notice:not(.rp-whitelist-access-notice):not(.rp-whitelist-score-notice){
  grid-column:1/-1;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-test-card{
  margin-top:0;
  padding:28px;
  border-radius:28px;
  border-color:rgba(87,168,193,.24);
  background:
    radial-gradient(circle at 10% 0%,rgba(87,168,193,.15),transparent 42%),
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.14),transparent 40%),
    linear-gradient(145deg,rgba(7,14,32,.88),rgba(10,8,28,.92));
}
.rp-whitelist-test-head h2{margin:8px 0 8px;color:#fff;font-size:clamp(28px,2.5vw,38px);letter-spacing:-.035em;}
.rp-whitelist-test-head p{margin:0 0 20px!important;max-width:100%;font-size:15px!important;color:rgba(219,234,254,.78)!important;}
.rp-whitelist-test-card .tag{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.38);color:#bae6fd;}
.rp-whitelist-test-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:6px;}
.rp-whitelist-test-question-grid .rp-whitelist-question-block{margin:0;padding:14px;border-color:rgba(148,163,184,.15);background:rgba(2,6,23,.24);border-radius:18px;}
.rp-whitelist-question-block legend{font-size:15px;color:#fff;font-weight:1000;padding:0 8px;}
.rp-whitelist-option-list{gap:7px!important;}
.rp-whitelist-option{min-height:34px;padding:8px 12px!important;border-radius:12px!important;background:rgba(15,23,42,.48)!important;border-color:rgba(148,163,184,.14)!important;transition:border-color .18s ease,background .18s ease,transform .18s ease;}
.rp-whitelist-option:hover{border-color:rgba(125,211,252,.38)!important;background:rgba(14,116,144,.13)!important;transform:translateY(-1px);}
.rp-whitelist-option input{accent-color:#38bdf8;}
.rp-whitelist-test-card .actions{margin-top:18px;}
.rp-whitelist-test-card .actions .button{border-radius:14px;min-height:46px;background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#02111f!important;font-weight:1000;box-shadow:0 16px 36px rgba(56,189,248,.18)!important;}
.rp-whitelist-stage.is-logged-in .rp-whitelist-requirements-section{display:none!important;}
@media(max-width:980px){
  .rp-whitelist-stage.is-logged-in .rp-whitelist-login-panel{grid-template-columns:1fr;}
  .rp-whitelist-test-question-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .rp-whitelist-stage.is-logged-in{width:100%;}
  .rp-whitelist-stage.is-logged-in .rp-whitelist-session-card,.rp-whitelist-stage.is-logged-in .rp-whitelist-application-card,.rp-whitelist-stage.is-logged-in .rp-whitelist-test-card{border-radius:24px;padding:22px;}
  .rp-whitelist-session-card .rp-whitelist-user-row{align-items:flex-start;}
  .rp-whitelist-session-card .rp-whitelist-user-row h2{font-size:38px;}
  .rp-whitelist-application-meta{grid-template-columns:1fr!important;}
}

/* Fase 9.1I.3 — Whitelist ficha premium + modal web */
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  padding:30px;
  border-radius:28px;
  border:1px solid rgba(87,168,193,.24);
  background:
    radial-gradient(circle at 10% 0%,rgba(87,168,193,.16),transparent 42%),
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.13),transparent 40%),
    linear-gradient(145deg,rgba(7,14,32,.90),rgba(10,8,28,.94));
  box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.tag,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>h2,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>p,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.notice,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.actions{
  grid-column:1/-1;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>h2{
  margin:0;
  color:#fff;
  font-size:clamp(30px,2.65vw,42px);
  line-height:1;
  letter-spacing:-.045em;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>p{
  margin:-8px 0 4px!important;
  max-width:760px;
  color:rgba(219,234,254,.78)!important;
  font-size:15px!important;
  line-height:1.55;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label{
  grid-column:span 6;
  display:grid;
  gap:9px;
  min-width:0;
  margin:0;
  color:#f8fafc;
  font-weight:950;
  font-size:14px;
  letter-spacing:-.01em;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label:first-of-type{
  grid-column:span 4;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label:has(textarea){
  grid-column:span 6;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] label span{
  display:flex;
  align-items:center;
  gap:8px;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] label small{
  color:rgba(191,219,254,.65);
  font-weight:700;
  line-height:1.45;
  margin-top:-4px;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] input,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] textarea,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] select{
  width:100%;
  min-height:48px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(2,6,23,.72));
  color:#f8fafc;
  padding:13px 15px;
  outline:none;
  font:inherit;
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] textarea{
  min-height:128px;
  resize:vertical;
  line-height:1.55;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] input::placeholder,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] textarea::placeholder{
  color:rgba(203,213,225,.52);
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] input:focus,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] textarea:focus,
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form] select:focus{
  border-color:rgba(56,189,248,.62);
  box-shadow:0 0 0 4px rgba(56,189,248,.12),0 18px 42px rgba(0,0,0,.18);
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.actions .button[type="submit"]{
  min-height:48px;
  border-radius:14px;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;
  color:#02111f!important;
  font-weight:1000;
  box-shadow:0 16px 36px rgba(56,189,248,.18)!important;
}
.rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>.actions .button.secondary{
  min-height:48px;
  border-radius:14px;
  background:rgba(15,23,42,.48)!important;
  color:#fff!important;
  border-color:rgba(226,232,240,.16)!important;
  box-shadow:none!important;
}
.whitelist-web-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
}
.whitelist-web-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.76);
  backdrop-filter:blur(12px);
}
.whitelist-web-modal__panel{
  position:relative;
  width:min(560px,100%);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(87,168,193,.30);
  background:
    radial-gradient(circle at 0% 0%,rgba(87,168,193,.18),transparent 40%),
    radial-gradient(circle at 100% 0%,rgba(255,9,87,.14),transparent 40%),
    linear-gradient(145deg,rgba(7,14,32,.98),rgba(10,8,28,.98));
  color:#fff;
  box-shadow:0 34px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.055);
}
.whitelist-web-modal__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(34,197,94,.42);
  background:rgba(34,197,94,.13);
  color:#86efac;
  font-weight:1000;
  font-size:22px;
}
.whitelist-web-modal.is-error .whitelist-web-modal__icon{
  border-color:rgba(248,113,113,.45);
  background:rgba(248,113,113,.12);
  color:#fecaca;
}
.whitelist-web-modal__copy h2{
  margin:0 0 8px;
  font-size:clamp(24px,3vw,34px);
  line-height:1;
  letter-spacing:-.04em;
}
.whitelist-web-modal__copy p{
  margin:0;
  color:rgba(235,244,255,.78);
  line-height:1.55;
  white-space:pre-wrap;
}
.whitelist-web-modal__button{
  grid-column:1/-1;
  justify-self:end;
  min-height:46px;
  border-radius:14px!important;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;
  color:#02111f!important;
  font-weight:1000!important;
}
@media(max-width:900px){
  .rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label,
  .rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label:first-of-type,
  .rp-whitelist-stage.is-logged-in .rp-whitelist-form-card[data-whitelist-application-form]>label:has(textarea){
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .whitelist-web-modal__panel{grid-template-columns:1fr;padding:20px;border-radius:22px;}
  .whitelist-web-modal__button{justify-self:stretch;}
}

/* Fase 9.1I.4 — RP Admin Whitelist Table + Registro */
.rp-whitelist-admin-main .lathios-rp-admin-hero .tag.ok{display:none!important;}
.rp-whitelist-admin-main{gap:22px;}
.rp-whitelist-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:22px 0;}
.rp-whitelist-kpi{position:relative;overflow:hidden;min-height:132px;padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(125,211,252,.16);background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(2,6,23,.66));box-shadow:0 20px 55px rgba(0,0,0,.18);}
.rp-whitelist-kpi:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.22),transparent 42%);pointer-events:none;}
.rp-whitelist-kpi span,.rp-whitelist-kpi strong,.rp-whitelist-kpi small{position:relative;display:block;}
.rp-whitelist-kpi span{color:#a8c7da;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;}
.rp-whitelist-kpi strong{font-size:clamp(28px,3vw,42px);line-height:1;margin:14px 0 8px;color:#fff;letter-spacing:-.05em;}
.rp-whitelist-kpi small{color:rgba(226,232,240,.64);font-weight:700;line-height:1.35;}
.rp-whitelist-kpi.cyan{border-color:rgba(56,189,248,.28);}
.rp-whitelist-kpi.cyan:before{background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.28),transparent 42%);}
.rp-whitelist-kpi.purple{border-color:rgba(168,85,247,.24);}
.rp-whitelist-kpi.purple:before{background:radial-gradient(circle at 100% 0%,rgba(168,85,247,.27),transparent 42%);}
.rp-whitelist-kpi.green{border-color:rgba(34,197,94,.25);}
.rp-whitelist-kpi.green:before{background:radial-gradient(circle at 100% 0%,rgba(34,197,94,.24),transparent 42%);}
.rp-whitelist-kpi.amber{border-color:rgba(245,158,11,.28);}
.rp-whitelist-kpi.amber:before{background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.25),transparent 42%);}
.rp-whitelist-kpi.red{border-color:rgba(244,63,94,.25);}
.rp-whitelist-kpi.red:before{background:radial-gradient(circle at 100% 0%,rgba(244,63,94,.24),transparent 42%);}
.rp-whitelist-table-card{width:100%;margin-top:0;}
.rp-whitelist-table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.14);border-radius:22px;background:rgba(2,6,23,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.rp-whitelist-review-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;}
.rp-whitelist-review-table th{position:sticky;top:0;z-index:1;padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.86));color:#dbeafe;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;}
.rp-whitelist-review-table td{padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.1);color:rgba(226,232,240,.86);font-size:14px;vertical-align:middle;}
.rp-whitelist-review-table tbody tr{transition:.16s ease;}
.rp-whitelist-review-table tbody tr:hover,.rp-whitelist-review-table tbody tr.active{background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(168,85,247,.10));}
.rp-whitelist-review-table tbody tr.active td:first-child{box-shadow:inset 3px 0 0 rgba(56,189,248,.85);}
.rp-whitelist-review-table a{display:grid;gap:4px;color:#fff;text-decoration:none;}
.rp-whitelist-review-table strong{font-size:15px;color:#fff;}
.rp-whitelist-review-table small{display:block;color:rgba(148,163,184,.78);font-size:12px;font-weight:700;margin-top:4px;}
.rp-whitelist-review-table .tag{width:max-content;margin-top:6px;}
.rp-whitelist-score-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.09);color:#fde68a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;}
.rp-whitelist-table-empty{display:grid;gap:6px;padding:22px;border:1px dashed rgba(148,163,184,.18);border-radius:20px;background:rgba(15,23,42,.5);}
.rp-whitelist-table-empty b{color:#fff;font-size:18px;}
.rp-whitelist-table-empty span{color:var(--muted);}
.rp-whitelist-table-empty.danger{border-color:rgba(244,63,94,.28);color:#fecaca;}
.rp-whitelist-review-detail.rp-whitelist-record-card{margin-top:22px;padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(8,17,32,.92),rgba(23,10,32,.74));}
.rp-whitelist-record-head{align-items:center;margin-top:0;}
.rp-whitelist-record-head h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.05em;margin:10px 0 6px;}
.rp-whitelist-record-meta{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 20px;}
.rp-whitelist-record-meta span{border-color:rgba(148,163,184,.14);background:rgba(15,23,42,.54);}
.rp-whitelist-record-section{border:1px solid rgba(148,163,184,.15);border-radius:22px;background:rgba(2,6,23,.38);margin:14px 0;overflow:hidden;}
.rp-whitelist-record-section summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:16px 18px;background:linear-gradient(90deg,rgba(15,23,42,.74),rgba(30,41,59,.34));}
.rp-whitelist-record-section summary::-webkit-details-marker{display:none;}
.rp-whitelist-record-section summary span{font-size:18px;font-weight:1000;color:#fff;}
.rp-whitelist-record-section summary b{display:inline-flex;border:1px solid rgba(56,189,248,.22);background:rgba(56,189,248,.08);color:#bae6fd;border-radius:999px;padding:7px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.rp-whitelist-record-grid{padding:16px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));}
.rp-whitelist-record-grid article{border-color:rgba(148,163,184,.12);background:linear-gradient(145deg,rgba(15,23,42,.6),rgba(2,6,23,.48));}
.rp-whitelist-record-summary{grid-column:1/-1;border-color:rgba(56,189,248,.18)!important;background:rgba(56,189,248,.06)!important;}
.rp-whitelist-record-decision{margin-top:18px;padding:18px;border:1px solid rgba(245,158,11,.18);border-radius:22px;background:rgba(245,158,11,.045);}
.rp-whitelist-record-decision textarea{background:rgba(2,6,23,.62);border-color:rgba(148,163,184,.18);color:#fff;border-radius:16px;}
.rp-whitelist-log-section{scroll-margin-top:110px;border-color:rgba(168,85,247,.22);}
.rp-whitelist-record-empty{margin-top:22px;}
@media(max-width:1180px){.rp-whitelist-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.rp-whitelist-record-meta{grid-template-columns:repeat(2,minmax(0,1fr));}.rp-whitelist-record-grid{grid-template-columns:1fr;}}
@media(max-width:760px){.rp-whitelist-kpi-grid{grid-template-columns:1fr;}.rp-whitelist-record-head{display:grid;align-items:start}.rp-whitelist-record-meta{grid-template-columns:1fr}.rp-whitelist-record-section summary{align-items:flex-start;flex-direction:column}.rp-whitelist-review-detail.rp-whitelist-record-card{padding:18px;border-radius:22px;}}

/* 9.1I.4.2 - Whitelist admin server pagination */
.rp-whitelist-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap;}
.rp-whitelist-pagination .tag{min-height:34px;display:inline-flex;align-items:center;}

/* Fase 9.1I.4.5 — Hotfix modales decisión: layout estable */
.whitelist-review-modal.whitelist-web-modal{
  place-items:center!important;
  padding:clamp(16px,3vw,32px)!important;
}
.whitelist-review-modal .whitelist-web-modal__panel{
  width:min(680px,calc(100vw - 32px))!important;
  max-width:680px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:26px!important;
  box-sizing:border-box!important;
}
.whitelist-review-modal .whitelist-web-modal__icon{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  margin:0!important;
}
.whitelist-review-modal .whitelist-web-modal__copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  text-align:left!important;
}
.whitelist-review-modal .whitelist-web-modal__copy h2{
  width:100%!important;
  max-width:none!important;
  margin:0 0 10px!important;
  font-size:clamp(26px,4vw,38px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.whitelist-review-modal .whitelist-web-modal__copy p{
  width:100%!important;
  max-width:56rem!important;
  margin:0!important;
  color:rgba(235,244,255,.82)!important;
  font-size:15px!important;
  line-height:1.65!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.whitelist-review-modal .whitelist-review-modal__actions{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:4px!important;
}
.whitelist-review-modal .whitelist-review-modal__actions .button{
  min-width:150px!important;
  justify-content:center!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
}
.whitelist-review-modal .whitelist-review-modal__actions .button.ghost{
  background:rgba(15,23,42,.38)!important;
  border-color:rgba(226,232,240,.18)!important;
}
@media(max-width:560px){
  .whitelist-review-modal .whitelist-web-modal__panel{width:calc(100vw - 24px)!important;padding:20px!important;border-radius:22px!important;}
  .whitelist-review-modal .whitelist-review-modal__actions{justify-content:stretch!important;}
  .whitelist-review-modal .whitelist-review-modal__actions .button{width:100%!important;}
}

/* Fase 9.1J.2 — Configuración funcional Whitelist desplegable */
.web-admin-whitelist-form .whitelist-editor-section{
  overflow:hidden;
}
.web-admin-whitelist-form .whitelist-config-collapsible{
  border-color:rgba(56,189,248,.18);
  background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.46));
}
.web-admin-whitelist-form .whitelist-config-collapsible .staff-admin-slot-summary{
  min-height:unset;
  padding:18px;
}
.web-admin-whitelist-form .whitelist-config-collapsible .staff-admin-slot-title p{
  margin:0;
  max-width:860px;
  line-height:1.55;
}
.web-admin-whitelist-form .whitelist-config-collapsible .staff-admin-grid{
  border:0;
  border-radius:0;
  background:rgba(2,6,23,.18);
  box-shadow:none;
  margin:0;
}
.web-admin-whitelist-form .whitelist-config-collapsible:not([open]) .staff-admin-slot-summary{
  border-radius:24px;
}
.web-admin-whitelist-form .whitelist-config-collapsible summary{
  list-style:none;
}
.web-admin-whitelist-form .whitelist-config-collapsible summary::-webkit-details-marker{
  display:none;
}

/* Fase 9.1J.3 — CMS Whitelist: Test automático premium */
.whitelist-editor-step{display:grid;gap:16px;margin:18px 0 22px;}
.whitelist-editor-step-head{align-items:flex-start;}
.whitelist-inner-collapsible{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(18,24,38,.86),rgba(11,15,25,.74));border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.18);overflow:hidden;}
.whitelist-inner-collapsible>summary{padding:18px 20px;cursor:pointer;list-style:none;}
.whitelist-inner-collapsible>summary::-webkit-details-marker{display:none;}
.whitelist-inner-collapsible>summary:after{content:'Abrir';font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;}
.whitelist-inner-collapsible[open]>summary:after{content:'Cerrar';}
.whitelist-editor-label-grid{padding:0 20px 20px;}
.whitelist-question-list-premium{padding:0 20px 22px;display:grid;gap:14px;}
.whitelist-question-list-premium .whitelist-question-slot{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);box-shadow:none;}
.whitelist-question-list-premium .whitelist-question-slot>summary{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.whitelist-question-list-premium .whitelist-question-slot>summary strong{font-size:.95rem;line-height:1.35;}
.whitelist-question-list-premium .whitelist-question-slot>summary span{font-size:.78rem;color:rgba(255,255,255,.62);white-space:nowrap;}
.whitelist-question-list-premium .whitelist-question-grid{padding:0 16px 14px;grid-template-columns:repeat(3,minmax(0,1fr));}
.whitelist-question-list-premium .whitelist-question-grid label.wide{grid-column:span 3;}
.whitelist-test-options-editor{margin:0 16px 16px;padding:16px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);}
.whitelist-test-options-editor h4{margin:0 0 4px;font-size:.95rem;}
.whitelist-test-options-editor .muted{margin:0 0 12px;}
.whitelist-test-option-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:end;margin-top:10px;}
@media(max-width:780px){.whitelist-question-list-premium .whitelist-question-grid{grid-template-columns:1fr}.whitelist-question-list-premium .whitelist-question-grid label.wide{grid-column:span 1}.whitelist-test-option-row{grid-template-columns:1fr}.whitelist-question-list-premium .whitelist-question-slot>summary{align-items:flex-start;flex-direction:column}.whitelist-question-list-premium .whitelist-question-slot>summary span{white-space:normal}}

/* Fase 9.1J.4 — CMS Whitelist: Ficha del jugador premium */
.whitelist-editor-ficha-step{margin-top:20px;}
.whitelist-ficha-list-premium{padding:0 20px 22px;display:grid;gap:14px;}
.whitelist-ficha-slot>summary{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.whitelist-ficha-slot .staff-admin-slot-title{display:flex;flex-direction:column;gap:4px;min-width:0;}
.whitelist-ficha-slot .staff-admin-slot-title span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(148,163,184,.92);}
.whitelist-ficha-slot .staff-admin-slot-title strong{font-size:.96rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.whitelist-ficha-slot .staff-admin-slot-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;}
.whitelist-ficha-field-shell{padding:0 16px 16px;display:grid;gap:14px;}
.whitelist-ficha-field-state{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;border-radius:16px;background:rgba(2,6,23,.28);border:1px solid rgba(255,255,255,.08);}
.whitelist-ficha-field-state label{margin:0;}
.whitelist-mini-switch{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);}
.whitelist-mini-switch span{margin:0!important;}
.whitelist-mini-switch input{width:auto!important;}
.whitelist-ficha-main-grid{padding:0!important;grid-template-columns:repeat(3,minmax(0,1fr));}
.whitelist-ficha-main-grid label.wide{grid-column:span 3;}
@media(max-width:900px){.whitelist-ficha-field-state{grid-template-columns:repeat(2,minmax(0,1fr));}.whitelist-ficha-main-grid{grid-template-columns:1fr}.whitelist-ficha-main-grid label.wide{grid-column:span 1;}}
@media(max-width:620px){.whitelist-ficha-field-state{grid-template-columns:1fr}.whitelist-ficha-slot>summary{align-items:flex-start;flex-direction:column}.whitelist-ficha-slot .staff-admin-slot-meta{align-items:flex-start;white-space:normal}.whitelist-ficha-slot .staff-admin-slot-title strong{white-space:normal}}


/* Fase 9.2A — Public Pages Visual Polish */
.rp-rules-card-grid .rp-rule-category-card{
  grid-template-columns:72px minmax(0,1fr);
}
.rp-rule-category-number{
  display:none!important;
}
.rp-rules-card-grid .rp-rule-category-card:last-child:nth-child(odd):not(:first-child){
  grid-column:1/-1;
  width:calc((100% - 18px)/2);
  justify-self:center;
}
.rp-topic-index{
  max-height:calc(100vh - 146px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(125,211,252,.45) rgba(15,23,42,.35);
}
.rp-topic-index::-webkit-scrollbar{
  width:8px;
}
.rp-topic-index::-webkit-scrollbar-thumb{
  background:rgba(125,211,252,.45);
  border-radius:999px;
}
.rp-topic-index::-webkit-scrollbar-track{
  background:rgba(15,23,42,.35);
  border-radius:999px;
}
.rp-topic-index a,
.rp-rules-index a{
  grid-template-columns:minmax(0,1fr);
}
.rp-topic-index a b,
.rp-rules-index a b{
  display:none!important;
}
.rp-staff-info b{
  justify-self:start;
  width:auto;
  max-width:max-content;
  white-space:normal;
  text-align:center;
  line-height:1.15;
  box-shadow:0 10px 22px rgba(234,179,8,.08);
}
.rp-staff-info span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(14,165,233,.08);
  border-radius:999px;
  padding:6px 10px;
  margin-bottom:10px;
  line-height:1.15;
}
.rp-centered-footer,
.rp-staff-main .rp-footer,
.rp-donations-main .rp-footer{
  max-width:100%;
  width:100%;
  margin:0 auto;
  padding:22px 0 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:6px;
}
.rp-centered-footer .landing-footer-links,
.rp-staff-main .rp-footer .landing-footer-links,
.rp-donations-main .rp-footer .landing-footer-links{
  justify-content:center;
}
@media(max-width:1050px){
  .rp-rules-card-grid .rp-rule-category-card:last-child:nth-child(odd):not(:first-child){
    grid-column:auto;
    width:100%;
    justify-self:stretch;
  }
  .rp-topic-index{
    max-height:420px;
  }
}
@media(max-width:760px){
  .rp-staff-info b,
  .rp-staff-info span{
    justify-self:center;
    width:auto;
  }
}
@media(max-width:720px){
  .rp-rules-card-grid .rp-rule-category-card{
    grid-template-columns:1fr;
  }
}

/* Fase 9.2B — Lathios Web CMS Visual Cleanup */
.lathios-web-editor-title{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.12)}
.staff-pro-summary-grid.staff-pro-summary-grid-single{grid-template-columns:1fr;width:100%}
.staff-pro-editor-card-full{width:100%;padding:clamp(18px,2.6vw,28px);border-radius:28px;background:radial-gradient(circle at 14% 0,rgba(56,189,248,.13),transparent 36%),linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.58))}
.staff-pro-editor-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px;border:1px solid rgba(125,211,252,.16);border-radius:24px;background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(15,23,42,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.staff-pro-editor-hero div{display:grid;gap:7px;min-width:0}
.staff-pro-editor-hero span:not(.tag){display:inline-flex;width:max-content;color:#fde68a;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:1000}
.staff-pro-editor-hero h2{margin:0;color:#fff;font-size:clamp(25px,3vw,38px);line-height:1;letter-spacing:-.055em}
.staff-pro-editor-hero p{margin:0;max-width:860px;color:rgba(226,242,255,.78);font-size:13px;font-weight:850;line-height:1.55;text-transform:none;letter-spacing:normal}
.staff-pro-editor-hero .tag{white-space:nowrap;margin-top:2px}
.staff-pro-editor-card-full .web-admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.staff-pro-editor-card-full .web-admin-field-grid .full{grid-column:1/-1}
.staff-pro-editor-card-full .rules-pro-security-panel{margin-top:16px;margin-bottom:0;padding:14px 16px;border-radius:20px}
@media(max-width:760px){.staff-pro-editor-hero{display:grid}.staff-pro-editor-hero .tag{width:max-content}.staff-pro-editor-card-full .web-admin-field-grid{grid-template-columns:1fr}}


/* Phase 9.2A · Chat multilínea de Junta Directiva */
.composer textarea{
  flex:1;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(15,23,42,.8);
  color:var(--text);
  padding:13px 14px;
  font-size:15px;
  line-height:1.45;
  font-family:inherit;
  resize:none;
  overflow-y:auto;
}
.composer textarea:focus{
  outline:2px solid rgba(56,189,248,.25);
  border-color:rgba(56,189,248,.45);
}
.composer.is-sending textarea{opacity:.72;cursor:wait}
.composer textarea:disabled{color:var(--soft)}
.junta-composer{
  grid-template-columns:minmax(0,1fr) auto;
}
.junta-composer-input-wrap{
  align-items:flex-start;
  padding:10px 12px;
}
.junta-composer textarea{
  min-height:54px;
  width:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:7px 0 0;
  color:#eaf7ff;
}
.junta-composer textarea:focus{outline:none}
.junta-composer-hint{
  grid-column:1 / 2;
  margin:-4px 0 0 48px;
  color:#8aa1b9;
  font-size:11px;
  font-weight:800;
}
@media(max-width:720px){
  .junta-composer-hint{grid-column:1;margin:0 4px;}
}

/* Fase 9.3M — acciones puntuales de borrado por permisos */
.junta-chat-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.junta-chat-card .chat-item-main{
  min-width:0;
  text-decoration:none;
  display:block;
}
.junta-chat-card .chat-item-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.chat-delete-button{
  white-space:nowrap;
}
.acta-actions-cell{
  width:1%;
  white-space:nowrap;
}
.acta-actions-cell .button{
  position:relative;
  z-index:2;
}
@media(max-width:760px){
  .junta-chat-card{
    grid-template-columns:1fr;
    align-items:start;
  }
  .junta-chat-card .chat-item-actions{
    justify-content:flex-start;
  }
}