/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* Importar la fuente DIN Condensed */
@font-face {
    font-family: 'DIN Condensed';
    src: url('URL_DE_LA_FUENTE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Aplicar la fuente a todo el sitio web */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, label, div, span {
    font-family: 'DIN Condensed', sans-serif !important;
}

/* Ajustar tamaño del texto para que sea más grande */
body {
    font-size: 24px !important; /* Asegurar que la fuente base sea grande */
    line-height: 1.5;
}

/* Aumentar tamaño de los títulos */
h1 {
    font-size: 64px !important;
    font-weight: bold;
}

h2 {
    font-size: 52px !important;
    font-weight: bold;
}

h3 {
    font-size: 40px !important;
}

h4 {
    font-size: 32px !important;
}

/* Ajustar tamaño de botones sin hacerlos enormes */
button, .btn {
    font-size: 24px !important;
    padding: 10px 20px;
}

/* Mejorar visibilidad del menú de navegación */
nav a {
    font-size: 28px !important;
    font-weight: bold;
}

/* Ajuste especial para SimplyBook.me */
.sb-title, .sb-description, .sb-button {
    font-family: 'DIN Condensed', sans-serif !important;
    font-size: 28px !important;
}

/* Ajuste especial para los textos de reserva */
.sb-service-item, .sb-header, .sb-footer {
    font-size: 24px !important;
}

/* Ajustar tamaño del texto en el footer */
.sb-footer, .sb-footer a, .sb-footer p {
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* Estilos originales */
#events h3,
#events p.duration, #events div.duration,
#events p.description, #events div.description,
#events .selectedEvent,
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #start_date-block-container h3, #eventForm #timeline-container h3,
#eventForm #save_button,
div.ui-widget-content,
div.ui-widget-header,
#timeline-container table.timeline,
.timeline td.not_worked_time,
.timeline td.free_time,
.timeline td.selected_time,
.timeline td.reserved_time,
div#loading,
#start_date-block-container .zend_form dt, 
#start_date-block-container .zend_form dt b, 
#start_date-block-container .zend_form dd label {
    font-family: 'DIN Condensed', sans-serif !important;
    font-size: 24px !important;
}