/*
	Calendario
*/
.w-calendar-dqa .calendar-container { background: #fff; padding: 1rem; width: 100%; text-align: center; }

.w-calendar-dqa .header-navigation { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-weight: 500; }
.w-calendar-dqa .nav-group { display: flex; align-items: center; }

.w-calendar-dqa .title-select { margin: 0 1rem; font-size: 1.4rem; font-weight: bold; }
.w-calendar-dqa .nav-arrow { cursor: pointer; color: #555; user-select: none; padding: 5px; }
.w-calendar-dqa .nav-arrow i { font-size:1em; }

.w-calendar-dqa .weekdays { display: grid; grid-template-columns: repeat(7, 1fr); font-size: 0.9em; color: #888; margin-bottom: 10px; }
.w-calendar-dqa .days-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.w-calendar-dqa .day { padding: 8px; cursor: pointer; border-radius: 50%; transition: background-color 0.2s; font-size: 1.6rem; font-weight: 500;  color: rgba(29, 27, 32, 1.00); aspect-ratio:1; }
.w-calendar-dqa .day:hover { background-color: #e0e0e0; }
.w-calendar-dqa .inactive { color: rgba(73, 69, 79, 0.3); cursor: default; }
.w-calendar-dqa .inactive:hover { background-color: transparent; }
.w-calendar-dqa .today { background-color: rgba(168,162,208,1); color: #fff; }
.w-calendar-dqa .selected { background-color: #5555ff; color: #fff; }

.sec-c-verde .w-calendar-dqa .today { background-color: rgba(211,216,152,1); color: #000; }

@media screen and (min-width: 1024px) {
	.w-calendar-dqa .calendar-container { width: 38.5rem; }
}


/*
	Radio btns
*/
/* Oculta visualmente el legend para accesibilidad */
.w-select-day .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Contenedor principal de los botones de radio */
.w-select-day .day-selector-group { border: none; padding: 0; margin: 2rem; }

/* Contenedor para el diseño en grid */
.w-select-day .radio-buttons-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
@media screen and (min-width: 1024px) {
	.w-select-day .radio-buttons-container { grid-template-columns: repeat(4, 1fr); }
}

/* Oculta el radio button nativo */
/* Método alternativo para ocultar: display: none; */
.w-select-day .day-input { appearance: none; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; border: 0; padding: 0; margin: -1px; }

/* Estiliza la etiqueta para que sea el área del click */
.w-select-day .day-label { display: flex; align-items: center; gap: 1.2rem; cursor: pointer; color: #000; font-size: 2rem; }

/* Estilo del círculo personalizado (no seleccionado) */
.w-select-day .custom-radio { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: rgba(198,193,223,0.3); transition: background-color 0.2s ease, color 0.2s ease; }
.w-select-day .day-input:checked + .custom-radio { background-color: rgba(168,162,208,1); }
.w-select-day .day-input:checked + .custom-radio + span { color: #000; }

.sec-c-verde .w-select-day .custom-radio { background-color:rgba(211,216,152,0.3); }
.sec-c-verde .w-select-day .day-input:checked + .custom-radio { background-color:rgba(211,216,152,1); }


/*
	Formulario de seleccion de fecha y hora
*/
.w-actions-choose .fila-dqa { display:flex; flex-direction:column; gap:3rem; }
.w-actions-choose .fila-dqa .col-dqa-100 { width:100%; }
.w-actions-choose .fila-dqa .col-dqa-50 { width:100%; }
@media screen and (min-width: 1024px) {
	.w-actions-choose .fila-dqa { flex-direction:row; gap:7rem; }
	.w-actions-choose .fila-dqa .col-dqa-100 { width:100%; }
	.w-actions-choose .fila-dqa .col-dqa-50 { width:50%; }
}

/* Estilos para los títulos (Session 1, Time) */
.w-actions-choose .session-label { display: block; font-size: 2rem; color: #000; font-weight: 600; margin-bottom: 2rem; }

/* Estilos para los wrapper input en package */
.wrapper-session-input { margin-bottom: 2rem; }

/* Contenedor principal para cada sección */
.w-actions-choose .session-section { margin-bottom: 4rem; }

/* Contenedor del campo de entrada y el ícono */
.w-actions-choose .input-container { display: flex; align-items: center; position: relative; background-color: transparent; border: 1px solid #E3E3E3; border-radius: 10rem; padding-right: 0; }
/* Campo de texto (simulado) */
.w-actions-choose .input-container input { color: #000; flex-grow: 1; border: none; background: transparent; padding: 1.4rem 1.6rem; font-size: 1.8rem; outline: none; cursor: pointer; }
/* Contenedor del ícono, el círculo morado */
.w-actions-choose .icon-container { width: 4rem; height: 4rem; background-color: rgba(198,193,223,0.3); border-radius: 50%; display: flex; justify-content: center; align-items: center; position:absolute; right:0.4rem; }

.sec-c-verde .w-actions-choose .icon-container { background-color: rgba(211,216,152,0.3); }

/* Grupo de campos de hora */
.w-actions-choose .time-group { display: flex; gap: 1rem; }
@media screen and (min-width: 1024px) {
	.w-actions-choose .time-group { gap: 7rem; }
}



/*
	Calendar - Flatpickr
*/
.flatpickr-calendar { font-size:1.7rem !important; }
.flatpickr-calendar.hasTime { max-width:290px; }
.flatpickr-day.selected { background-color: rgba(168,162,208,1) !important; color: #fff !important; }
.flatpickr-day.today { background-color: transparent; border-color:transparent !important; }
.flatpickr-day:hover { background-color: #e0e0e0; }
.flatpickr-day.selected.prevMonthDay { background-color:transparent; }
.flatpickr-current-month .flatpickr-monthDropdown-months { font-size:2rem !important; }
 
.flatpickr-time input { font-size:1.8rem; color:#000; padding: 1.4rem 1.6rem; border-radius:10rem; }
.flatpickr-time input:hover {  }
.flatpickr-time input.flatpickr-hour { font-weight:400; }