@import url('./leyes-clinicas.css');
.lab-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.lab-stat{padding:23px;border-radius:18px;background:#fff;border:1px solid var(--line)}.lab-stat strong{display:block;font:600 38px 'Cormorant Garamond',serif;color:var(--violet)}.lab-stat span{font-size:12px;color:var(--muted)}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.practice-card{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 35px #4e3b590d}.practice-card .practice-meta{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);font-weight:700}.practice-card h3{font-size:25px;margin:10px 0}.practice-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.practice-card button{margin-top:auto;align-self:flex-start;border:0;border-radius:999px;padding:10px 15px;background:var(--accent,var(--violet));color:#fff;font-weight:700;cursor:pointer}.practice-card.completed{border-color:#7d9a82;background:#f7fbf6}.practice-card.completed:after{content:'✓ Practicado';position:absolute}.modal{position:fixed;inset:0;z-index:100;display:none;padding:24px;background:#201828d9;backdrop-filter:blur(9px);overflow:auto}.modal.open{display:grid;place-items:start center}.modal-card{position:relative;width:min(920px,100%);margin:auto;padding:clamp(24px,5vw,48px);border-radius:26px;background:#fffdfa;box-shadow:0 30px 90px #0006}.modal-close{position:sticky;float:right;top:0;width:42px;height:42px;border:0;border-radius:50%;background:#3f304d;color:#fff;font-size:22px;cursor:pointer}.modal-kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--violet);font-weight:700}.modal-card h2{font:600 clamp(36px,5vw,55px)/1 'Cormorant Garamond',serif;color:#443152;margin:11px 50px 22px 0}.manual-content{font-size:15px;line-height:1.78;color:#443c48}.manual-content h3{margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--line);font:700 12px/1.4 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.manual-content p{margin:0 0 14px}.manual-content ul{padding-left:22px}.complete-practice{margin-top:30px;padding:12px 18px;border:0;border-radius:999px;background:#78927e;color:#fff;font-weight:700;cursor:pointer}.safety-strip{margin:22px 0;padding:18px;border-radius:15px;background:#fff5f5;border:1px solid #b8566630;color:#66414a;font-size:13px}@media(max-width:760px){.lab-intro,.practice-grid{grid-template-columns:1fr}.modal{padding:10px}.modal-card{border-radius:20px}.practice-card{min-height:165px}}
