/* 5-oct-2026 · Simuladores 3D: vitrina de la portada, tarjeta del aula, puerta (credencial o pago) y visor. */
.sim-portada{background:#070b12;color:#fff;padding:56px 0}
.sim-portada .shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center}
.sim-portada .eyebrow{color:#ffb627}
.sim-portada h2{color:#fff;margin:6px 0 12px}
.sim-portada p{color:#cbd5e1;line-height:1.55}
.sim-portada ul{margin:12px 0 18px;padding-left:20px;color:#e2e8f0;line-height:1.55}
.sim-portada-img{display:block;width:100%;padding:0;border:2px solid #22314a;border-radius:16px;overflow:hidden;background:#05080e;cursor:pointer}
.sim-portada-img img{display:block;width:100%;height:auto;aspect-ratio:30/21.5;object-fit:cover}
.sim-portada-acciones{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sim-portada-nota{font-size:.9rem;color:#a9b6c8!important;margin:10px 0 0}
@media (max-width:820px){.sim-portada{padding:40px 0}.sim-portada .shell{grid-template-columns:minmax(0,1fr)}}
.sim-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:0 20px;border-radius:12px;border:2px solid #ffb627;background:#ffb627;color:#0b1b33;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;font-family:inherit}
.sim-btn-pagar{background:transparent;color:#fff;border-color:#4fd1ff}
.sim-btn-no{background:transparent;color:#cbd5e1;border-color:transparent}
.sim-btn:focus-visible,.sim-portada-img:focus-visible,.sim-cerrar:focus-visible,.aula-sim-card:focus-visible{outline:3px solid #f4c35b;outline-offset:2px}
.sim-visor{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#070b12}
.sim-barra{display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;background:#0f2342;border-bottom:2px solid #C9A227;color:#fff}
.sim-cerrar{white-space:nowrap;flex-shrink:0;min-height:44px;padding:0 14px;border-radius:10px;border:2px solid #cbd5e1;background:transparent;color:#fff;font-weight:800;cursor:pointer}
.sim-visor iframe{flex:1;width:100%;border:0;background:#070b12}
.sim-acceso{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7,11,18,.82)}
.sim-acceso-caja{max-width:460px;width:100%;padding:22px;border-radius:16px;background:#0f1724;border:2px solid #ffb627;color:#fff}
.sim-acceso-caja h2{margin:0 0 8px;font-size:1.3rem;color:#fff}
.sim-acceso-caja p{margin:0 0 16px;color:#cbd5e1;line-height:1.5}
.sim-acceso-acciones{display:flex;flex-direction:column;gap:10px}
.aula-simuladores{margin:0 0 20px;padding:14px;border-radius:14px;background:#fff;border:1px solid #dbe3ee;color:#0f172a}
.aula-simuladores h2{margin:0 0 4px;font-size:1.2rem;color:#0b1b33}
.aula-sim-intro{margin:0 0 10px;color:#334155}
.aula-sim-card{display:flex;gap:12px;align-items:stretch;width:100%;padding:0;border:1px solid #dbe3ee;border-radius:12px;background:#0b1b33;color:#fff;text-align:left;cursor:pointer;overflow:hidden;font:inherit}
.aula-sim-card img{width:42%;max-width:260px;object-fit:cover;display:block;background:#05080e}
.aula-sim-txt{display:flex;flex-direction:column;gap:4px;padding:12px 12px 12px 0;min-width:0}
.aula-sim-txt strong{font-size:1.02rem;overflow-wrap:anywhere}
.aula-sim-txt>span{font-size:.88rem;color:#cbd5e1}
.aula-sim-idioma{align-self:flex-start;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.14);color:#fff!important;font-weight:700}
.aula-sim-abrir{margin-top:auto;font-weight:800;color:#67e8f9!important}
@media (max-width:520px){.aula-sim-card{flex-direction:column}.aula-sim-card img{width:100%;max-width:none;aspect-ratio:30/21.5}.aula-sim-txt{padding:12px}}
.sim-prueba{margin-left:auto;padding:4px 10px;border-radius:999px;background:rgba(255,182,39,.18);border:1px solid #ffb627;color:#ffd27a;font-weight:800;font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.sim-desbloquear{min-height:40px;padding:0 12px;border-radius:10px;border:2px solid #ffb627;background:#ffb627;color:#0b1b33;font-weight:800;cursor:pointer;white-space:nowrap}
.sim-barra strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sim-acceso-nota{margin:0;color:#a9b6c8;font-size:.9rem;text-align:center}
@media (max-width:520px){.sim-barra{flex-wrap:wrap}.sim-barra strong{flex-basis:100%;order:3;font-size:.9rem}}
/* 11-oct · botones del simulador en la barra del visor (el tablero queda limpio) */
.sim-mando{display:flex;gap:6px;margin-left:auto;flex-shrink:0}
.sim-mando-btn{min-width:44px;min-height:44px;padding:0 8px;border-radius:10px;border:2px solid #4fd1ff;background:#0b1220;color:#fff;font:800 1.2rem/1 system-ui;cursor:pointer}
.sim-mando-btn[data-c="escuchar"]{border-color:#f4c35b}
.sim-mando-btn[aria-pressed="true"]{background:#f4c35b;color:#0f2342;border-color:#f4c35b}
.sim-mando-btn:focus-visible{outline:3px solid #f4c35b;outline-offset:2px}
@media (max-width:640px){.sim-barra:has(.sim-mando){flex-wrap:wrap;gap:6px;padding-left:8px;padding-right:8px}.sim-barra:has(.sim-mando) strong{flex:1 1 0;flex-basis:0;min-width:0;order:0;font-size:.78rem}.sim-barra:has(.sim-mando) .sim-cerrar{padding:0 12px}.sim-mando{gap:4px}.sim-mando-btn{min-width:38px;min-height:40px;padding:0 4px;font-size:1.05rem}}
@media (max-height:500px){.sim-barra:has(.sim-mando){padding-top:calc(4px + env(safe-area-inset-top,0px));padding-bottom:4px}.sim-barra:has(.sim-mando) .sim-cerrar,.sim-mando-btn{min-height:36px}}
/* 22-oct-2026 · portadas 16:9 («ancha»): en el aula se ven completas, sin recorte */
.aula-sim-card img.ancha{align-self:flex-start;height:auto;aspect-ratio:16/9}
@media (max-width:520px){.aula-sim-card img.ancha{aspect-ratio:16/9}}