/* calendario-ahora.css -- «Ahora», la linea de tiempo del calendario (plan PLAN-crm-simple-resto-2026-10, Z5). Solo tokens de Cuarto Oscuro. Todo cuelga de .ca-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.cf-ahora .cf-main{ max-width:760px; }
.ca-linea{ padding:var(--e-4); }
.ca-filtros{ align-items:center; }
.ca-sp{ flex:1; }
.ca-dia{ margin:0 0 var(--e-5); }
.ca-dt{ margin:0 0 var(--e-2); font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.ca-fila{ display:flex; align-items:center; gap:var(--e-3); padding:var(--e-3); border-radius:var(--r-flota); cursor:pointer; min-width:0; }
@media (hover:hover){ .ca-fila:hover{ background:var(--piedra); } }
.ca-fila.paso{ opacity:.6; }
.ca-fila.hecho .ca-t{ text-decoration:line-through; color:var(--medio); }
.ca-h{ flex:none; width:64px; font-size:var(--t-meta); color:var(--medio); font-variant-numeric:tabular-nums; }
.ca-d{ flex:none; width:10px; height:10px; border-radius:50%; background:var(--punto); }
.ca-d.boda{ background:var(--tinta); }
.ca-txt{ flex:1; min-width:0; }
.ca-t{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); overflow-wrap:anywhere; }
.ca-s{ font-size:var(--t-meta); color:var(--medio); overflow-wrap:anywhere; }
.ca-ahora{ display:flex; align-items:center; gap:var(--e-3); margin:var(--e-2) 0; color:var(--urge); font-size:var(--t-eti); font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.ca-ahora::before, .ca-ahora::after{ content:""; height:1px; background:var(--urge); flex:1; opacity:.5; }
.ca-ahora::before{ flex:0 0 var(--e-4); }
.ca-acc{ display:inline-flex; gap:var(--e-2); flex:none; }
.ca-btn{ min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); box-shadow:inset 0 0 0 1px var(--punto); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; flex:none; }
.ca-btn.ca-calla{ background:transparent; box-shadow:inset 0 0 0 1px var(--punto); }
.ca-btn:disabled{ opacity:.55; cursor:default; }
@media (hover:hover){ .ca-btn:hover{ background:var(--punto); } }
.ca-res{ display:inline-flex; align-items:center; gap:var(--e-1); flex:none; font-size:var(--t-meta); color:var(--medio); }
.ca-ok{ flex:none; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; border:1.5px solid var(--punto); background:transparent; color:var(--boton-t); cursor:pointer; padding:0; }
.ca-ok.hecho{ background:var(--boton); border-color:var(--boton); }
.ca-nada{ padding:var(--e-2) var(--e-3); font-size:var(--t-meta); color:var(--medio); }
.ca-vacio{ padding:var(--e-7) var(--e-4); text-align:center; }
.ca-vacio-t{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.ca-vacio-s{ margin-top:var(--e-1); font-size:var(--t-meta); color:var(--medio); }
.ca-op{ display:flex; align-items:center; gap:var(--e-2); }
.ca-nocheck{ display:inline-block; width:13px; height:13px; }
@media (max-width:560px){ .ca-fila{ flex-wrap:wrap; } .ca-h{ width:52px; } .ca-txt{ flex:1 1 0; } .ca-acc, .ca-res, .ca-fila > .ca-btn{ flex:0 0 calc(100% - 62px); margin-left:62px; } .ca-btn{ min-height:44px; } .ca-ok{ width:32px; height:32px; } }