/* ================================================================ Simulador PER — Temas visuales Cubre: simulador, academia, panel admin y todos los overlays ================================================================ */ /* ══════════════════════════════════════════════════════════════════ TEMA: IA Neural — verde neón / futurista ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="ia"] { --bg:#020d08; --panel:#061510; --panel2:#04100b; --b:#0d3320; --acc:#00e676; --gold:#69ffb4; --txt:#fff; --muted:rgba(255,255,255,.65); --g:#00e676; --r:#ff3d71; --o:#ffaa00; --pur:#00bcd4; } #spe-root[data-spe-theme="ia"] #spe-mapa {background:#010a05} #spe-root[data-spe-theme="ia"] #spe-uploadZone {background:linear-gradient(145deg,#061510,#0a2018);border-color:var(--acc)} #spe-root[data-spe-theme="ia"] .spe-up-btn {background:var(--acc)!important;color:#020d08!important;box-shadow:0 4px 24px rgba(0,230,118,.45)!important} #spe-root[data-spe-theme="ia"] #spe-leftPanel {background:linear-gradient(180deg,#061510 0%,#030c07 100%);border-right-color:#0d3320;box-shadow:10px 0 40px rgba(0,230,118,.07)} #spe-root[data-spe-theme="ia"] #spe-profile {background:linear-gradient(135deg,#081a0f,#0b2015);border-bottom-color:#0d3320} #spe-root[data-spe-theme="ia"] #spe-avatar {background:linear-gradient(135deg,var(--acc),#00bcd4);color:#020d08} #spe-root[data-spe-theme="ia"] #spe-level-badge {background:linear-gradient(135deg,var(--gold),#00c853);color:#020d08} #spe-root[data-spe-theme="ia"] .spe-btn-primary {background:linear-gradient(135deg,var(--acc),#00897b)!important;color:#020d08!important;box-shadow:0 4px 16px rgba(0,230,118,.3)!important} #spe-root[data-spe-theme="ia"] .spe-btn-outline {color:var(--acc)!important;border-color:rgba(0,230,118,.3)!important} #spe-root[data-spe-theme="ia"] .spe-btn-outline:hover {background:rgba(0,230,118,.12)!important} #spe-root[data-spe-theme="ia"] #spe-togglePanel {background:rgba(6,21,16,.9)!important;border-color:var(--b)!important;color:var(--txt)!important} #spe-root[data-spe-theme="ia"] #spe-togglePanel:hover {background:rgba(0,230,118,.18)!important;border-color:var(--acc)!important} #spe-root[data-spe-theme="ia"] #spe-xpbar-fill {background:linear-gradient(90deg,var(--acc),#00bcd4);box-shadow:0 0 8px rgba(0,230,118,.5)} #spe-root[data-spe-theme="ia"] .spe-calib-dot {background:var(--acc);box-shadow:0 0 12px rgba(0,230,118,.9)} #spe-root[data-spe-theme="ia"] .spe-sb {background:linear-gradient(180deg,var(--acc),#00897b)} #spe-root[data-spe-theme="ia"] .spe-pfill {background:linear-gradient(90deg,var(--acc),#00bcd4)} #spe-root[data-spe-theme="ia"] .spe-vec-btn.spe-activo {border-color:var(--acc)!important;background:rgba(0,230,118,.18)!important} #spe-root[data-spe-theme="ia"] .spe-transp-badge {color:var(--acc);border-color:rgba(0,230,118,.2)} #spe-root[data-spe-theme="ia"] #spe-btn-academia {background:linear-gradient(135deg,rgba(0,230,118,.15),rgba(0,188,212,.12))!important;border-color:rgba(0,230,118,.25)!important;color:var(--gold)!important} #spe-root[data-spe-theme="ia"]::after {content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,230,118,.015) 2px,rgba(0,230,118,.015) 4px);pointer-events:none;z-index:999998} /* Admin */ #spe-root[data-spe-theme="ia"] #spe-ap {background:#03090a;border-color:#0d3320} #spe-root[data-spe-theme="ia"] #spe-ah {background:linear-gradient(135deg,#020d08,#061510);border-bottom-color:#0d3320} #spe-root[data-spe-theme="ia"] .spe-card {background:var(--panel);border-color:var(--b)} #spe-root[data-spe-theme="ia"] .spe-at.active {background:rgba(0,230,118,.14);border-bottom-color:var(--acc)} #spe-root[data-spe-theme="ia"] .spe-kc {border-top-color:var(--acc)} #spe-root[data-spe-theme="ia"] #spe-mavatar {background:var(--acc);color:#020d08} #spe-root[data-spe-theme="ia"] #spe-mhdr strong {color:var(--gold)} #spe-root[data-spe-theme="ia"] .spe-mm.usr {background:linear-gradient(135deg,var(--acc),#00897b);color:#020d08} /* Academia */ #spe-root[data-spe-theme="ia"] #spe-acad-overlay {background:rgba(0,10,4,.9)!important} #spe-root[data-spe-theme="ia"] #spe-acad-panel {background:#020d08;border-color:#0d3320;box-shadow:0 40px 100px rgba(0,0,0,.9),0 0 0 1px rgba(0,230,118,.08)} #spe-root[data-spe-theme="ia"] #spe-acad-hdr {background:linear-gradient(135deg,#010a05,#061510);border-bottom-color:#0d3320} #spe-root[data-spe-theme="ia"] #spe-acad-logo strong {color:#fff} #spe-root[data-spe-theme="ia"] #spe-acad-logo em {color:#2a6644} #spe-root[data-spe-theme="ia"] #spe-acad-close {border-color:#0d3320!important;color:#2a6644!important} #spe-root[data-spe-theme="ia"] #spe-acad-body::-webkit-scrollbar-thumb{background:#0d3320} #spe-root[data-spe-theme="ia"] #spe-acad-spinner p {color:#2a6644} #spe-root[data-spe-theme="ia"] #spe-acad-welcome h2 {color:#fff} #spe-root[data-spe-theme="ia"] #spe-acad-welcome p {color:#2a6644} #spe-root[data-spe-theme="ia"] #spe-acad-bar {border-color:#0d3320} #spe-root[data-spe-theme="ia"] .acad-stat-item {border-right-color:#0d3320} #spe-root[data-spe-theme="ia"] .acad-stat-item strong {color:#fff} #spe-root[data-spe-theme="ia"] .acad-stat-item span {color:#2a6644} #spe-root[data-spe-theme="ia"] #spe-acad-search {background:#04100b!important;border-color:#0d3320!important;color:var(--txt)!important} #spe-root[data-spe-theme="ia"] #spe-acad-search:focus {border-color:var(--acc)!important} #spe-root[data-spe-theme="ia"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="ia"] #spe-acad-filtro-nivel {background:#04100b;border-color:#0d3320;color:var(--txt)} #spe-root[data-spe-theme="ia"] .acad-course-card {background:#061510;border-color:#0d3320} #spe-root[data-spe-theme="ia"] .acad-course-card:hover {border-color:rgba(0,230,118,.4);box-shadow:0 10px 32px rgba(0,0,0,.6)} #spe-root[data-spe-theme="ia"] .acc-name {color:#fff} #spe-root[data-spe-theme="ia"] .acc-desc {color:#2a6644} #spe-root[data-spe-theme="ia"] .acc-tag-pais {background:rgba(0,230,118,.12);color:#69ffb4} #spe-root[data-spe-theme="ia"] .acc-footer {border-top-color:#0d3320;color:#2a6644} #spe-root[data-spe-theme="ia"] .acc-prog-label {color:#2a6644} #spe-root[data-spe-theme="ia"] .acc-fill {background:linear-gradient(90deg,var(--acc),#00bcd4)} #spe-root[data-spe-theme="ia"] #spe-acad-course-hdr {background:linear-gradient(135deg, #031a0d 0%, #064726 40%, #0a6b3a 100%)!important} #spe-root[data-spe-theme="ia"] #spe-acad-course-hdr h2 {color:#fff} #spe-root[data-spe-theme="ia"] #spe-acad-course-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #031a0d 0%, #064726 40%, #0a6b3a 100%)!important} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-hdr h2 {color:#fff} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="ia"] .acch-progress-fill {background:linear-gradient(90deg,#00e676,#00bcd4)!important} #spe-root[data-spe-theme="ia"] .acch-stats span {color:rgba(255,255,255,0.6)!important} #spe-root[data-spe-theme="ia"] .acad-lesson-item {background:#061510;border-color:#0d3320} #spe-root[data-spe-theme="ia"] .acad-lesson-item:hover {border-color:rgba(0,230,118,.4);background:rgba(0,230,118,.05)} #spe-root[data-spe-theme="ia"] .ali-name {color:var(--txt)} #spe-root[data-spe-theme="ia"] .ali-dur {color:#2a6644} #spe-root[data-spe-theme="ia"] .ali-check.done {background:var(--acc);border-color:var(--acc);color:#020d08} #spe-root[data-spe-theme="ia"] .ali-type-texto {background:rgba(0,230,118,.12);color:#69ffb4} #spe-root[data-spe-theme="ia"] .ali-type-simulador {background:rgba(0,188,212,.14);color:#80deea} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content {background:#061510;border-color:#0d3320} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content h3 {color:#fff} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content p, #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content ul, #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content ol {color:var(--txt)} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content em {color:#69ffb4} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content blockquote{border-left-color:var(--gold);background:rgba(0,230,118,.05)} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content th {background:rgba(0,230,118,.1);color:#69ffb4;border-bottom-color:#0d3320} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content td {border-bottom-color:rgba(13,51,32,.4);color:var(--txt)} #spe-root[data-spe-theme="ia"] #spe-acad-lesson-content code{background:rgba(0,230,118,.1);color:#69ffb4} #spe-root[data-spe-theme="ia"] .acad-nav-btn {background:rgba(0,230,118,.06)!important;border-color:#0d3320!important;color:#2a6644!important} #spe-root[data-spe-theme="ia"] .acad-nav-btn:hover {background:rgba(0,230,118,.14)!important;border-color:rgba(0,230,118,.4)!important;color:#fff!important} #spe-root[data-spe-theme="ia"] .acad-nav-btn-next {background:rgba(0,230,118,.1)!important;border-color:rgba(0,230,118,.25)!important;color:var(--acc)!important} #spe-root[data-spe-theme="ia"] #spe-acad-mark-done {background:linear-gradient(135deg,var(--acc),#00897b)!important;color:#020d08!important} #spe-root[data-spe-theme="ia"] .acad-back-btn {border-color:#0d3320!important;color:#2a6644!important} #spe-root[data-spe-theme="ia"] .acad-back-btn:hover {color:var(--txt)!important} #spe-root[data-spe-theme="ia"] .acad-empty {color:#2a6644} /* ══════════════════════════════════════════════════════════════════ TEMA: Amanecer Náutico — dorado / cobre cálido ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="amanecer"] { --bg:#0d0900; --panel:#1a1000; --panel2:#130c00; --b:#3d2800; --acc:#ffaa00; --gold:#ffd966; --txt:#fff; --muted:rgba(255,255,255,.65); --g:#66bb6a; --r:#ef5350; --o:#ff7043; --pur:#ab47bc; } #spe-root[data-spe-theme="amanecer"] #spe-mapa {background:#090600} #spe-root[data-spe-theme="amanecer"] #spe-uploadZone {background:linear-gradient(145deg,#1a1000,#241800);border-color:var(--acc)} #spe-root[data-spe-theme="amanecer"] .spe-up-btn {background:var(--acc)!important;color:#0d0900!important;box-shadow:0 4px 24px rgba(255,170,0,.4)!important} #spe-root[data-spe-theme="amanecer"] #spe-leftPanel {background:linear-gradient(180deg,#130c00 0%,#0d0900 100%);border-right-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-profile {background:linear-gradient(135deg,#1a1000,#241a00);border-bottom-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-avatar {background:linear-gradient(135deg,var(--acc),#ff7043)} #spe-root[data-spe-theme="amanecer"] .spe-btn-primary {background:linear-gradient(135deg,var(--acc),#e65100)!important;color:#0d0900!important;box-shadow:0 4px 16px rgba(255,170,0,.3)!important} #spe-root[data-spe-theme="amanecer"] .spe-btn-outline {color:var(--acc)!important;border-color:rgba(255,170,0,.3)!important} #spe-root[data-spe-theme="amanecer"] .spe-btn-outline:hover {background:rgba(255,170,0,.12)!important} #spe-root[data-spe-theme="amanecer"] #spe-togglePanel {background:rgba(26,16,0,.9)!important;border-color:var(--b)!important;color:var(--txt)!important} #spe-root[data-spe-theme="amanecer"] #spe-togglePanel:hover {background:rgba(255,170,0,.18)!important;border-color:var(--acc)!important} #spe-root[data-spe-theme="amanecer"] #spe-xpbar-fill {background:linear-gradient(90deg,var(--acc),#ff7043)} #spe-root[data-spe-theme="amanecer"] .spe-calib-dot {background:var(--acc);box-shadow:0 0 10px rgba(255,170,0,.8)} #spe-root[data-spe-theme="amanecer"] .spe-sb {background:linear-gradient(180deg,var(--acc),#e65100)} #spe-root[data-spe-theme="amanecer"] .spe-pfill {background:linear-gradient(90deg,var(--acc),#ff7043)} #spe-root[data-spe-theme="amanecer"] .spe-vec-btn.spe-activo{border-color:var(--acc)!important;background:rgba(255,170,0,.18)!important} #spe-root[data-spe-theme="amanecer"] #spe-btn-academia {background:linear-gradient(135deg,rgba(255,170,0,.15),rgba(255,112,67,.12))!important;border-color:rgba(255,170,0,.25)!important;color:var(--gold)!important} /* Admin */ #spe-root[data-spe-theme="amanecer"] #spe-ap {background:#0d0900;border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-ah {background:linear-gradient(135deg,#0d0900,#1a1000);border-bottom-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .spe-card {background:var(--panel);border-color:var(--b)} #spe-root[data-spe-theme="amanecer"] .spe-at.active {background:rgba(255,170,0,.14);border-bottom-color:var(--acc)} #spe-root[data-spe-theme="amanecer"] .spe-kc {border-top-color:var(--acc)} #spe-root[data-spe-theme="amanecer"] #spe-mavatar {background:var(--acc);color:#0d0900} #spe-root[data-spe-theme="amanecer"] #spe-mhdr strong {color:var(--gold)} #spe-root[data-spe-theme="amanecer"] .spe-mm.usr {background:linear-gradient(135deg,var(--acc),#e65100);color:#0d0900} /* Academia */ #spe-root[data-spe-theme="amanecer"] #spe-acad-overlay {background:rgba(8,5,0,.9)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-panel {background:#0d0900;border-color:#3d2800;box-shadow:0 40px 100px rgba(0,0,0,.9),0 0 0 1px rgba(255,170,0,.06)} #spe-root[data-spe-theme="amanecer"] #spe-acad-hdr {background:linear-gradient(135deg,#090600,#1a1000);border-bottom-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-acad-logo strong {color:#fff} #spe-root[data-spe-theme="amanecer"] #spe-acad-logo em {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] #spe-acad-close {border-color:#3d2800!important;color:#6b4e20!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-body::-webkit-scrollbar-thumb{background:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-acad-welcome h2 {color:#fff} #spe-root[data-spe-theme="amanecer"] #spe-acad-welcome p {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] #spe-acad-bar {border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .acad-stat-item {border-right-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .acad-stat-item strong {color:#fff} #spe-root[data-spe-theme="amanecer"] .acad-stat-item span {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] #spe-acad-search {background:#130c00!important;border-color:#3d2800!important;color:var(--txt)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-search:focus {border-color:var(--acc)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="amanecer"] #spe-acad-filtro-nivel {background:#130c00;border-color:#3d2800;color:var(--txt)} #spe-root[data-spe-theme="amanecer"] .acad-course-card {background:#1a1000;border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .acad-course-card:hover{border-color:rgba(255,170,0,.4);box-shadow:0 10px 32px rgba(0,0,0,.6)} #spe-root[data-spe-theme="amanecer"] .acc-name {color:#fff} #spe-root[data-spe-theme="amanecer"] .acc-desc {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] .acc-tag-pais {background:rgba(255,170,0,.12);color:#ffd966} #spe-root[data-spe-theme="amanecer"] .acc-footer {border-top-color:#3d2800;color:#6b4e20} #spe-root[data-spe-theme="amanecer"] .acc-prog-label {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] .acc-fill {background:linear-gradient(90deg,var(--acc),#ff7043)} #spe-root[data-spe-theme="amanecer"] #spe-acad-course-hdr {background:linear-gradient(135deg, #1a0800 0%, #6b3000 40%, #d4700a 100%)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-course-hdr h2{color:#fff} #spe-root[data-spe-theme="amanecer"] #spe-acad-course-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #1a0800 0%, #6b3000 40%, #d4700a 100%)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-hdr h2{color:#fff} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="amanecer"] .acch-progress-fill {background:linear-gradient(90deg,#f39c12,#e74c3c)!important} #spe-root[data-spe-theme="amanecer"] .acch-stats span {color:rgba(255,255,255,0.6)!important} #spe-root[data-spe-theme="amanecer"] .acad-lesson-item {background:#1a1000;border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .acad-lesson-item:hover{border-color:rgba(255,170,0,.4);background:rgba(255,170,0,.05)} #spe-root[data-spe-theme="amanecer"] .ali-name {color:var(--txt)} #spe-root[data-spe-theme="amanecer"] .ali-dur {color:#6b4e20} #spe-root[data-spe-theme="amanecer"] .ali-check.done {background:var(--g);border-color:var(--g);color:#fff} #spe-root[data-spe-theme="amanecer"] .ali-type-texto {background:rgba(255,170,0,.12);color:#ffd966} #spe-root[data-spe-theme="amanecer"] .ali-type-simulador {background:rgba(255,112,67,.14);color:#ff8a65} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content{background:#1a1000;border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content h3{color:#fff} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content p, #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content ul, #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content ol{color:var(--txt)} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content em{color:#ffd966} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content blockquote{border-left-color:var(--gold);background:rgba(255,170,0,.05)} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content th{background:rgba(255,170,0,.1);color:#ffd966;border-bottom-color:#3d2800} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content td{border-bottom-color:rgba(61,40,0,.4);color:var(--txt)} #spe-root[data-spe-theme="amanecer"] #spe-acad-lesson-content code{background:rgba(255,170,0,.1);color:#ffd966} #spe-root[data-spe-theme="amanecer"] .acad-nav-btn {background:rgba(255,170,0,.06)!important;border-color:#3d2800!important;color:#6b4e20!important} #spe-root[data-spe-theme="amanecer"] .acad-nav-btn:hover {background:rgba(255,170,0,.14)!important;border-color:rgba(255,170,0,.4)!important;color:#fff!important} #spe-root[data-spe-theme="amanecer"] .acad-nav-btn-next {background:rgba(255,170,0,.1)!important;border-color:rgba(255,170,0,.25)!important;color:var(--acc)!important} #spe-root[data-spe-theme="amanecer"] #spe-acad-mark-done {background:linear-gradient(135deg,var(--g),#2e7d32)!important} #spe-root[data-spe-theme="amanecer"] .acad-back-btn {border-color:#3d2800!important;color:#6b4e20!important} #spe-root[data-spe-theme="amanecer"] .acad-back-btn:hover {color:var(--txt)!important} #spe-root[data-spe-theme="amanecer"] .acad-empty {color:#6b4e20} /* ══════════════════════════════════════════════════════════════════ TEMA: Alto Contraste — negro puro / azul brillante ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="contraste"] { --bg:#000; --panel:#0a0a0a; --panel2:#050505; --b:#2a2a2a; --acc:#40a9ff; --gold:#ffd700; --txt:#fff; --muted:rgba(255,255,255,.65); --g:#52c41a; --r:#ff4d4f; --o:#fa8c16; --pur:#b37feb; } #spe-root[data-spe-theme="contraste"] #spe-mapa {background:#000} #spe-root[data-spe-theme="contraste"] #spe-uploadZone {background:#0a0a0a;border-color:var(--acc);border-width:2px} #spe-root[data-spe-theme="contraste"] .spe-up-btn {background:var(--acc)!important;color:#000!important} #spe-root[data-spe-theme="contraste"] #spe-leftPanel {background:#050505;border-right:2px solid #2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-profile {background:#0a0a0a;border-bottom-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-avatar {background:var(--acc);color:#000} #spe-root[data-spe-theme="contraste"] #spe-level-badge {background:var(--gold);color:#000} #spe-root[data-spe-theme="contraste"] .spe-btn-primary {background:var(--acc)!important;color:#000!important} #spe-root[data-spe-theme="contraste"] .spe-btn-outline {color:var(--acc)!important;border-color:var(--acc)!important;border-width:1.5px!important} #spe-root[data-spe-theme="contraste"] .spe-btn-outline:hover{background:rgba(64,169,255,.14)!important} #spe-root[data-spe-theme="contraste"] #spe-togglePanel {background:#0a0a0a!important;border-color:#2a2a2a!important;color:var(--txt)!important} #spe-root[data-spe-theme="contraste"] #spe-togglePanel:hover{background:rgba(64,169,255,.2)!important;border-color:var(--acc)!important} #spe-root[data-spe-theme="contraste"] #spe-xpbar-fill {background:var(--acc)} #spe-root[data-spe-theme="contraste"] .spe-calib-dot {background:var(--acc);box-shadow:0 0 10px rgba(64,169,255,.8)} #spe-root[data-spe-theme="contraste"] .spe-sb {background:var(--acc)} #spe-root[data-spe-theme="contraste"] .spe-pfill {background:var(--acc)} #spe-root[data-spe-theme="contraste"] .spe-vec-btn.spe-activo{border-color:var(--acc)!important;background:rgba(64,169,255,.18)!important} #spe-root[data-spe-theme="contraste"] #spe-btn-academia {background:rgba(64,169,255,.12)!important;border-color:rgba(64,169,255,.3)!important;color:var(--gold)!important} /* Admin */ #spe-root[data-spe-theme="contraste"] #spe-ap {background:#000;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-ah {background:#0a0a0a;border-bottom-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .spe-card {background:#0a0a0a;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .spe-at.active {background:rgba(64,169,255,.2);border-bottom-color:var(--acc)} #spe-root[data-spe-theme="contraste"] .spe-kc {border-top-color:var(--acc)} #spe-root[data-spe-theme="contraste"] #spe-mavatar {background:var(--acc);color:#000} #spe-root[data-spe-theme="contraste"] #spe-mhdr strong {color:var(--gold)} #spe-root[data-spe-theme="contraste"] .spe-mm.usr {background:var(--acc);color:#000} /* Academia */ #spe-root[data-spe-theme="contraste"] #spe-acad-overlay {background:rgba(0,0,0,.92)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-panel {background:#000;border-color:#2a2a2a;box-shadow:0 40px 100px rgba(0,0,0,.95),0 0 0 1px rgba(64,169,255,.1)} #spe-root[data-spe-theme="contraste"] #spe-acad-hdr {background:#0a0a0a;border-bottom-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-acad-logo strong {color:#fff} #spe-root[data-spe-theme="contraste"] #spe-acad-logo em {color:#555} #spe-root[data-spe-theme="contraste"] #spe-acad-close {border-color:#2a2a2a!important;color:#555!important} #spe-root[data-spe-theme="contraste"] #spe-acad-body::-webkit-scrollbar-thumb{background:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-acad-welcome h2 {color:#fff} #spe-root[data-spe-theme="contraste"] #spe-acad-welcome p {color:#555} #spe-root[data-spe-theme="contraste"] #spe-acad-bar {border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .acad-stat-item {border-right-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .acad-stat-item strong{color:#fff} #spe-root[data-spe-theme="contraste"] .acad-stat-item span {color:#555} #spe-root[data-spe-theme="contraste"] #spe-acad-search {background:#050505!important;border-color:#2a2a2a!important;color:var(--txt)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-search:focus{border-color:var(--acc)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="contraste"] #spe-acad-filtro-nivel{background:#050505;border-color:#2a2a2a;color:var(--txt)} #spe-root[data-spe-theme="contraste"] .acad-course-card {background:#0a0a0a;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .acad-course-card:hover{border-color:var(--acc);box-shadow:0 8px 24px rgba(0,0,0,.8)} #spe-root[data-spe-theme="contraste"] .acc-name {color:#fff} #spe-root[data-spe-theme="contraste"] .acc-desc {color:#555} #spe-root[data-spe-theme="contraste"] .acc-tag-pais {background:rgba(64,169,255,.12);color:#40a9ff} #spe-root[data-spe-theme="contraste"] .acc-footer {border-top-color:#2a2a2a;color:#555} #spe-root[data-spe-theme="contraste"] .acc-prog-label {color:#555} #spe-root[data-spe-theme="contraste"] .acc-fill {background:var(--acc)} #spe-root[data-spe-theme="contraste"] #spe-acad-course-hdr {background:linear-gradient(135deg, #000 0%, #1a1a1a 40%, #333 100%)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-course-hdr h2{color:#fff} #spe-root[data-spe-theme="contraste"] #spe-acad-course-hdr p{color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #000 0%, #1a1a1a 40%, #333 100%)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-hdr h2{color:#fff} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-hdr p{color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="contraste"] .acch-progress-fill {background:linear-gradient(90deg,#ffeb3b,#ff9800)!important} #spe-root[data-spe-theme="contraste"] .acch-stats span {color:rgba(255,255,255,0.6)!important} #spe-root[data-spe-theme="contraste"] .acad-lesson-item {background:#0a0a0a;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .acad-lesson-item:hover{border-color:var(--acc);background:rgba(64,169,255,.06)} #spe-root[data-spe-theme="contraste"] .ali-name {color:var(--txt)} #spe-root[data-spe-theme="contraste"] .ali-dur {color:#555} #spe-root[data-spe-theme="contraste"] .ali-check.done {background:var(--g);border-color:var(--g);color:#000} #spe-root[data-spe-theme="contraste"] .ali-type-texto {background:rgba(64,169,255,.12);color:#40a9ff} #spe-root[data-spe-theme="contraste"] .ali-type-simulador {background:rgba(255,215,0,.12);color:#ffd700} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content{background:#0a0a0a;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content h3{color:#fff} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content p, #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content ul, #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content ol{color:var(--txt)} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content em{color:#40a9ff} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content blockquote{border-left-color:var(--gold);background:rgba(255,215,0,.05)} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content th{background:rgba(64,169,255,.12);color:#40a9ff;border-bottom-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content td{border-bottom-color:rgba(42,42,42,.6);color:var(--txt)} #spe-root[data-spe-theme="contraste"] #spe-acad-lesson-content code{background:rgba(64,169,255,.1);color:#40a9ff} #spe-root[data-spe-theme="contraste"] .acad-nav-btn {background:rgba(255,255,255,.04)!important;border-color:#2a2a2a!important;color:#555!important} #spe-root[data-spe-theme="contraste"] .acad-nav-btn:hover {background:rgba(64,169,255,.14)!important;border-color:var(--acc)!important;color:#fff!important} #spe-root[data-spe-theme="contraste"] .acad-nav-btn-next {background:rgba(64,169,255,.12)!important;border-color:rgba(64,169,255,.3)!important;color:var(--acc)!important} #spe-root[data-spe-theme="contraste"] #spe-acad-mark-done {background:var(--g)!important;color:#000!important} #spe-root[data-spe-theme="contraste"] .acad-back-btn {border-color:#2a2a2a!important;color:#555!important} #spe-root[data-spe-theme="contraste"] .acad-back-btn:hover {color:var(--txt)!important} #spe-root[data-spe-theme="contraste"] .acad-empty {color:#555} /* ================================================================ SELECTOR DE TEMA — widget en el panel izquierdo ================================================================ */ .spe-theme-picker{padding:12px 14px;border-bottom:1px solid #0f2030} .spe-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px} .spe-theme-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:none;background:transparent;padding:6px 4px;border-radius:10px;transition:background .18s;font-family:'Segoe UI',system-ui,Arial,sans-serif} .spe-theme-swatch:hover{background:rgba(255,255,255,.06)} .spe-theme-swatch.active{background:rgba(255,255,255,.1);outline:1.5px solid rgba(255,255,255,.3);outline-offset:1px} .spe-theme-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .18s} .spe-theme-swatch:hover .spe-theme-dot, .spe-theme-swatch.active .spe-theme-dot{transform:scale(1.15)} .spe-theme-label{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1} .spe-theme-swatch.active .spe-theme-label{color:var(--txt)} .spe-tdot-oceano {background:linear-gradient(135deg,#07101a,#2e90ff);border:1.5px solid #2e90ff} .spe-tdot-ia {background:linear-gradient(135deg,#020d08,#00e676);border:1.5px solid #00e676;box-shadow:0 0 8px rgba(0,230,118,.5)} .spe-tdot-amanecer {background:linear-gradient(135deg,#0d0900,#ffaa00);border:1.5px solid #ffaa00} .spe-tdot-contraste{background:linear-gradient(135deg,#000,#40a9ff);border:1.5px solid #40a9ff} .spe-tdot-minimal {background:#000;border:1.5px solid #888} .spe-tdot-blanco {background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.1)} .spe-tdot-academia {background:linear-gradient(135deg,#0a1628,#2dd4a8);border:1.5px solid #2dd4a8;box-shadow:0 0 8px rgba(45,212,168,.4)} /* ── Respuestas del alumno — overrides por tema ── */ #spe-root[data-spe-theme="ia"] #spe-respuestas {background:#04100b;border-color:#0d3320} #spe-root[data-spe-theme="ia"] .spe-resp-title {color:#69ffb4} #spe-root[data-spe-theme="ia"] .spe-resp-input {background:#020d08!important;border-color:#0d3320!important} #spe-root[data-spe-theme="ia"] .spe-resp-input:focus {border-color:var(--acc)!important} #spe-root[data-spe-theme="ia"] .spe-resp-input.ok {border-color:var(--g)!important;background:rgba(0,230,118,.07)!important} #spe-root[data-spe-theme="ia"] .spe-resp-input.err {border-color:var(--r)!important} #spe-root[data-spe-theme="amanecer"] #spe-respuestas {background:#130c00;border-color:#3d2800} #spe-root[data-spe-theme="amanecer"] .spe-resp-title {color:#ffd966} #spe-root[data-spe-theme="amanecer"] .spe-resp-input {background:#0d0900!important;border-color:#3d2800!important} #spe-root[data-spe-theme="amanecer"] .spe-resp-input:focus{border-color:var(--acc)!important} #spe-root[data-spe-theme="amanecer"] .spe-resp-input.ok{border-color:var(--g)!important;background:rgba(102,187,106,.07)!important} #spe-root[data-spe-theme="contraste"] #spe-respuestas {background:#0a0a0a;border-color:#2a2a2a} #spe-root[data-spe-theme="contraste"] .spe-resp-title {color:var(--acc)} #spe-root[data-spe-theme="contraste"] .spe-resp-input {background:#000!important;border-color:#2a2a2a!important;border-width:1.5px!important} #spe-root[data-spe-theme="contraste"] .spe-resp-input:focus{border-color:var(--acc)!important} /* ══════════════════════════════════════════════════════════════════ TEMA: Minimal — Blanco y negro, ultra limpio, estilo IA ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="minimal"] { --bg:#000; --panel:#0a0a0a; --panel2:#050505; --b:#1a1a1a; --acc:#fff; --gold:#ccc; --txt:#fff; --muted:rgba(255,255,255,.65); --g:#888; --r:#888; --o:#888; --pur:#888; } /* ── Simulador base ── */ #spe-root[data-spe-theme="minimal"] #spe-mapa {background:#000} #spe-root[data-spe-theme="minimal"] #spe-uploadZone {background:#000;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-up-wrap {max-width:360px} #spe-root[data-spe-theme="minimal"] .spe-up-anchor {font-size:32px;opacity:.3} #spe-root[data-spe-theme="minimal"] .spe-up-wrap h2 {color:#fff;font-weight:300;letter-spacing:.05em} #spe-root[data-spe-theme="minimal"] .spe-up-wrap h2 span {color:#666;font-weight:300} #spe-root[data-spe-theme="minimal"] .spe-up-wrap p {color:#444} #spe-root[data-spe-theme="minimal"] .spe-up-btn {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important;font-weight:500!important;letter-spacing:.02em} #spe-root[data-spe-theme="minimal"] .spe-up-btn:hover {background:#e0e0e0!important} #spe-root[data-spe-theme="minimal"] .spe-up-hint {color:#333} #spe-root[data-spe-theme="minimal"] .spe-up-features span {color:#333;border-color:#1a1a1a} /* ── Panel izquierdo ── */ #spe-root[data-spe-theme="minimal"] #spe-leftPanel {background:#0a0a0a;border-right:1px solid #1a1a1a;box-shadow:none} #spe-root[data-spe-theme="minimal"] #spe-profile {background:#0a0a0a;border-bottom:1px solid #1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-avatar {background:#fff;color:#000;font-weight:600} #spe-root[data-spe-theme="minimal"] #spe-profile-name {color:#fff;font-weight:400} #spe-root[data-spe-theme="minimal"] #spe-level-badge {background:#222;color:#888;font-weight:500} #spe-root[data-spe-theme="minimal"] #spe-xp-text {color:#444} #spe-root[data-spe-theme="minimal"] #spe-xpbar {background:#111} #spe-root[data-spe-theme="minimal"] #spe-xpbar-fill {background:#fff;box-shadow:none;border-radius:2px} #spe-root[data-spe-theme="minimal"] #spe-xpbar-label {color:#444} /* ── Hamburguesa ── */ #spe-root[data-spe-theme="minimal"] #spe-togglePanel {background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#666!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] #spe-togglePanel:hover {background:#111!important;color:#fff!important} /* ── Secciones ── */ #spe-root[data-spe-theme="minimal"] .spe-section {border-bottom-color:#111} #spe-root[data-spe-theme="minimal"] .spe-sec-header {color:#666} #spe-root[data-spe-theme="minimal"] .spe-sec-icon {background:#111!important;color:#666!important} #spe-root[data-spe-theme="minimal"] .spe-sec-badge {background:#111;color:#666;border:none} #spe-root[data-spe-theme="minimal"] .spe-sec-hint {color:#333} /* ── Botones ── */ #spe-root[data-spe-theme="minimal"] .spe-btn-primary {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important;font-weight:500!important} #spe-root[data-spe-theme="minimal"] .spe-btn-primary:hover {background:#e0e0e0!important;transform:none!important} #spe-root[data-spe-theme="minimal"] .spe-btn-outline {color:#888!important;border:1px solid #222!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-btn-outline:hover {background:#111!important;color:#fff!important;border-color:#444!important} #spe-root[data-spe-theme="minimal"] .spe-btn-verify {background:transparent!important;color:#888!important;border:1px solid #222!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-btn-verify:hover {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="minimal"] .spe-btn-ghost {color:#444!important;border-color:#1a1a1a!important} #spe-root[data-spe-theme="minimal"] .spe-btn-ghost:hover {color:#888!important;background:#0f0f0f!important} #spe-root[data-spe-theme="minimal"] .spe-btn-enunciado {background:transparent!important;color:#888!important;border:1px solid #222!important} #spe-root[data-spe-theme="minimal"] .spe-btn-enunciado:hover {color:#fff!important;border-color:#444!important} #spe-root[data-spe-theme="minimal"] .spe-btn-enunciado.active {color:#fff!important;border-color:#555!important;background:#111!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-btn-solucion {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-btn-solucion:hover {background:#e0e0e0!important} #spe-root[data-spe-theme="minimal"] .spe-btn-pasos {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-btn-pasos:hover {background:#e0e0e0!important} /* ── Ejercicio card ── */ #spe-root[data-spe-theme="minimal"] .spe-ex-param {border-bottom-color:#111} #spe-root[data-spe-theme="minimal"] .spe-ex-label {color:#444} #spe-root[data-spe-theme="minimal"] .spe-ex-value {color:#ccc;font-weight:400} #spe-root[data-spe-theme="minimal"] .spe-empty-hint {color:#333} /* ── Vectores ── */ #spe-root[data-spe-theme="minimal"] .spe-vec-btn {background:#050505!important;border:1px solid #1a1a1a!important;color:#888!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-vec-btn:hover {border-color:#333!important;color:#ccc!important} #spe-root[data-spe-theme="minimal"] .spe-vec-btn.spe-activo {border-color:#555!important;background:#111!important;color:#fff!important} /* ── Enunciado ── */ #spe-root[data-spe-theme="minimal"] #spe-enunciado-panel {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-enunciado-hint {color:#333} #spe-root[data-spe-theme="minimal"] .spe-enunciado-hint em {color:#888} #spe-root[data-spe-theme="minimal"] .spe-enunciado-textarea {background:#000!important;border-color:#1a1a1a!important;color:#ccc!important} #spe-root[data-spe-theme="minimal"] .spe-enunciado-textarea:focus{border-color:#555!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-enunciado-mic {background:#050505!important;border-color:#1a1a1a!important;color:#555!important} #spe-root[data-spe-theme="minimal"] .spe-enunciado-mic:hover {color:#fff!important;border-color:#333!important} #spe-root[data-spe-theme="minimal"] .spe-enunciado-tag {background:#111;border-color:#222;color:#888} #spe-root[data-spe-theme="minimal"] .spe-enunciado-tag .tag-label{color:#444} /* ── Transportador ── */ #spe-root[data-spe-theme="minimal"] .spe-transp-badge {color:#888;border-color:#222} /* ── Respuestas alumno ── */ #spe-root[data-spe-theme="minimal"] #spe-respuestas {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-resp-title {color:#888} #spe-root[data-spe-theme="minimal"] .spe-resp-input {background:#000!important;border:1px solid #1a1a1a!important;color:#ccc!important} #spe-root[data-spe-theme="minimal"] .spe-resp-input:focus {border-color:#555!important} #spe-root[data-spe-theme="minimal"] .spe-resp-input.ok {border-color:#555!important;background:#0a0a0a!important} #spe-root[data-spe-theme="minimal"] .spe-resp-input.err {border-color:#666!important} #spe-root[data-spe-theme="minimal"] .spe-resp-feedback {color:#555} #spe-root[data-spe-theme="minimal"] .spe-resp-feedback.ok {color:#999} #spe-root[data-spe-theme="minimal"] .spe-resp-feedback.err {color:#666} #spe-root[data-spe-theme="minimal"] .spe-resp-label {color:#333} /* ── Guía paso a paso ── */ #spe-root[data-spe-theme="minimal"] .spe-guia-badge {background:#fff;color:#000} #spe-root[data-spe-theme="minimal"] .spe-guia-badge.ok {background:#ccc;color:#000} #spe-root[data-spe-theme="minimal"] .spe-guia-step {background:#111;color:#888} #spe-root[data-spe-theme="minimal"] .spe-guia-formula {background:#050505;border-left-color:#333;color:#999} #spe-root[data-spe-theme="minimal"] .spe-guia-datos {background:#050505;color:#888} #spe-root[data-spe-theme="minimal"] .spe-guia-drawn {color:#888} #spe-root[data-spe-theme="minimal"] .spe-guia-next {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .spe-guia-next:hover {background:#e0e0e0!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-guia-table td {border-bottom-color:#111;color:#888} #spe-root[data-spe-theme="minimal"] .spe-guia-result td {color:#fff;border-top-color:#222} #spe-root[data-spe-theme="minimal"] .spe-guia-final {background:#050505;border-color:#1a1a1a} /* ── HUD / Tooltip / Info ── */ #spe-root[data-spe-theme="minimal"] #spe-hud {background:rgba(0,0,0,.85)!important;border-color:#1a1a1a!important;color:#666!important} #spe-root[data-spe-theme="minimal"] #spe-tooltip {background:rgba(0,0,0,.95)!important;border-color:#333!important;color:#ccc!important} #spe-root[data-spe-theme="minimal"] #spe-info {color:#888} #spe-root[data-spe-theme="minimal"] #spe-info.ok {color:#ccc} #spe-root[data-spe-theme="minimal"] #spe-info.err {color:#888} #spe-root[data-spe-theme="minimal"] .spe-stat-pill {background:#0a0a0a;border-color:#1a1a1a;color:#555} /* ── Calibración ── */ #spe-root[data-spe-theme="minimal"] .spe-calib-dot {background:#fff;box-shadow:0 0 8px rgba(255,255,255,.3)} #spe-root[data-spe-theme="minimal"] #spe-calibPanel {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-calibInstrucciones {color:#555} #spe-root[data-spe-theme="minimal"] #spe-btn-academia {background:#111!important;border-color:#1a1a1a!important;color:#888!important} #spe-root[data-spe-theme="minimal"] #spe-btn-academia:hover {border-color:#333!important;color:#fff!important} /* ══════ ADMIN PANEL ══════ */ #spe-root[data-spe-theme="minimal"] #spe-ap {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-ah {background:#0a0a0a;border-bottom-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-card {background:#0a0a0a;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-at {color:#555;border-bottom-color:transparent} #spe-root[data-spe-theme="minimal"] .spe-at.active {color:#fff;background:#111;border-bottom-color:#fff} #spe-root[data-spe-theme="minimal"] .spe-kc {border-top-color:#fff;color:#fff} #spe-root[data-spe-theme="minimal"] #spe-mavatar {background:#fff;color:#000} #spe-root[data-spe-theme="minimal"] #spe-mhdr strong {color:#ccc} #spe-root[data-spe-theme="minimal"] .spe-mm.bot {background:#0a0a0a;border-color:#1a1a1a;border-left-color:#333;color:#888} #spe-root[data-spe-theme="minimal"] .spe-mm.usr {background:#fff;color:#000} #spe-root[data-spe-theme="minimal"] .spe-sb {background:#fff} #spe-root[data-spe-theme="minimal"] .spe-pfill {background:#fff} /* ══════ ACADEMIA ══════ */ #spe-root[data-spe-theme="minimal"] #spe-acad-overlay {background:rgba(0,0,0,.92)!important} #spe-root[data-spe-theme="minimal"] #spe-acad-panel {background:#000;border:1px solid #1a1a1a;box-shadow:0 40px 100px rgba(0,0,0,.95)} #spe-root[data-spe-theme="minimal"] #spe-acad-hdr {background:#0a0a0a;border-bottom:1px solid #1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-acad-logo strong {color:#fff;font-weight:400} #spe-root[data-spe-theme="minimal"] #spe-acad-logo em {color:#333} #spe-root[data-spe-theme="minimal"] #spe-acad-logo svg {stroke:#888!important} #spe-root[data-spe-theme="minimal"] #spe-acad-close {border-color:#1a1a1a!important;color:#444!important;background:transparent!important} #spe-root[data-spe-theme="minimal"] #spe-acad-close:hover {color:#fff!important} #spe-root[data-spe-theme="minimal"] #spe-acad-body {background:#000} #spe-root[data-spe-theme="minimal"] #spe-acad-body::-webkit-scrollbar-thumb{background:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-acad-spinner p {color:#333} /* Academia — Welcome */ #spe-root[data-spe-theme="minimal"] #spe-acad-welcome h2 {color:#fff;font-weight:300} #spe-root[data-spe-theme="minimal"] #spe-acad-welcome p {color:#333} #spe-root[data-spe-theme="minimal"] #spe-acad-bar {border-color:#1a1a1a;background:#050505} #spe-root[data-spe-theme="minimal"] .acad-stat-item {border-right-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .acad-stat-item strong {color:#fff;font-weight:400} #spe-root[data-spe-theme="minimal"] .acad-stat-item span {color:#333} /* Academia — Filtros */ #spe-root[data-spe-theme="minimal"] #spe-acad-search {background:#050505!important;border:1px solid #1a1a1a!important;color:#ccc!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] #spe-acad-search:focus {border-color:#444!important} #spe-root[data-spe-theme="minimal"] #spe-acad-search::placeholder{color:#333!important} #spe-root[data-spe-theme="minimal"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="minimal"] #spe-acad-filtro-nivel {background:#050505;border:1px solid #1a1a1a;color:#888;border-radius:6px} /* Academia — Course cards */ #spe-root[data-spe-theme="minimal"] .acad-course-card {background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px} #spe-root[data-spe-theme="minimal"] .acad-course-card:hover {border-color:#333;box-shadow:none;background:#0f0f0f} #spe-root[data-spe-theme="minimal"] .acc-icon {background:#111!important;border:1px solid #1a1a1a!important} #spe-root[data-spe-theme="minimal"] .acc-icon svg path {stroke:#666!important} #spe-root[data-spe-theme="minimal"] .acc-name {color:#fff;font-weight:400} #spe-root[data-spe-theme="minimal"] .acc-desc {color:#333} #spe-root[data-spe-theme="minimal"] .acc-tag-pais {background:#111;color:#666;border:none} #spe-root[data-spe-theme="minimal"] .acc-footer {border-top-color:#111;color:#333} #spe-root[data-spe-theme="minimal"] .acc-prog-label {color:#333} #spe-root[data-spe-theme="minimal"] .acc-prog-bar {background:#111} #spe-root[data-spe-theme="minimal"] .acc-fill {background:#fff;border-radius:2px} /* Academia — Course header */ #spe-root[data-spe-theme="minimal"] #spe-acad-course-hdr {background:linear-gradient(135deg, #050505 0%, #111 40%, #222 100%)!important;border:none!important;border-radius:0!important} #spe-root[data-spe-theme="minimal"] #spe-acad-course-hdr h2 {color:#fff;font-weight:600} #spe-root[data-spe-theme="minimal"] #spe-acad-course-hdr p {color:rgba(255,255,255,0.65)!important} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #050505 0%, #111 40%, #222 100%)!important;border:none!important;border-radius:0!important} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-hdr h2 {color:#fff;font-weight:600} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-hdr p {color:rgba(255,255,255,0.65)!important} #spe-root[data-spe-theme="minimal"] .acch-progress-fill {background:#fff!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .acch-stats span {color:rgba(255,255,255,0.5)!important} /* Academia — Lessons */ #spe-root[data-spe-theme="minimal"] .acad-lesson-item {background:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px} #spe-root[data-spe-theme="minimal"] .acad-lesson-item:hover {border-color:#333;background:#0f0f0f} #spe-root[data-spe-theme="minimal"] .ali-name {color:#ccc;font-weight:400} #spe-root[data-spe-theme="minimal"] .ali-dur {color:#333} #spe-root[data-spe-theme="minimal"] .ali-check {border-color:#222;background:transparent} #spe-root[data-spe-theme="minimal"] .ali-check.done {background:#fff;border-color:#fff;color:#000} #spe-root[data-spe-theme="minimal"] .ali-type-texto {background:#111;color:#666} #spe-root[data-spe-theme="minimal"] .ali-type-simulador {background:#111;color:#666} /* Academia — Lesson content */ #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content {background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content h3 {color:#fff;font-weight:400} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content p, #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content ul, #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content ol {color:#888} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content em {color:#ccc} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content blockquote{border-left-color:#333;background:#050505} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content th {background:#111;color:#888;border-bottom-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content td {border-bottom-color:#111;color:#666} #spe-root[data-spe-theme="minimal"] #spe-acad-lesson-content code{background:#111;color:#888} /* Academia — Navigation */ #spe-root[data-spe-theme="minimal"] .acad-nav-btn {background:transparent!important;border:1px solid #1a1a1a!important;color:#444!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .acad-nav-btn:hover {background:#111!important;border-color:#333!important;color:#fff!important} #spe-root[data-spe-theme="minimal"] .acad-nav-btn-next {background:#111!important;border-color:#222!important;color:#888!important} #spe-root[data-spe-theme="minimal"] .acad-nav-btn-next:hover {background:#1a1a1a!important;color:#fff!important} #spe-root[data-spe-theme="minimal"] #spe-acad-mark-done {background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:6px!important} #spe-root[data-spe-theme="minimal"] .acad-back-btn {border-color:#1a1a1a!important;color:#444!important} #spe-root[data-spe-theme="minimal"] .acad-back-btn:hover {color:#fff!important} #spe-root[data-spe-theme="minimal"] .acad-empty {color:#333} /* ── No scan-lines or glows ── */ #spe-root[data-spe-theme="minimal"]::after {display:none!important} /* Auth overlay */ #spe-root[data-spe-theme="minimal"] #spe-auth-panel {background:#0a0a0a;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-auth-tab.active {background:#1a1a1a!important;color:#fff!important} #spe-root[data-spe-theme="minimal"] .spe-auth-field input {background:#000!important;border-color:#1a1a1a!important} #spe-root[data-spe-theme="minimal"] .spe-auth-field input:focus {border-color:#555!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-auth-role {background:#050505!important;border-color:#1a1a1a!important} #spe-root[data-spe-theme="minimal"] .spe-auth-role.active {border-color:#fff!important;background:#111!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-auth-role.active strong {color:#fff} #spe-root[data-spe-theme="minimal"] .spe-auth-submit {background:#fff!important;color:#000!important} #spe-root[data-spe-theme="minimal"] .acc-footer-auth {background:#111;color:#888} /* Landing */ #spe-root[data-spe-theme="minimal"] .spe-landing-hero h2 {font-weight:300} #spe-root[data-spe-theme="minimal"] .spe-landing-btn-primary {box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-landing-btn-primary:hover{box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-landing-feat {background:#0a0a0a;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-landing-feat strong {color:#ccc} /* Profile */ #spe-root[data-spe-theme="minimal"] #spe-perfil-panel {background:#0a0a0a;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-perfil-hdr {border-bottom-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-perfil-avatar {background:#fff;color:#000} #spe-root[data-spe-theme="minimal"] #spe-perfil-nombre {font-weight:400} #spe-root[data-spe-theme="minimal"] .sp-kpi {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .sp-kpi-val {color:#ccc} #spe-root[data-spe-theme="minimal"] .sp-dominio-track {background:#111} #spe-root[data-spe-theme="minimal"] .sp-meta-tag {background:#050505;border-color:#1a1a1a;color:#888} #spe-root[data-spe-theme="minimal"] .sp-ses-row {background:#050505} /* Academy Dashboard */ #spe-root[data-spe-theme="minimal"] #spe-adash-panel {background:#0a0a0a;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] #spe-adash-tabs {border-bottom-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-adash-tab.active {color:#fff!important;border-bottom-color:#fff!important} #spe-root[data-spe-theme="minimal"] .ad-kpi {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .ad-kpi-val {color:#ccc} #spe-root[data-spe-theme="minimal"] .ad-spark-bar {background:#fff} #spe-root[data-spe-theme="minimal"] .ad-alumno-card {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .ad-alumno-avatar {background:#fff;color:#000} #spe-root[data-spe-theme="minimal"] .ad-at-row:hover {background:#0f0f0f} #spe-root[data-spe-theme="minimal"] .ad-filtro {background:#000!important;border-color:#1a1a1a!important} /* Paywall */ #spe-root[data-spe-theme="minimal"] #spe-upgrade-panel {background:#0a0a0a;border-color:#1a1a1a;box-shadow:0 30px 80px rgba(0,0,0,.9)} #spe-root[data-spe-theme="minimal"] .spe-upg-price {color:#fff} #spe-root[data-spe-theme="minimal"] .spe-upg-btn-primary {background:#fff!important;color:#000!important;box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .spe-upg-btn-primary:hover {box-shadow:none!important} #spe-root[data-spe-theme="minimal"] .acc-badge-pro {background:#111;color:#888} #spe-root[data-spe-theme="minimal"] .acc-footer-lock {background:#111;color:#888} #spe-root[data-spe-theme="minimal"] .spe-ia-badge {background:#111;color:#888} #spe-root[data-spe-theme="minimal"] .spe-premium-badge {background:#111;color:#ccc} /* Help - inline styles, solo overrides de color para minimal */ #spe-root[data-spe-theme="minimal"] #spe-help-btn {background:rgba(0,0,0,.95)!important;border-color:#333!important;color:#fff!important} #spe-root[data-spe-theme="minimal"] #spe-help-btn:hover {background:#fff!important;color:#000!important} #spe-root[data-spe-theme="minimal"] #spe-help-panel {background:rgba(5,5,5,.98)!important;border-color:#222!important} /* Landing paths */ #spe-root[data-spe-theme="minimal"] .spe-landing-path {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-landing-path:hover {border-color:#555} #spe-root[data-spe-theme="minimal"] .spe-landing-btn-academia {border-color:#555!important;color:#ccc!important} #spe-root[data-spe-theme="minimal"] .spe-landing-btn-academia:hover{background:#fff!important;color:#000!important} /* Inline auth */ #spe-root[data-spe-theme="minimal"] .spe-itab.active {background:#1a1a1a!important} #spe-root[data-spe-theme="minimal"] .spe-irole {background:#050505;border-color:#1a1a1a} #spe-root[data-spe-theme="minimal"] .spe-irole.active {border-color:#fff;background:#111;box-shadow:none} #spe-root[data-spe-theme="minimal"] .spe-irole.active strong {color:#fff!important} #spe-root[data-spe-theme="minimal"] .spe-ifield input {background:#000!important;border-color:#1a1a1a!important} #spe-root[data-spe-theme="minimal"] .spe-ifield input:focus {border-color:#555!important;box-shadow:none!important} /* ══════════════════════════════════════════════════════════════════ TEMA: Blanco — Fondo blanco puro, negro, gris, ligero ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="blanco"] { --bg:#fff; --panel:#fff; --panel2:#fafafa; --b:#e0e0e0; --acc:#111; --gold:#555; --txt:#111; --muted:#888; --g:#2e7d32; --r:#c62828; --o:#e65100; --pur:#5e35b1; } /* ── Forzar fondo blanco en todo ── */ #spe-root[data-spe-theme="blanco"], #spe-root[data-spe-theme="blanco"] #spe-mapa {background:#f5f5f5!important} #spe-root[data-spe-theme="blanco"] #spe-uploadZone {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-up-anchor {opacity:.4} #spe-root[data-spe-theme="blanco"] .spe-up-wrap h2 {color:#111!important;font-weight:600} #spe-root[data-spe-theme="blanco"] .spe-up-wrap h2 span {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-up-wrap p {color:#666!important} #spe-root[data-spe-theme="blanco"] .spe-up-btn {background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-up-btn:hover {background:#333!important} #spe-root[data-spe-theme="blanco"] .spe-up-hint {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-up-features span {color:#888!important;border-color:#e0e0e0!important;background:#fafafa!important} /* ── Panel izquierdo ── */ #spe-root[data-spe-theme="blanco"] #spe-leftPanel {background:#fff!important;border-right:1px solid #e0e0e0!important;box-shadow:2px 0 12px rgba(0,0,0,.03)!important} #spe-root[data-spe-theme="blanco"] #spe-profile {background:#fff!important;border-bottom:1px solid #eee!important} #spe-root[data-spe-theme="blanco"] #spe-avatar {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-profile-name {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-login-link {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-level-badge {background:#f0f0f0!important;color:#555!important} #spe-root[data-spe-theme="blanco"] #spe-xp-text {color:#aaa!important} #spe-root[data-spe-theme="blanco"] #spe-xpbar {background:#eee!important} #spe-root[data-spe-theme="blanco"] #spe-xpbar-fill {background:#111!important;box-shadow:none!important;border-radius:3px!important} #spe-root[data-spe-theme="blanco"] #spe-xpbar-label {color:#aaa!important} #spe-root[data-spe-theme="blanco"] #spe-xpbar-wrap {border-bottom:1px solid #eee!important} #spe-root[data-spe-theme="blanco"] #spe-logoutBtn {background:#f5f5f5!important;border:1px solid #ccc!important;color:#444!important} #spe-root[data-spe-theme="blanco"] #spe-logoutBtn:hover {background:#fee!important;border-color:#e57373!important;color:#c62828!important} #spe-root[data-spe-theme="blanco"] #spe-closePanel {background:#f5f5f5!important;border:1px solid #ccc!important;color:#555!important} #spe-root[data-spe-theme="blanco"] #spe-closePanel:hover {background:#eee!important;color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-portal-bar {background:#fff!important;border-bottom:1px solid #e0e0e0!important;box-shadow:0 1px 8px rgba(0,0,0,.06)!important} #spe-root[data-spe-theme="blanco"] .spe-portal-btn {background:#f5f5f5!important;border:1px solid #ccc!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-portal-btn:hover {background:#eee!important;border-color:#999!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-portal-salir, #spe-root[data-spe-theme="blanco"] #spe-btn-salir {background:#f5f5f5!important;border:1px solid #ccc!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-portal-salir:hover, #spe-root[data-spe-theme="blanco"] #spe-btn-salir:hover {background:#fee!important;border-color:#e57373!important;color:#c62828!important} #spe-root[data-spe-theme="blanco"] #spe-portal-bar .spe-portal-brand-text {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-portal-bar .spe-portal-badge {color:#555!important;border-color:#ddd!important;background:#fafafa!important} /* ── Hamburguesa ── */ #spe-root[data-spe-theme="blanco"] #spe-togglePanel {background:#fff!important;border:1px solid #ddd!important;color:#555!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important} #spe-root[data-spe-theme="blanco"] #spe-togglePanel:hover {background:#f5f5f5!important;color:#111!important} /* ── Secciones ── */ #spe-root[data-spe-theme="blanco"] .spe-section {border-bottom-color:#eee!important} #spe-root[data-spe-theme="blanco"] .spe-sec-header {color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-sec-icon {background:#f5f5f5!important;color:#555!important} #spe-root[data-spe-theme="blanco"] .spe-sec-icon.calib {background:#f0f7f0!important;color:#2e7d32!important} #spe-root[data-spe-theme="blanco"] .spe-sec-badge {background:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important} #spe-root[data-spe-theme="blanco"] .spe-sec-badge.ok {background:#f0f7f0!important;color:#2e7d32!important;border-color:#c8e6c9!important} #spe-root[data-spe-theme="blanco"] .spe-sec-hint {color:#aaa!important} /* ── Botones ── */ #spe-root[data-spe-theme="blanco"] .spe-btn-primary {background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-btn-primary:hover {background:#333!important} #spe-root[data-spe-theme="blanco"] .spe-btn-outline {color:#333!important;border:1px solid #ccc!important;border-radius:8px!important;background:#fff!important} #spe-root[data-spe-theme="blanco"] .spe-btn-outline:hover {background:#f5f5f5!important;border-color:#999!important} #spe-root[data-spe-theme="blanco"] .spe-btn-verify {background:#fff!important;color:#333!important;border:1px solid #ccc!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-btn-verify:hover {background:#f5f5f5!important} #spe-root[data-spe-theme="blanco"] .spe-btn-ghost {color:#aaa!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-btn-ghost:hover {color:#333!important;background:#fafafa!important} #spe-root[data-spe-theme="blanco"] .spe-btn-enunciado {background:#fff!important;color:#333!important;border:1px solid #ccc!important} #spe-root[data-spe-theme="blanco"] .spe-btn-enunciado:hover {border-color:#888!important} #spe-root[data-spe-theme="blanco"] .spe-btn-enunciado.active {color:#111!important;border-color:#111!important;background:#f5f5f5!important;box-shadow:none!important} #spe-root[data-spe-theme="blanco"] .spe-btn-solucion {background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-btn-pasos {background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-icon-btn {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-icon-btn:hover {color:#333!important} /* ── Ejercicio card ── */ #spe-root[data-spe-theme="blanco"] .spe-ex-param {border-bottom-color:#eee!important} #spe-root[data-spe-theme="blanco"] .spe-ex-label {color:#999!important} #spe-root[data-spe-theme="blanco"] .spe-ex-value {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-empty-hint {color:#ccc!important} /* ── Vectores ── */ #spe-root[data-spe-theme="blanco"] .spe-vec-btn {background:#fff!important;border:1px solid #ddd!important;color:#333!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-vec-btn:hover {border-color:#999!important;background:#fafafa!important} #spe-root[data-spe-theme="blanco"] .spe-vec-btn.spe-activo {border-color:#111!important;background:#f5f5f5!important;color:#111!important} /* ── Enunciado ── */ #spe-root[data-spe-theme="blanco"] #spe-enunciado-panel {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-hint {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-hint em {color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-textarea {background:#fafafa!important;border-color:#ddd!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-textarea:focus{border-color:#888!important;box-shadow:none!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-mic {background:#fff!important;border-color:#ddd!important;color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-mic:hover {color:#111!important;border-color:#888!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-tag {background:#fafafa!important;border-color:#ddd!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-enunciado-tag .tag-label{color:#aaa!important} /* ── Transportador ── */ #spe-root[data-spe-theme="blanco"] .spe-transp-badge {color:#111!important;border-color:#ccc!important;background:#fff!important} /* ── Respuestas alumno ── */ #spe-root[data-spe-theme="blanco"] #spe-respuestas {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-resp-title {color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-resp-input {background:#fafafa!important;border:1px solid #ddd!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-resp-input:focus {border-color:#888!important} #spe-root[data-spe-theme="blanco"] .spe-resp-input.ok {border-color:#a5d6a7!important;background:#f0f7f0!important} #spe-root[data-spe-theme="blanco"] .spe-resp-input.err {border-color:#ef9a9a!important;background:#fff5f5!important} #spe-root[data-spe-theme="blanco"] .spe-resp-feedback {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-resp-feedback.ok {color:#2e7d32!important} #spe-root[data-spe-theme="blanco"] .spe-resp-feedback.err {color:#c62828!important} #spe-root[data-spe-theme="blanco"] .spe-resp-label {color:#aaa!important} /* ── Guía paso a paso ── */ #spe-root[data-spe-theme="blanco"] .spe-guia-badge {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] .spe-guia-badge.ok {background:#2e7d32!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] .spe-guia-step {background:#fafafa!important;color:#333!important;border:1px solid #eee!important;border-radius:6px!important} #spe-root[data-spe-theme="blanco"] .spe-guia-formula {background:#fafafa!important;border-left:3px solid #111!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-guia-datos {background:#f0f7f0!important;color:#2e7d32!important} #spe-root[data-spe-theme="blanco"] .spe-guia-drawn {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-guia-next {background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .spe-guia-table td {border-bottom-color:#eee!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-guia-result td {color:#111!important;border-top-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-guia-final {background:#fafafa!important;border-color:#ddd!important} /* ── HUD / Tooltip / Info ── */ #spe-root[data-spe-theme="blanco"] #spe-hud {background:rgba(255,255,255,.95)!important;border-color:#ddd!important;color:#333!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important} #spe-root[data-spe-theme="blanco"] .spe-hud-div {color:#ccc!important} #spe-root[data-spe-theme="blanco"] #spe-tooltip {background:#fff!important;border-color:#ddd!important;color:#111!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important} #spe-root[data-spe-theme="blanco"] #spe-info {color:#333!important} #spe-root[data-spe-theme="blanco"] #spe-info.ok {color:#2e7d32!important} #spe-root[data-spe-theme="blanco"] #spe-info.err {color:#c62828!important} #spe-root[data-spe-theme="blanco"] .spe-stat-pill {background:#fff!important;border-color:#ddd!important;color:#333!important} /* ── Calibración ── */ #spe-root[data-spe-theme="blanco"] .spe-calib-dot {background:#111!important;box-shadow:0 0 8px rgba(0,0,0,.25)!important} #spe-root[data-spe-theme="blanco"] #spe-calibPanel {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] #spe-calibInstrucciones {color:#666!important} #spe-root[data-spe-theme="blanco"] #spe-btn-academia {background:#fff!important;border-color:#ddd!important;color:#333!important} #spe-root[data-spe-theme="blanco"] #spe-btn-academia:hover {border-color:#999!important;color:#111!important} /* ── IA / Exercise badges ── */ #spe-root[data-spe-theme="blanco"] .spe-ia-badge {background:#f0f0f0!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-ia-badge.warn {background:#fff5f5!important;color:#c62828!important} #spe-root[data-spe-theme="blanco"] .spe-ia-label {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-ex-badge {background:#f5f0e0!important;color:#555!important} #spe-root[data-spe-theme="blanco"] .spe-ex-badge.warn {background:#fff5f5!important;color:#c62828!important} #spe-root[data-spe-theme="blanco"] .spe-ex-label {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-premium-badge {background:#f5f5f5!important;color:#555!important} /* ══════ ADMIN PANEL ══════ */ #spe-root[data-spe-theme="blanco"] #spe-ap {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] #spe-ah {background:#fafafa!important;border-bottom-color:#eee!important} #spe-root[data-spe-theme="blanco"] .spe-card {background:#fff!important;border-color:#ddd!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important} #spe-root[data-spe-theme="blanco"] .spe-at {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-at.active {color:#111!important;background:#f5f5f5!important;border-bottom-color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-kc {border-top-color:#111!important;color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-mavatar {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-mhdr strong {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-mm.bot {background:#fafafa!important;border-color:#eee!important;border-left-color:#111!important;color:#333!important} #spe-root[data-spe-theme="blanco"] .spe-mm.usr {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] .spe-sb {background:#111!important} #spe-root[data-spe-theme="blanco"] .spe-pfill {background:#111!important} /* ══════ ACADEMIA ══════ */ #spe-root[data-spe-theme="blanco"] #spe-acad-overlay {background:rgba(255,255,255,.94)!important;backdrop-filter:blur(8px)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-panel {background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important} #spe-root[data-spe-theme="blanco"] #spe-acad-hdr {background:#fafafa!important;border-bottom:1px solid #eee!important} #spe-root[data-spe-theme="blanco"] #spe-acad-logo strong {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-acad-logo em {color:#aaa!important} #spe-root[data-spe-theme="blanco"] #spe-acad-logo svg {stroke:#555!important} #spe-root[data-spe-theme="blanco"] #spe-acad-close {border-color:#ddd!important;color:#aaa!important;background:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-acad-close:hover {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-acad-body {background:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-acad-body::-webkit-scrollbar-thumb{background:#ccc!important} #spe-root[data-spe-theme="blanco"] #spe-acad-spinner p {color:#aaa!important} /* Academia — Welcome */ #spe-root[data-spe-theme="blanco"] #spe-acad-welcome {background:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-acad-welcome h2 {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-acad-welcome p {color:#888!important} #spe-root[data-spe-theme="blanco"] #spe-acad-bar {border-color:#eee!important;background:#fafafa!important} #spe-root[data-spe-theme="blanco"] .acad-stat-item {border-right-color:#eee!important} #spe-root[data-spe-theme="blanco"] .acad-stat-item strong {color:#111!important} #spe-root[data-spe-theme="blanco"] .acad-stat-item span {color:#aaa!important} /* Academia — Filtros */ #spe-root[data-spe-theme="blanco"] #spe-acad-search {background:#fafafa!important;border:1px solid #ddd!important;color:#111!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] #spe-acad-search:focus {border-color:#888!important} #spe-root[data-spe-theme="blanco"] #spe-acad-search::placeholder{color:#bbb!important} #spe-root[data-spe-theme="blanco"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="blanco"] #spe-acad-filtro-nivel {background:#fafafa!important;border:1px solid #ddd!important;color:#555!important;border-radius:8px!important} /* Academia — Course cards */ #spe-root[data-spe-theme="blanco"] .acad-course-card {background:#fff!important;border:1px solid #e0e0e0!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(0,0,0,.03)!important} #spe-root[data-spe-theme="blanco"] .acad-course-card:hover {border-color:#bbb!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important;transform:translateY(-1px)!important} #spe-root[data-spe-theme="blanco"] .acc-icon {background:#f5f5f5!important;border:1px solid #ddd!important} #spe-root[data-spe-theme="blanco"] .acc-icon svg path {stroke:#555!important} #spe-root[data-spe-theme="blanco"] .acc-name {color:#111!important} #spe-root[data-spe-theme="blanco"] .acc-desc {color:#888!important} #spe-root[data-spe-theme="blanco"] .acc-tag-pais {background:#f5f5f5!important;color:#666!important} #spe-root[data-spe-theme="blanco"] .acc-footer {border-top-color:#eee!important;color:#aaa!important} #spe-root[data-spe-theme="blanco"] .acc-prog-bar {background:#eee!important} #spe-root[data-spe-theme="blanco"] .acc-fill {background:#111!important} /* Academia — Lessons */ #spe-root[data-spe-theme="blanco"] .acad-lesson-item {background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .acad-lesson-item:hover {border-color:#bbb!important;background:#fafafa!important} #spe-root[data-spe-theme="blanco"] .ali-name {color:#111!important} #spe-root[data-spe-theme="blanco"] .ali-dur {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .ali-check {border-color:#ccc!important;background:#fff!important} #spe-root[data-spe-theme="blanco"] .ali-check.done {background:#111!important;border-color:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] .ali-type-texto {background:#f5f5f5!important;color:#555!important} #spe-root[data-spe-theme="blanco"] .ali-type-simulador {background:#f5f5f5!important;color:#555!important} #spe-root[data-spe-theme="blanco"] .acad-back-btn {color:#555!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important} #spe-root[data-spe-theme="blanco"] .acad-back-btn:hover {color:#111!important;border-color:#999!important} #spe-root[data-spe-theme="blanco"] .acad-nav-btn {color:#555!important;background:#fff!important;border:1px solid #ddd!important} #spe-root[data-spe-theme="blanco"] .acad-nav-btn:hover {color:#111!important;border-color:#999!important} /* Academia — Lesson content */ #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content {background:#fff!important;border:1px solid #ddd!important;border-radius:10px!important;color:#222!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content h3 {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content a {color:#111!important;text-decoration:underline!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content code{background:#f5f5f5!important;color:#c62828!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-content blockquote{border-left-color:#111!important;background:#fafafa!important;color:#333!important} #spe-root[data-spe-theme="blanco"] #spe-acad-mark-done {background:#111!important;color:#fff!important} /* Blanco — Course header redesign */ #spe-root[data-spe-theme="blanco"] #spe-acad-course-hdr {background:linear-gradient(135deg, #1a5276 0%, #2980b9 40%, #5dade2 100%)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-course-hdr h2 {color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,0.15)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-course-hdr p {color:rgba(255,255,255,0.8)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #1a5276 0%, #2980b9 40%, #5dade2 100%)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-hdr h2 {color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,0.15)!important} #spe-root[data-spe-theme="blanco"] #spe-acad-lesson-hdr p {color:rgba(255,255,255,0.8)!important} #spe-root[data-spe-theme="blanco"] .acch-stats span {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="blanco"] .acch-stats .acc-tag {background:rgba(255,255,255,0.18)!important;color:#fff!important;border-color:rgba(255,255,255,0.2)!important} #spe-root[data-spe-theme="blanco"] .acch-progress-track {background:rgba(255,255,255,0.2)!important} #spe-root[data-spe-theme="blanco"] .acch-progress-fill {background:linear-gradient(90deg,#2ecc71,#27ae60)!important} #spe-root[data-spe-theme="blanco"] .acch-progress-label {color:rgba(255,255,255,0.85)!important} #spe-root[data-spe-theme="blanco"] .acch-ico {box-shadow:0 6px 20px rgba(0,0,0,0.2)!important} /* ── Landing invitados ── */ #spe-root[data-spe-theme="blanco"] .spe-landing-hero h2 {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-landing-hero p {color:#666!important} #spe-root[data-spe-theme="blanco"] .spe-landing-btn-primary {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] .spe-landing-btn-secondary {background:#fff!important;color:#333!important;border:1px solid #ddd!important} #spe-root[data-spe-theme="blanco"] .spe-landing-feat {background:#fff!important;border-color:#e0e0e0!important} #spe-root[data-spe-theme="blanco"] .spe-landing-feat strong {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-landing-feat p {color:#888!important} /* ── Overlays ── */ #spe-root[data-spe-theme="blanco"] #spe-perfil-overlay, #spe-root[data-spe-theme="blanco"] #spe-adash-overlay {background:rgba(255,255,255,.9)!important} #spe-root[data-spe-theme="blanco"] #spe-perfil-panel, #spe-root[data-spe-theme="blanco"] #spe-adash-panel {background:#fff!important;border:1px solid #ddd!important;box-shadow:0 8px 40px rgba(0,0,0,.06)!important} #spe-root[data-spe-theme="blanco"] #spe-upgrade-overlay {background:rgba(255,255,255,.9)!important} #spe-root[data-spe-theme="blanco"] #spe-upgrade-panel {background:#fff!important;border:1px solid #ddd!important;box-shadow:0 8px 40px rgba(0,0,0,.06)!important} /* ── Contexto academia (panel izq) ── */ #spe-root[data-spe-theme="blanco"] #spe-acad-ctx {background:#fafafa!important;border-bottom:1px solid #eee!important} #spe-root[data-spe-theme="blanco"] #spe-lesson-curso-name {color:#aaa!important} #spe-root[data-spe-theme="blanco"] #spe-lesson-name {color:#111!important} #spe-root[data-spe-theme="blanco"] #spe-btn-volver-academia {color:#555!important;border-color:#ddd!important;background:#fff!important} /* ── Help ── */ #spe-root[data-spe-theme="blanco"] #spe-help-btn {background:#fff!important;border-color:#ddd!important;color:#555!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important} #spe-root[data-spe-theme="blanco"] #spe-help-btn:hover {background:#111!important;color:#fff!important} #spe-root[data-spe-theme="blanco"] #spe-help-panel {background:#fff!important;border-color:#ddd!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important} /* ── Manual calibration ── */ #spe-root[data-spe-theme="blanco"] .spe-manual-row input {background:#fafafa!important;border:1px solid #ddd!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-manual-row input:focus {border-color:#888!important} #spe-root[data-spe-theme="blanco"] .spe-manual-row span {color:#555!important} /* ── Theme swatches ── */ #spe-root[data-spe-theme="blanco"] .spe-theme-swatch {border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-theme-swatch.active {border-color:#111!important} /* ── Inline auth form ── */ #spe-root[data-spe-theme="blanco"] .spe-itab {color:#aaa!important} #spe-root[data-spe-theme="blanco"] .spe-itab.active {background:#f5f5f5!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-irole {background:#fff!important;border-color:#ddd!important} #spe-root[data-spe-theme="blanco"] .spe-irole.active {border-color:#111!important;background:#fafafa!important} #spe-root[data-spe-theme="blanco"] .spe-irole.active strong {color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-ifield input {background:#fafafa!important;border-color:#ddd!important;color:#111!important} #spe-root[data-spe-theme="blanco"] .spe-ifield input:focus {border-color:#888!important} #spe-root[data-spe-theme="blanco"] .spe-ibtn {background:#111!important;color:#fff!important} /* ══════════════════════════════════════════════════════════════════ TEMA: AcademIA — teal esmeralda / dark premium Basado en la identidad visual de academIA.riomares.com ══════════════════════════════════════════════════════════════════ */ #spe-root[data-spe-theme="academia"] { --bg:#0a1628; --panel:#0d1f35; --panel2:#091a2c; --b:#152a42; --acc:#2dd4a8; --gold:#d4a44a; --txt:#fff; --muted:rgba(255,255,255,.65); --g:#2dd4a8; --r:#ff5c6c; --o:#ffaa00; --pur:#7c8cf8; } #spe-root[data-spe-theme="academia"] #spe-mapa {background:#060f1c} #spe-root[data-spe-theme="academia"] #spe-uploadZone {background:linear-gradient(145deg,#0d1f35,#0a1628);border-color:var(--acc)} #spe-root[data-spe-theme="academia"] .spe-up-btn {background:var(--acc)!important;color:#0a1628!important;box-shadow:0 4px 24px rgba(45,212,168,.4)!important} #spe-root[data-spe-theme="academia"] #spe-leftPanel {background:linear-gradient(180deg,#070d14 0%,#050a12 100%);border-right-color:#0d1520;box-shadow:10px 0 40px rgba(0,0,0,.5);--txt:#fff;--muted:rgba(255,255,255,.65);--panel:#070d14;--panel2:#050a12;--b:#121c28;color:#fff} #spe-root[data-spe-theme="academia"] #spe-profile {background:linear-gradient(135deg,#060b10,#050a12);border-bottom-color:#121c28} #spe-root[data-spe-theme="academia"] #spe-avatar {background:linear-gradient(135deg,var(--acc),#7c8cf8);color:#0a1628} #spe-root[data-spe-theme="academia"] #spe-level-badge {background:linear-gradient(135deg,var(--gold),#2dd4a8);color:#0a1628} #spe-root[data-spe-theme="academia"] .spe-btn-primary {background:linear-gradient(135deg,var(--acc),#1aab88)!important;color:#0a1628!important;box-shadow:0 4px 16px rgba(45,212,168,.3)!important} #spe-root[data-spe-theme="academia"] .spe-btn-outline {color:var(--acc)!important;border-color:rgba(45,212,168,.3)!important} #spe-root[data-spe-theme="academia"] .spe-btn-outline:hover {background:rgba(45,212,168,.12)!important} #spe-root[data-spe-theme="academia"] #spe-togglePanel {background:rgba(13,31,53,.92)!important;border-color:var(--b)!important;color:var(--txt)!important} #spe-root[data-spe-theme="academia"] #spe-togglePanel:hover {background:rgba(45,212,168,.16)!important;border-color:var(--acc)!important} #spe-root[data-spe-theme="academia"] #spe-mini-toolbar {background:rgba(10,22,40,.95)!important;border-color:rgba(21,42,66,.8)!important} #spe-root[data-spe-theme="academia"] .spe-mt-btn {background:rgba(13,31,53,.9)!important;border-color:rgba(21,42,66,.8)!important;color:#9abdd4!important} #spe-root[data-spe-theme="academia"] .spe-mt-btn:hover {background:rgba(45,212,168,.15)!important;border-color:rgba(45,212,168,.4)!important;color:#fff!important} #spe-root[data-spe-theme="academia"] #spe-xpbar-fill {background:linear-gradient(90deg,var(--acc),#7c8cf8);box-shadow:0 0 8px rgba(45,212,168,.5)} #spe-root[data-spe-theme="academia"] .spe-calib-dot {background:var(--acc);box-shadow:0 0 12px rgba(45,212,168,.9)} #spe-root[data-spe-theme="academia"] .spe-sb {background:linear-gradient(180deg,var(--acc),#1aab88)} #spe-root[data-spe-theme="academia"] .spe-pfill {background:linear-gradient(90deg,var(--acc),#7c8cf8)} #spe-root[data-spe-theme="academia"] .spe-vec-btn.spe-activo {border-color:var(--acc)!important;background:rgba(45,212,168,.16)!important} #spe-root[data-spe-theme="academia"] .spe-transp-badge {color:var(--acc);border-color:rgba(45,212,168,.2)} #spe-root[data-spe-theme="academia"] #spe-btn-academia {background:linear-gradient(135deg,rgba(45,212,168,.12),rgba(124,140,248,.1))!important;border-color:rgba(45,212,168,.25)!important;color:var(--gold)!important} /* Admin */ #spe-root[data-spe-theme="academia"] #spe-ap {background:#081422;border-color:#152a42} #spe-root[data-spe-theme="academia"] #spe-ah {background:linear-gradient(135deg,#0a1628,#0d1f35);border-bottom-color:#152a42} #spe-root[data-spe-theme="academia"] .spe-card {background:var(--panel);border-color:var(--b)} #spe-root[data-spe-theme="academia"] .spe-at.active {background:rgba(45,212,168,.12);border-bottom-color:var(--acc)} #spe-root[data-spe-theme="academia"] .spe-kc {border-top-color:var(--acc)} #spe-root[data-spe-theme="academia"] #spe-mavatar {background:var(--acc);color:#0a1628} #spe-root[data-spe-theme="academia"] #spe-mhdr strong {color:var(--gold)} #spe-root[data-spe-theme="academia"] .spe-mm.usr {background:linear-gradient(135deg,var(--acc),#1aab88);color:#0a1628} /* Academia */ #spe-root[data-spe-theme="academia"] #spe-acad-overlay {background:rgba(6,12,22,.92)!important} #spe-root[data-spe-theme="academia"] #spe-acad-panel {background:#0a1628;border-color:#152a42;box-shadow:0 40px 100px rgba(0,0,0,.85),0 0 0 1px rgba(45,212,168,.06)} #spe-root[data-spe-theme="academia"] #spe-acad-hdr {background:linear-gradient(135deg,#081422,#0d1f35);border-bottom-color:#152a42} #spe-root[data-spe-theme="academia"] #spe-acad-logo strong {color:#fff} #spe-root[data-spe-theme="academia"] #spe-acad-logo em {color:#3a5c74} #spe-root[data-spe-theme="academia"] #spe-acad-close {border-color:#152a42!important;color:#3a5c74!important} #spe-root[data-spe-theme="academia"] #spe-acad-body::-webkit-scrollbar-thumb{background:#152a42} #spe-root[data-spe-theme="academia"] #spe-acad-spinner p {color:#3a5c74} #spe-root[data-spe-theme="academia"] #spe-acad-welcome h2 {color:#fff} #spe-root[data-spe-theme="academia"] #spe-acad-welcome p {color:#3a5c74} #spe-root[data-spe-theme="academia"] #spe-acad-bar {border-color:#152a42} #spe-root[data-spe-theme="academia"] .acad-stat-item {border-right-color:#152a42} #spe-root[data-spe-theme="academia"] .acad-stat-item strong {color:#fff} #spe-root[data-spe-theme="academia"] .acad-stat-item span {color:#3a5c74} #spe-root[data-spe-theme="academia"] #spe-acad-search {background:#091a2c!important;border-color:#152a42!important;color:var(--txt)!important} #spe-root[data-spe-theme="academia"] #spe-acad-search:focus {border-color:var(--acc)!important} #spe-root[data-spe-theme="academia"] #spe-acad-filtro-pais, #spe-root[data-spe-theme="academia"] #spe-acad-filtro-nivel {background:#091a2c;border-color:#152a42;color:var(--txt)} #spe-root[data-spe-theme="academia"] .acad-course-card {background:#0d1f35;border-color:#152a42} #spe-root[data-spe-theme="academia"] .acad-course-card:hover {border-color:rgba(45,212,168,.35);box-shadow:0 10px 32px rgba(0,0,0,.5)} #spe-root[data-spe-theme="academia"] .acc-name {color:#fff} #spe-root[data-spe-theme="academia"] .acc-desc {color:#3a5c74} #spe-root[data-spe-theme="academia"] .acc-tag-pais {background:rgba(45,212,168,.1);color:#5aedc5} #spe-root[data-spe-theme="academia"] .acc-footer {border-top-color:#152a42;color:#3a5c74} #spe-root[data-spe-theme="academia"] .acc-prog-label {color:#3a5c74} #spe-root[data-spe-theme="academia"] .acc-fill {background:linear-gradient(90deg,var(--acc),#7c8cf8)} #spe-root[data-spe-theme="academia"] #spe-acad-course-hdr {background:linear-gradient(135deg, #081422 0%, #0e2a44 40%, #154060 100%)!important} #spe-root[data-spe-theme="academia"] #spe-acad-course-hdr h2 {color:#fff} #spe-root[data-spe-theme="academia"] #spe-acad-course-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-hdr {background:linear-gradient(135deg, #081422 0%, #0e2a44 40%, #154060 100%)!important} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-hdr h2 {color:#fff} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-hdr p {color:rgba(255,255,255,0.7)!important} #spe-root[data-spe-theme="academia"] .acch-progress-fill {background:linear-gradient(90deg,#2dd4a8,#7c8cf8)!important} #spe-root[data-spe-theme="academia"] .acch-stats span {color:rgba(255,255,255,0.6)!important} #spe-root[data-spe-theme="academia"] .acad-lesson-item {background:#0d1f35;border-color:#152a42} #spe-root[data-spe-theme="academia"] .acad-lesson-item:hover {border-color:rgba(45,212,168,.35);background:rgba(45,212,168,.04)} #spe-root[data-spe-theme="academia"] .ali-name {color:var(--txt)} #spe-root[data-spe-theme="academia"] .ali-dur {color:#3a5c74} #spe-root[data-spe-theme="academia"] .ali-check.done {background:var(--acc);border-color:var(--acc);color:#0a1628} #spe-root[data-spe-theme="academia"] .ali-type-texto {background:rgba(45,212,168,.1);color:#5aedc5} #spe-root[data-spe-theme="academia"] .ali-type-simulador {background:rgba(124,140,248,.12);color:#a8b4ff} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content {background:#0d1f35;border-color:#152a42} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content h1, #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content h2, #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content h3 {color:#fff} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content p, #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content ul, #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content ol {color:var(--txt)} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content em {color:#5aedc5} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content blockquote{border-left-color:var(--gold);background:rgba(45,212,168,.04)} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content th {background:rgba(45,212,168,.08);color:#5aedc5;border-bottom-color:#152a42} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content td {border-bottom-color:rgba(21,42,66,.4);color:var(--txt)} #spe-root[data-spe-theme="academia"] #spe-acad-lesson-content code{background:rgba(45,212,168,.08);color:#5aedc5} #spe-root[data-spe-theme="academia"] .acad-nav-btn {background:rgba(45,212,168,.05)!important;border-color:#152a42!important;color:#3a5c74!important} #spe-root[data-spe-theme="academia"] .acad-nav-btn:hover {background:rgba(45,212,168,.12)!important;border-color:rgba(45,212,168,.35)!important;color:#fff!important} #spe-root[data-spe-theme="academia"] .acad-nav-btn-next {background:rgba(45,212,168,.08)!important;border-color:rgba(45,212,168,.2)!important;color:var(--acc)!important} #spe-root[data-spe-theme="academia"] #spe-acad-mark-done {background:linear-gradient(135deg,var(--acc),#1aab88)!important;color:#0a1628!important} #spe-root[data-spe-theme="academia"] .acad-back-btn {border-color:#152a42!important;color:#3a5c74!important} #spe-root[data-spe-theme="academia"] .acad-back-btn:hover {color:var(--txt)!important} #spe-root[data-spe-theme="academia"] .acad-empty {color:#3a5c74} /* Inline auth */ #spe-root[data-spe-theme="academia"] .spe-itab {color:#3a5c74!important} #spe-root[data-spe-theme="academia"] .spe-itab.active {background:rgba(45,212,168,.12)!important;color:var(--acc)!important} #spe-root[data-spe-theme="academia"] .spe-irole {border-color:#152a42!important} #spe-root[data-spe-theme="academia"] .spe-irole.active {border-color:var(--acc)!important;background:rgba(45,212,168,.06)!important} #spe-root[data-spe-theme="academia"] .spe-ifield input {background:#091a2c!important;border-color:#152a42!important;color:#fff!important} #spe-root[data-spe-theme="academia"] .spe-ifield input:focus {border-color:var(--acc)!important} #spe-root[data-spe-theme="academia"] .spe-ibtn {background:var(--acc)!important;color:#0a1628!important} /* ══════════════════════════════════════════════════════════════════ TEXTO BLANCO — temas oscuros (excluye blanco) ══════════════════════════════════════════════════════════════════ */ #spe-root:not([data-spe-theme="blanco"]), #spe-root:not([data-spe-theme="blanco"]) #spe-leftPanel { --txt: #fff; --muted: rgba(255, 255, 255, 0.65); color: #fff; } #spe-root:not([data-spe-theme="blanco"]) .spe-theme-label, #spe-root:not([data-spe-theme="blanco"]) .spe-theme-swatch.active .spe-theme-label { color: rgba(255, 255, 255, 0.65); } #spe-root:not([data-spe-theme="blanco"]) #spe-calibInstrucciones, #spe-root:not([data-spe-theme="blanco"]) #spe-calibPanel, #spe-root:not([data-spe-theme="blanco"]) .spe-manual-row span { color: rgba(255, 255, 255, 0.85) !important; } #spe-root:not([data-spe-theme="blanco"]) .spe-resp-input, #spe-root:not([data-spe-theme="blanco"]) .spe-enunciado-textarea, #spe-root:not([data-spe-theme="blanco"]) .spe-manual-row input, #spe-root:not([data-spe-theme="blanco"]) #spe-manualCalib input[type="number"] { color: #fff !important; } #spe-root:not([data-spe-theme="blanco"]) .spe-resp-input::placeholder, #spe-root:not([data-spe-theme="blanco"]) .spe-enunciado-textarea::placeholder, #spe-root:not([data-spe-theme="blanco"]) #spe-acad-search::placeholder { color: rgba(255, 255, 255, 0.4) !important; } #spe-root:not([data-spe-theme="blanco"]) .spe-btn-outline, #spe-root:not([data-spe-theme="blanco"]) .spe-btn-ghost, #spe-root:not([data-spe-theme="blanco"]) .spe-btn-enunciado, #spe-root:not([data-spe-theme="blanco"]) .spe-vec-btn, #spe-root:not([data-spe-theme="blanco"]) #spe-togglePanel, #spe-root:not([data-spe-theme="blanco"]) .spe-icon-btn { color: rgba(255, 255, 255, 0.9) !important; } #spe-root:not([data-spe-theme="blanco"]) .spe-btn-verify { color: rgba(255, 255, 255, 0.9) !important; } #spe-root:not([data-spe-theme="blanco"]) #spe-acad-logo em, #spe-root:not([data-spe-theme="blanco"]) #spe-acad-welcome p, #spe-root:not([data-spe-theme="blanco"]) .acad-stat-item span, #spe-root:not([data-spe-theme="blanco"]) .acc-desc, #spe-root:not([data-spe-theme="blanco"]) .acc-footer, #spe-root:not([data-spe-theme="blanco"]) .acc-prog-label, #spe-root:not([data-spe-theme="blanco"]) .ali-dur, #spe-root:not([data-spe-theme="blanco"]) .acad-back-btn, #spe-root:not([data-spe-theme="blanco"]) .acad-nav-btn, #spe-root:not([data-spe-theme="blanco"]) .acad-empty, #spe-root:not([data-spe-theme="blanco"]) #spe-acad-close, #spe-root:not([data-spe-theme="blanco"]) #spe-acad-spinner p { color: rgba(255, 255, 255, 0.65) !important; } #spe-root:not([data-spe-theme="blanco"]) .spe-resp-label, #spe-root:not([data-spe-theme="blanco"]) .spe-resp-title, #spe-root:not([data-spe-theme="blanco"]) .spe-guia-step, #spe-root:not([data-spe-theme="blanco"]) .spe-guia-formula, #spe-root:not([data-spe-theme="blanco"]) .spe-guia-datos, #spe-root:not([data-spe-theme="blanco"]) .spe-guia-drawn, #spe-root:not([data-spe-theme="blanco"]) .spe-guia-table td, #spe-root:not([data-spe-theme="blanco"]) .spe-transp-badge, #spe-root:not([data-spe-theme="blanco"]) #spe-info.info { color: rgba(255, 255, 255, 0.85) !important; }