/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* =========================================================
   FETALMED - CSS PERSONALIZADO
   ========================================================= */


/* 1. PORTADA - Ocultar "Obtener del mapa" */

#main-buttons .btn.map {
    display: none !important;
}


/* 2. CATEGORÍAS - Ocultar iconos genéricos */

#sb_category_step_container
.category-item
.excerpt-info > .preloader {
    display: none !important;
}


/* 3. CATEGORÍAS - Tarjetas más compactas */

#sb_category_step_container
.category-item
.tab-pd {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}


/* 4. CATEGORÍAS - Tres columnas en escritorio */

@media (min-width: 1025px) {

    #sb_category_step_container {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #sb_category_step_container .category-item {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    #sb_category_step_container .category-item .tab {
        height: 100% !important;
    }
}

/* =========================================================
   5. SERVICIOS
   Ocultar icono genérico de cada servicio
   ========================================================= */

#sb_service_step_container
.service-item
.excerpt-info > .preloader {
    display: none !important;
}

/* =========================================================
   6. SERVICIOS
   Refinamiento visual de las tarjetas
   ========================================================= */

/* Tarjeta */
#sb_service_step_container .service-item .tab {
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
    overflow: hidden !important;
}

/* Espaciado interior */
#sb_service_step_container .service-item .tab-pd {
    padding: 28px 30px 30px !important;
}

/* Título */
#sb_service_step_container .cap.short {
    color: #333333 !important;
    line-height: 1.18 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Descripción */
#sb_service_step_container .txt.short {
    line-height: 1.45 !important;
}

/* Precio */

#sb_service_step_container .bar-service .badge.price {

    color: #444444 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

}

/* Anticipo */

#sb_service_step_container .bar-service .badge-deposit {

    color: #666666 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

}

/* Botón */
#sb_service_step_container .btn-bar .btn.select a {
    background: #285dd3 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 7px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Contenedor del botón */
#sb_service_step_container .btn-bar .btn.select {
    border: none !important;
    border-radius: 7px !important;
    overflow: hidden !important;
}

/* =========================================================
   7. PORTADA
   Hero compacto provisional
   ========================================================= */



/* Reducir altura del banner en escritorio */
@media (min-width: 1025px) {

    #main-buttons,
    #main-buttons .wrapper,
    #main-buttons .wrapper .inner {
        height: 300px !important;
        min-height: 300px !important;
    }
}

/* Reducir altura del banner en móvil */
@media (max-width: 1024px) {

    #main-buttons,
    #main-buttons .wrapper,
    #main-buttons .wrapper .inner {
        height: 240px !important;
        min-height: 240px !important;
    }
}

/* =========================================================
   8. PORTADA
   Botón Reservar
   ========================================================= */

/* Separarlo del nombre */
#main-buttons .wrapper .inner .bar {
    margin-top: 95px !important;
}

/* Botón */
#main-buttons .wrapper .inner .bar .btn.book {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Enlace Reservar */
#main-buttons .wrapper .inner .bar .btn.book a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 210px !important;
    min-height: 48px !important;
    padding: 0 28px !important;

    background: #4f7fd8 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 8px !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: none !important;

    box-shadow: 0 3px 10px rgba(0,0,0,0.14) !important;
}

/* =========================================================
   10. PORTADA
   Horarios de atención
   ========================================================= */

/* Título */
#schedule .title-main {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-bottom: 18px !important;
}

/* Tabla de horarios */
#schedule table.overview {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* Menos espacio entre filas */
#schedule table.overview td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Móvil */
@media (max-width: 767px) {

    #schedule .title-main {
        font-size: 20px !important;
        line-height: 1.2 !important;
        padding-bottom: 14px !important;
    }

    #schedule table.overview {
        font-size: 14px !important;
    }

    #schedule table.overview td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}
/* =========================================================
   9. PORTADA
   Sobre Nosotros
   ========================================================= */

#about-us .title-main {
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-bottom: 18px !important;
}

/* Texto de presentación */
#about-us .txt {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* Móvil */
@media (max-width: 767px) {

    #about-us .title-main {
        font-size: 22px !important;
        line-height: 1.2 !important;
        padding-bottom: 14px !important;
    }

    #about-us .txt {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}

/* =========================================================
   11. PORTADA
   Presentación FetalMed - prueba mediante CSS
   ========================================================= */

#about-us .txt::before {
    content:
        "Dr. Luis Arturo Tavera Paredes\A"
        "Especialista en Medicina Materno-Fetal por la Universidad de Barcelona y BCNatal – Medicina Fetal Barcelona.\A"
        "Alta Especialidad en Cirugía Fetal por el Instituto de Medicina Fetal México.\A\A"
        "Evaluación especializada del embarazo y del desarrollo fetal mediante ultrasonido y cirugía fetal.\A\A"
        "Precisión, tecnología y pasión por el detalle.";

    white-space: pre-line;

    display: block;
    max-width: 760px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #555555;
}

/* =========================================================
   12. PORTADA
   Contacto
   ========================================================= */

#contacts .title-main {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-bottom: 18px !important;
}

/* Información de contacto */
#contacts .info {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Móvil */
@media (max-width: 767px) {

    #contacts .title-main {
        font-size: 20px !important;
        line-height: 1.2 !important;
        padding-bottom: 14px !important;
    }

    #contacts .info {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}

/* =========================================================
   13. PORTADA
   Google Reviews - ocultar tarjeta flotante en móvil
   ========================================================= */

@media (max-width: 767px) {
    #sb_google_reviews_card {
        display: none !important;
    }
}

/* =========================================================
   14. PORTADA
   Compactar sección Sobre Nosotros
   ========================================================= */

#about-us .section-pd {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

#about-us .txt {
    margin-bottom: 0 !important;
}

/* Móvil */
@media (max-width: 767px) {

    #about-us .section-pd {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

/* =========================================================
   14. PORTADA
   Opiniones y ubicación
   ========================================================= */

/* Opiniones */
#sl-main-rev-wrap .title-section {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-bottom: 18px !important;
}

/* Nuestra ubicación */
#wrap-main-page-map .title-section {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    padding-bottom: 18px !important;
}

/* Móvil */
@media (max-width: 767px) {

    #sl-main-rev-wrap .title-section,
    #wrap-main-page-map .title-section {
        font-size: 20px !important;
        line-height: 1.2 !important;
        padding-bottom: 14px !important;
    }
}