/* Lobby de simulacros según la maqueta «simulacros.png» (25/09/2026).
   Reutiliza la portada, filtros y botones de concursos_publicos.css. */
.sl .cp-hero{min-height:360px}
.sl-nota{left:47%}
.sl-garantia{position:absolute;z-index:1;right:clamp(20px,3vw,56px);top:34px;width:290px;padding:20px 22px;background:rgba(255,255,255,.95);border:1px solid #e3e9f3;border-radius:16px;box-shadow:0 16px 40px rgba(15,40,90,.14)}
.sl-garantia-cabecera{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.sl-garantia-cabecera span{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--cp-azul);color:#fff}
.sl-garantia-cabecera i,.sl-garantia-cabecera svg{width:24px;height:24px}
.sl-garantia-cabecera strong{font:800 1.02rem/1.25 'Outfit',sans-serif;color:var(--cp-tinta)}
.sl-garantia ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sl-garantia li{display:flex;align-items:center;gap:9px;font-size:.92rem;color:#1b2b48}
.sl-garantia li i,.sl-garantia li svg{width:19px;height:19px;color:#fff;fill:#16a34a;flex:none}

.sl-buscador{position:relative;z-index:3;display:grid;grid-template-columns:minmax(200px,1.2fr) repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:center;max-width:1440px;margin:-40px auto 26px;padding:12px;background:#fff;border:1px solid var(--cp-borde);border-radius:16px;box-shadow:0 12px 32px rgba(15,40,90,.1)}
.sl-campo{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:6px 10px;border:1px solid #dfe7f3;border-radius:10px;background:#fff}
.sl-campo>i,.sl-campo>svg{width:22px;height:22px;flex:none;color:var(--cp-azul)}
.sl-campo>span{display:grid;min-width:0;flex:1}
.sl-campo small{font-size:.74rem;font-weight:700;color:var(--cp-tinta)}
.sl-campo select{width:100%;min-height:0;padding:0;border:0;background:none;font:inherit;font-size:.84rem;color:#4b5b75;cursor:pointer}
.sl-campo select:focus{outline:none}
.sl-campo:focus-within{border-color:#2465d6;box-shadow:0 0 0 3px #b3cdfa}
.sl-campo-texto input{width:100%;min-height:0;padding:0;border:0;font:inherit;font-size:.9rem;background:none}
.sl-campo-texto input:focus{outline:none}
.sl-campo-texto>i,.sl-campo-texto>svg{color:#6b7a91}
.sl-buscar{min-height:52px;padding:10px 26px;font-size:.95rem}

.sl-cuerpo{grid-template-columns:238px minmax(0,1fr)}
.sl-lateral{min-width:0;padding:14px}
.sl-lateral-titulo{margin:2px 0 10px;font:800 1.15rem 'Outfit',sans-serif;color:var(--cp-tinta)}
.sl-lateral-sub{margin:14px 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--cp-suave)}
.sl-areas{display:grid;gap:2px}
.sl-areas button,.sl-areas a{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:9px 6px;border:1px solid transparent;border-radius:9px;background:none;font:500 .79rem/1.4 'Inter',sans-serif;white-space:normal;color:#1b2b48;text-align:left;text-decoration:none;cursor:pointer}
.sl-areas button:hover,.sl-areas a:hover{background:#f3f7ff}
.sl-areas button[aria-pressed=true]{background:#eaf1ff;border-color:#bcd0f3;color:var(--cp-azul);font-weight:700}
.sl-areas i,.sl-areas svg{width:18px;height:18px;flex:none}
.sl-chevron{margin-left:auto;color:#9aa7ba}
.sl-azul{color:var(--cp-azul)}.sl-violeta{color:#7c3aed}.sl-rojo{color:#e0342a}.sl-ambar{color:#e58a00}.sl-verde{color:#15935a}

.sl-cabecera{align-items:center;margin-bottom:14px}
.sl-cabecera h2{font:800 1.35rem 'Outfit',sans-serif}
.sl-cabecera a{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--cp-azul);text-decoration:none}
.sl-cabecera a:hover{text-decoration:underline}
.sl-cabecera a svg,.sl-cabecera a i{width:17px;height:17px}

.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.sl-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--cp-borde);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(16,40,80,.05);transition:transform .15s,box-shadow .15s}
.sl-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,40,80,.12)}
.sl-card[hidden]{display:none}
.sl-card-foto{height:140px;flex:none;background:linear-gradient(135deg,#cfe0fb,#eef4ff)}
.sl-card-foto img{width:100%;height:100%;object-fit:cover;display:block}
.sl-card-cabecera{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:16px 16px 0}
.sl-card-logo{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 3px 10px rgba(12,40,90,.18);color:var(--cp-azul);overflow:hidden}
.sl-card-logo img{width:80%;height:80%;object-fit:contain}
.sl-card-logo i,.sl-card-logo svg{width:26px;height:26px}
.sl-card-cabecera div{min-width:0}
.sl-card-cabecera h3{min-height:2.5em;margin:0;font:700 1.05rem/1.25 'Outfit',sans-serif;color:var(--cp-tinta);overflow-wrap:break-word}
.sl-card-cabecera p{min-height:4.35em;margin:5px 0 0;font-size:.82rem;line-height:1.45;color:var(--cp-suave)}
.sl-card-datos{list-style:none;margin:16px 16px 12px;padding:0;display:grid;gap:8px;font-size:.82rem;color:#33435e}
.sl-card-datos li{display:flex;align-items:center;gap:7px}
.sl-card-datos svg,.sl-card-datos i{width:15px;height:15px;color:#6b7a91;flex:none}
.sl-card-etiquetas{display:flex;flex-wrap:wrap;gap:6px;margin:0 16px 16px}
.sl-etiqueta{padding:3px 8px;border-radius:999px;font-size:.66rem;font-weight:700;background:#eaf1ff;color:#1d4fb8}
.sl-etiqueta-2{background:#fff1dc;color:#b45300}
.sl-card-boton{margin:auto 16px 16px;min-height:42px;font-size:.82rem}
.sl-card-boton-pronto{border-color:#dfe7f3;background:#f3f6fb;color:var(--cp-suave);cursor:default;box-shadow:none}
.sl-card-pronto .sl-card-foto img{filter:grayscale(.35)}
.sl-card-pronto .sl-etiqueta-1{background:#f1f5fb;color:var(--cp-suave)}

.sl-bloque{margin-top:26px}
.sl-progreso{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sl-dato{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px solid rgba(15,40,90,.06)}
.sl-dato>i,.sl-dato>svg{width:40px;height:40px;flex:none}
.sl-dato p{margin:0;display:grid;gap:2px}
.sl-dato strong{font:800 1.45rem/1 'Outfit',sans-serif;color:var(--cp-tinta)}
.sl-dato span{font-size:.86rem;color:#33435e}
.sl-dato small{font-size:.72rem;color:var(--cp-suave)}
.sl-dato-verde{background:#e8f7ef}.sl-dato-verde>svg{color:#fff;fill:#16a34a}
.sl-dato-violeta{background:#f1ecff}.sl-dato-violeta>svg{color:#7c3aed;fill:#7c3aed}
.sl-dato-ambar{background:#fff5df}.sl-dato-ambar>svg{color:#e58a00}
.sl-dato-azul{background:#e9f1ff}.sl-dato-azul>svg{color:var(--cp-azul)}
.sl-continua{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sl-continua-item{display:grid;grid-template-columns:56px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--cp-borde);border-radius:12px;text-decoration:none;color:var(--cp-tinta)}
.sl-continua-item:hover{border-color:#bcd0f3;box-shadow:0 8px 20px rgba(16,40,80,.08);color:var(--cp-tinta)}
.sl-continua-icono{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#eaf1ff;color:var(--cp-azul);font-size:1.4rem}
.sl-continua-icono svg,.sl-continua-icono i{width:26px;height:26px}
.sl-continua-texto{display:grid;gap:4px;min-width:0}
.sl-continua-texto strong{font:700 .9rem 'Outfit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-continua-texto small{font-size:.72rem;color:var(--cp-suave)}
.sl-barra{display:block;height:6px;border-radius:999px;background:#e6ecf5;overflow:hidden}
.sl-barra span{display:block;height:100%;border-radius:inherit;background:var(--cp-azul)}
.sl-continua-boton{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cp-azul);color:#fff;font-size:.95rem}
.sl-continua-boton svg,.sl-continua-boton i{width:20px;height:20px}
.sl-continua-activo{border-color:#9ec0fa;background:#f5f9ff}
.sl-aviso{grid-column:1/-1;margin:0;padding:16px;border:1px dashed #b7c9e7;border-radius:12px;background:#fff;color:#556680;font-size:.88rem}
.sl-aviso a{color:var(--cp-azul);font-weight:700}
.sl-invitacion{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:linear-gradient(120deg,#eaf1ff,#f5f9ff);border:1px solid #cfe0fb;border-radius:14px}
.sl-invitacion h2{margin:0 0 4px;font:800 1.2rem 'Outfit',sans-serif;color:var(--cp-tinta)}
.sl-invitacion p{margin:0;font-size:.9rem;color:#4b5b75}

.sl-beneficios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1440px;margin:30px auto 10px;padding:18px 10px;background:#f1f5fb;border:1px solid var(--cp-borde);border-radius:14px}
.sl-beneficios>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 18px}
.sl-beneficios>div+div{border-left:1px solid #d7e0ee}
.sl-beneficios>div>svg,.sl-beneficios>div>i{width:38px;height:38px;flex:none}
.sl-beneficios p{margin:0;display:grid;gap:2px}
.sl-beneficios strong{font:700 .92rem 'Inter',sans-serif;color:var(--cp-tinta)}
.sl-beneficios span{font-size:.8rem;color:#4b5b75}

@media(max-width:1320px){.sl-garantia{transform:scale(.88);transform-origin:top right}.sl-buscador{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-campo-texto{grid-column:1/-1}.sl-buscar{grid-column:span 1}}
@media(max-width:1180px){.sl-garantia,.sl-nota{display:none}.sl-progreso{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-continua{grid-template-columns:1fr}.sl-beneficios{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.sl-beneficios>div:nth-child(3){border-left:0}}
@media(max-width:1100px){.sl-lateral{display:block}.sl-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .sl-buscador{grid-template-columns:1fr 1fr;margin-top:-34px}
  .sl-buscar{grid-column:1/-1}
  .sl-progreso{grid-template-columns:1fr 1fr}
  .sl-invitacion{flex-direction:column;align-items:flex-start}
  .sl-beneficios{grid-template-columns:1fr}.sl-beneficios>div{justify-content:flex-start}.sl-beneficios>div+div{border-left:0;border-top:1px solid #d7e0ee;padding-top:12px}
}
@media(max-width:420px){.sl-buscador,.sl-areas{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sl-card{transition:none}.sl-card:hover{transform:none}}
/* Revisión de alineación: en tablet y celular la columna lateral va arriba
   (la regla de escritorio ganaba a la de concursos y dejaba 238 px fijos). */
@media(max-width:1100px){.sl-cuerpo{grid-template-columns:1fr}}
/* La página cambia sus márgenes a 768 px; la cabecera debe hacerlo a la vez. */
@media(max-width:768px){.sl .cp-hero{margin:-24px -16px 0}}
@media(max-width:760px){.sl .cp-hero-acciones .cp-boton{flex:1 1 100%}}
@media(max-width:600px){.sl-card-cabecera h3,.sl-card-cabecera p{min-height:0}}
@media(max-width:420px){.sl-grid{grid-template-columns:1fr}}

/* Seis accesos por ámbito (26/09/2026): universitario y laboral, cada uno con
   su examen general, su psicotécnico y el examen armado por temario. */
.sl-accesos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1440px;margin:0 auto 26px}
.sl-ambito{min-width:0;background:#fff;border:1px solid var(--cp-borde);border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(15,40,90,.06)}
.sl-ambito-cabecera{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sl-ambito-cabecera>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e8f0ff;color:#1d4ed8}
.sl-ambito-laboral .sl-ambito-cabecera>span{background:#fff4dc;color:#b45309}
.sl-ambito-cabecera p{margin:0;min-width:0}.sl-ambito-cabecera strong{display:block;font:800 18px/1.2 Outfit,Inter,sans-serif;color:#0f172a}
.sl-ambito-cabecera small{display:block;color:#64748b;font-size:13px;margin-top:2px}
.sl-ambito-accesos{display:grid;gap:8px}
.sl-acceso{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;text-decoration:none;background:#f8fafc;transition:border-color .15s,background .15s}
.sl-acceso:hover,.sl-acceso:focus-visible{border-color:#93c5fd;background:#eff6ff}
.sl-acceso>i:first-child{flex:none;width:20px;height:20px;color:#1d4ed8}
.sl-ambito-laboral .sl-acceso>i:first-child{color:#b45309}
.sl-acceso>span{flex:1;min-width:0}.sl-acceso strong{display:block;font-size:14px;font-weight:800}
.sl-acceso small{display:block;color:#64748b;font-size:12.5px;line-height:1.4;margin-top:2px}
.sl-acceso .sl-chevron{flex:none;color:#94a3b8}
@media(max-width:900px){.sl-accesos{grid-template-columns:minmax(0,1fr);padding:0 4px}}