/*
   Dra. Carmen Soto
   Estilo profesional - turquesa, blanco y morado suave
*/

#events h3 {
    color: #24364B !important;
    font-weight: 600 !important;
}

#events p.duration,
#events div.duration {
    color: #677789 !important;
}

#events p.description,
#events div.description {
    color: #4F5F6F !important;
    line-height: 1.5 !important;
}

/* Servicio seleccionado */
#events .selectedEvent {
    border: 2px solid #18B7C9 !important;
    border-radius: 12px !important;
    background-color: #F3FCFD !important;
}

/* Botón para reservar */
#events input.reserve_time_btn {
    background-color: #18B7C9 !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
}

/* Botón para seleccionar otro */
#events input.select_another_btn {
    background-color: #FFFFFF !important;
    color: #24364B !important;
    border: 1px solid #DDE4EA !important;
    border-radius: 10px !important;
}

/* Títulos del calendario y horarios */
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    color: #24364B !important;
    font-weight: 600 !important;
}

/* Botón final de guardar/reservar */
#eventForm #save_button {
    background-color: #18B7C9 !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 11px 20px !important;
}

/* Cuerpo del calendario */
div.ui-widget-content {
    background: #FFFFFF !important;
    border: 1px solid #E1E7EC !important;
    color: #24364B !important;
    border-radius: 10px !important;
}

/* Encabezado del calendario */
div.ui-widget-header {
    background: #18B7C9 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Tabla de horarios */
#timeline-container table.timeline {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Horario no disponible */
.timeline td.not_worked_time {
    background-color: #F2F3F5 !important;
    color: #A0A8B0 !important;
}

/* Horario disponible */
.timeline td.free_time {
    background-color: #F4FCFD !important;
    color: #24364B !important;
}

/* Horario seleccionado */
.timeline td.selected_time {
    background-color: #18B7C9 !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

/* Horario reservado */
.timeline td.reserved_time {
    background-color: #F6EAF4 !important;
    color: #8C4BB3 !important;
}

/* Pantalla de carga */
div#loading {
    color: #18B7C9 !important;
}

/* Etiquetas del formulario */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
    color: #24364B !important;
}