/* Calendario visual (grilla de mes) del selector de fechas post-pago */
#ccb-cotizador-root .ccb-calendario-grid {
	background: #fff; border: 1.5px solid var(--ccb-borde); border-radius: var(--radius-md);
	padding: 14px; margin-bottom: 14px;
}
#ccb-cotizador-root .ccb-cal-cabecera {
	display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;
}
#ccb-cotizador-root .ccb-cal-mes-actual { font-size: 13.5px; font-weight: 700; text-transform: capitalize; }
#ccb-cotizador-root .ccb-cal-nav {
	width: 30px; height: 30px; border-radius: var(--radius-sm); border: 1px solid var(--ccb-borde);
	background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;
}
#ccb-cotizador-root .ccb-cal-nav:hover { background: var(--colors-neutral-100); }
#ccb-cotizador-root .ccb-cal-nav i { font-size: 16px; }

#ccb-cotizador-root .ccb-cal-dias-semana {
	display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 4px;
}
#ccb-cotizador-root .ccb-cal-dias-semana span {
	text-align: center; font-size: 11px; font-weight: 700; color: var(--ccb-texto-secundario);
}

#ccb-cotizador-root .ccb-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
#ccb-cotizador-root .ccb-cal-cargando { grid-column: 1 / -1; font-size: 12.5px; color: var(--ccb-texto-secundario); text-align: center; padding: 12px 0; }

#ccb-cotizador-root .ccb-cal-dia {
	aspect-ratio: 1; border-radius: var(--radius-sm); border: 1px solid transparent;
	font-size: 12.5px; font-weight: 600; background: none; display: flex; align-items: center; justify-content: center;
}
#ccb-cotizador-root .ccb-cal-dia-vacio { visibility: hidden; }

#ccb-cotizador-root .ccb-cal-dia-disponible {
	background: var(--colors-emerald-100); color: var(--colors-emerald-600); cursor: pointer;
}
#ccb-cotizador-root .ccb-cal-dia-disponible:hover { border-color: var(--colors-emerald-600); }

#ccb-cotizador-root .ccb-cal-dia-no-disponible {
	background: var(--colors-neutral-100); color: var(--colors-neutral-500);
	text-decoration: line-through; cursor: not-allowed;
}

#ccb-cotizador-root .ccb-cal-dia-seleccionado {
	background: var(--ccb-primario) !important; color: #fff !important; border-color: var(--ccb-primario);
}

#ccb-cotizador-root .ccb-cal-franja-wrap { margin-top: 12px; text-align: left; }

/* Chips (Principal / Respaldo 1 / Respaldo 2) del calendario compacto */
#ccb-cotizador-root .ccb-fecha-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
#ccb-cotizador-root .ccb-fecha-tab {
	flex: 1; border: 1.5px solid var(--ccb-borde); border-radius: var(--radius-sm);
	background: #fff; padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--ccb-texto-secundario);
	cursor: pointer; text-align: center; line-height: 1.4;
}
#ccb-cotizador-root .ccb-fecha-tab small { font-weight: 500; color: inherit; }
#ccb-cotizador-root .ccb-fecha-tab-activo { border-color: var(--ccb-primario); color: var(--ccb-primario); background: var(--ccb-primario-claro); }
#ccb-cotizador-root .ccb-fecha-tab-listo { border-color: var(--colors-emerald-600); color: var(--colors-emerald-600); }
#ccb-cotizador-root .ccb-fecha-tab-listo.ccb-fecha-tab-activo { background: var(--colors-emerald-100); }
#ccb-cotizador-root .ccb-fecha-tab i { font-size: 13px; }