/* Agenda visita */
.agenda { display: grid; gap: 10px; margin-top: 10px; }
.agenda-leyenda { display: flex; flex-wrap: wrap; gap: 10px; font-size: 11.5px; color: var(--tinta-suave); }
.leyenda-item { display: flex; align-items: center; gap: 5px; }
.punto { width: 9px; height: 9px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,.04); }
.punto.verde { background: #26b76a; }
.punto.amarillo { background: #f2b01e; }
.punto.rojo { background: #e95353; }
.cal { border: 1px solid var(--linea); border-radius: var(--radio); overflow: hidden; }
.cal-cab { display: flex; align-items: center; justify-content: space-between; padding: 6px 9px; background: var(--fondo-alt); }
.cal-cab button { background: none; border: 0; font-size: 15px; cursor: pointer; color: var(--tinta-suave); }
.cal-cab span { font-weight: 600; font-size: 12.5px; }
.cal-dow { display: grid; grid-template-columns: repeat(7, 1fr); font-size: 10px; color: var(--gris-claro); text-align: center; padding: 4px 3px; }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; padding: 6px; }
.cal-dia { border: 1px solid transparent; background: var(--fondo); border-radius: 6px; padding: 3px 2px; text-align: center; font-size: 11px; display: grid; gap: 2px; justify-items: center; cursor: pointer; }
.cal-dia.vacio { background: transparent; border: 0; cursor: default; }
.cal-dia.bloqueado { opacity: .45; cursor: not-allowed; }
.cal-dia.seleccionado { border-color: var(--azul); box-shadow: inset 0 0 0 1px var(--azul); }
.cal-dia.estado-verde { background: #f3fbf8; }
.cal-dia.estado-amarillo { background: #fff9ec; }
.cal-dia.estado-rojo { background: #fef5f5; }
.dia-num { font-weight: 600; font-size: 12px; }
.horarios { border: 1px solid var(--linea); border-radius: var(--radio); padding: 8px; }
.horarios-cab { font-size: 12px; color: var(--gris-claro); margin-bottom: 6px; }
.horarios-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 5px; }
.horario { border: 1px solid var(--linea); background: var(--fondo); padding: 5px 7px; border-radius: 6px; font-size: 12px; font-weight: 600; text-align: center; cursor: pointer; }
.horario.bloqueado { opacity: .45; cursor: not-allowed; }
.horario.seleccionado { border-color: var(--azul); box-shadow: inset 0 0 0 1px var(--azul); }
.horario.estado-verde { background: #f3fbf8; }
.horario.estado-amarillo { background: #fff9ec; }
.horario.estado-rojo { background: #fef5f5; }
.horario .disp { display: block; font-size: 9.5px; font-weight: 400; color: var(--gris-claro); }
.agenda-resumen { font-size: 12.5px; color: var(--tinta-suave); margin: 0; }