/* examenes.html — estilos propios de la página. El layout compartido viene de shell.css,
   que se carga antes. Antes era un <style> inline (reporte frontend-quality, pulido de Code Quality). */
.exam-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.exam-filters button{border:1px solid var(--border);background:#fff;color:#475569;padding:8px 15px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}
.exam-filters button.active{background:#008939;border-color:#008939;color:#fff}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.summary .card{padding:14px 16px}
.summary b{display:block;font-size:22px}
.summary small{color:var(--muted);font-size:11px}
.exams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.exam{padding:18px;display:flex;flex-direction:column;gap:8px}
.exam.passed{border-color:var(--green)}
.exam.locked{background:#fafbfd}
.exam-top{display:flex;align-items:center;justify-content:space-between}
.exam-icon{width:44px;height:44px;border-radius:13px;background:#eef2ff;display:grid;place-items:center;font-size:22px}
.exam.locked .exam-icon{background:#f0f2f6}
.tag{font-size:11px;font-weight:800;border-radius:10px;padding:5px 8px;letter-spacing:.3px}
.tag.ok{background:#e4fbe9;color:#007f35}
.tag.fail{background:#ffecee;color:#d32f2f}
.tag.gems{background:#eaf4ff;color:#0f5fa8}
.tag.lock{background:#eef1f6;color:#5f6b7c}
.tag.new{background:#fff2d8;color:#9e6200}
.exam h2{margin:4px 0 0;font-size:15px}
.exam p{margin:0;color:var(--muted);font-size:11px;min-height:15px}
.exam-meta{display:flex;gap:14px;font-size:11px;color:#536174;margin-top:2px}
.cta{margin-top:auto;display:block;text-align:center;border:0;background:#008939;color:#fff;border-radius:22px;padding:10px 16px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.cta.ghost{background:#fff;color:#334155;border:1.5px solid var(--border);box-shadow:none}
.cta.gems{background:#1565c0}
.cta:disabled{background:#e5e9f0;color:#8b95a5;cursor:default;box-shadow:none}
/* Versión completa de los exámenes extra: solo Premium (se activa a mano por ahora). */
.tag.premium{background:#fff1d6;color:#7a4b00}
.cta.premium-only,.cta.premium-only:disabled{background:#fff1d6;color:#7a4b00;border:1px solid #f0c56a;cursor:not-allowed}
.premium-soon{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px dashed #f0c56a;background:#fffaf0;border-radius:14px;padding:10px 12px}
.premium-soon b{display:block;font-size:12px;color:#7a4b00}
.premium-soon small{display:block;font-size:11px;color:#7a4b00;margin-top:2px}
.premium-soon .cta.premium,.premium-soon .cta.premium:disabled{margin:0;flex:none;background:#fff1d6;color:#7a4b00;border:1px solid #f0c56a;padding:8px 12px;cursor:not-allowed}
.guest-card{padding:26px;text-align:center}
.guest-card h2{margin:0 0 6px}
.guest-card p{color:var(--muted);font-size:13px;margin:0 0 16px}
.guest-card .cta{display:inline-block}
@media(max-width:760px){
  .exams{grid-template-columns:1fr}
  .summary b{font-size:18px}
}
/* Móvil: el texto de las tarjetas a 12 px como mínimo (Lighthouse "tamaños de letra legibles"). */
@media(max-width:760px){.exam p,.exam-meta,.premium-soon small,.summary small,.exam-filters button{font-size:12px}}