/* «Mi cita» (D-94 · 3) · theme/curso/mi_cita.php. Patrón del home (docs/DISENO-COMPARENDOIA.md), tokens de comparendoia.css. */
.czmc{ background:var(--czia-bg); padding:28px 0 40px; }
#installPwa{ display:none!important; }
.czmc__wrap{ max-width:620px; }
.czmc__card{ background:var(--czia-surface); border:1px solid var(--czia-line); border-radius:var(--czia-radio-l); box-shadow:var(--czia-sombra); padding:26px 20px; color:var(--czia-fg); }
.czmc__eyebrow{ display:block; text-align:center; color:var(--czia-amber-deep); }
.czmc__t{ font-family:var(--czia-display); font-weight:700; font-size:clamp(1.65rem, 1.25rem + 1.6vw, 2.2rem); line-height:1.06; letter-spacing:-.02em; text-align:center; color:var(--czia-fg)!important; margin:10px 0 10px!important; outline:none; }
.czmc__p{ text-align:center; color:var(--czia-muted); font-size:16px; line-height:1.5; margin:0 auto; max-width:32rem; }
.czmc__aviso{ margin:16px 0 0; padding:12px 14px; border-radius:var(--czia-radio-s); background:var(--czia-amber-wash); border:1px solid var(--czia-osc-line); color:var(--czia-fg); font-size:14.5px; font-weight:600; line-height:1.45; }
.czmc__paso{ margin:20px 0 0; }
.czmc__campo{ display:flex; flex-direction:column; gap:6px; margin:0 0 14px; }
.czmc__campo label{ margin:0; font-size:.9rem; font-weight:700; color:var(--czia-fg); }
.czmc__campo input{ width:100%; min-height:50px; margin:0; padding:10px 14px; border:1px solid var(--czia-line-2); border-radius:12px; background:var(--czia-surface); color:var(--czia-fg); font-size:1rem; }
.czmc__campo input[aria-invalid="true"]{ border-color:var(--czia-amber-deep); }
.czmc__err{ margin:0; font-size:13px; font-weight:600; color:var(--czia-amber-ink); }
.czmc__cta{ min-height:52px; text-align:center; }
.czmc__nota{ margin:12px 0 0; text-align:center; color:var(--czia-muted); font-size:13.5px; line-height:1.45; }
.czmc__nota a{ color:var(--czia-amber-deep); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.czmc__codigo{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 10px; padding:12px 14px; border:1.5px dashed var(--czia-amber-deep); border-radius:14px; background:var(--czia-amber-wash); font-weight:600; }
.czmc__codigo b{ font-family:var(--czia-display); font-weight:800; font-size:24px; letter-spacing:.02em; color:var(--czia-amber-deep); }
.czmc__datos{ margin:14px 0 0; }
.czmc__datos div{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; padding:11px 0; border-bottom:1px solid var(--czia-line); }
.czmc__datos dt{ color:var(--czia-muted); font-weight:600; font-size:14.5px; }
.czmc__datos dd{ margin:0; font-size:15px; overflow-wrap:anywhere; }
.czmc__datos dd span{ color:var(--czia-muted); font-size:14px; }
.czmc__p1{ display:flex; flex-direction:column; gap:8px; margin:16px 0 0; padding:14px; border-radius:14px; font-size:14.5px; line-height:1.45; }
.czmc__p1.is-pendiente{ border:1.5px solid var(--czia-amber); background:var(--czia-amber-wash); }
.czmc__p1.is-listo{ border:1px solid var(--czia-line); background:var(--czia-surface-2); }
.czmc__p1 span{ color:var(--czia-muted); }
.czmc__acciones{ display:flex; flex-direction:column; gap:10px; margin:18px 0 0; }
.czmc__h2{ font-family:var(--czia-display); font-weight:700; font-size:1.15rem; line-height:1.2; color:var(--czia-fg)!important; margin:0 0 10px!important; }
.czmc__h2 + .czmc__dias, .czmc__h2 + .czmc__horas{ margin-top:0; }
#czmc-h-horas{ margin-top:20px!important; }
.czmc__dias{ display:grid; grid-template-columns:repeat(auto-fill, minmax(68px, 1fr)); gap:8px; }
.czmc__dia{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:72px; padding:8px 4px; border:1px solid var(--czia-line-2); border-radius:14px; background:var(--czia-surface); color:var(--czia-fg); cursor:pointer; }
.czmc__dia small{ font-size:12px; color:var(--czia-muted); text-transform:capitalize; }
.czmc__dia b{ font-family:var(--czia-display); font-size:20px; font-weight:800; line-height:1; }
.czmc__horas{ display:flex; flex-wrap:wrap; gap:8px; }
.czmc__hora{ min-height:48px; padding:8px 14px; border:1px solid var(--czia-line-2); border-radius:12px; background:var(--czia-surface); color:var(--czia-fg); font-weight:700; font-size:15px; cursor:pointer; }
.czmc__dia[aria-pressed="true"], .czmc__hora[aria-pressed="true"]{ border-color:var(--czia-amber); background:var(--czia-amber-wash); box-shadow:0 0 0 2px var(--czia-amber) inset; }
.czmc__dia[aria-pressed="true"] small{ color:var(--czia-fg); }
#czmc-confirmar{ margin-top:20px; }
.czmc__link{ display:block; width:100%; min-height:44px; margin:8px 0 0; padding:0; border:0; background:transparent; color:var(--czia-fg); font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.czmc__ok{ width:64px; height:64px; border-radius:20px; display:grid; place-items:center; margin:0 auto 14px; background:var(--czia-amber-wash); color:var(--czia-amber-deep); border:1px solid var(--czia-osc-line); }
.czmc__ok svg{ width:30px; height:30px; }
.czmc__hecho{ text-align:center; font-size:16px; line-height:1.5; margin:0; }
.czmc__volver{ text-align:center; margin:18px 0 0; font-size:14.5px; }
.czmc__volver a{ display:inline-flex; align-items:center; min-height:44px; padding:0 8px; color:var(--czia-fg); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.czmc :focus-visible{ outline:3px solid var(--czia-amber); outline-offset:2px; }
@media (min-width:640px){
  .czmc{ padding:56px 0 72px; }
  .czmc__card{ padding:38px 40px; }
  .czmc__acciones{ flex-direction:row; justify-content:center; }
  .czmc__acciones .czmc__cta{ min-width:220px; }
  .czmc__datos div{ grid-template-columns:120px minmax(0,1fr); }
}