/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Respeta saltos de línea en el campo tratamiento */
.elementor-element-f73f5e7 p,
.elementor-element-f73f5e7 {
    white-space: pre-line;
}

/* Fuerza negrita en todos los campos del single padecimiento.
   El e-paragraph envuelve en <p>, la <ul> hace que el browser cierre ese <p>
   y los <b> quedan fuera del elemento original, por eso se apunta al padre. */
.elementor-element-e15f893 strong,
.elementor-element-e15f893 b {
    font-weight: bold !important;
}


.padecimiento-item,
.procedimiento-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
    text-decoration: none;
    border-bottom: 1px solid #3187d6; /* visible en estado normal */
    transition: color 0.2s ease, border-color 0.2s ease;
}

.padecimiento-title, 
.procedimiento-title {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.2s ease;
}

.padecimiento-chevron,
.procedimiento-chevron{
    font-family: 'Poppins', sans-serif;
    font-size: 24px; /* antes 18px, ajusta a gusto */
    color: #3881D9;
    transition: color 0.2s ease;
}

/* Hover y activo: mismo look que Gastritis */
.padecimiento-item:hover,
.padecimiento-item.is-active,
.procedimiento-item:hover,
.procedimiento-item.is-active{
    border-bottom-color: #8de08d;
}

.padecimiento-item:hover .padecimiento-title,
.padecimiento-item.is-active .padecimiento-title,
.padecimiento-item:hover .padecimiento-chevron,
.padecimiento-item.is-active .padecimiento-chevron,
.procedimiento-item:hover .procedimiento-title,
.procedimiento-item.is-active .procedimiento-title,
.procedimiento-item:hover .procedimiento-chevron,
.procedimiento-item.is-active .procedimiento-chevron{
    color: #FFFFFF;
}

#articulo-blog:hover .col-excerpt{
	box-shadow: 0 20px 40px rgba(0, 0, 0, .09);

}
#col-item-blog{
    transition: transform .3s ease, box-shadow .3s ease;
}
#col-item-blog:hover{
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .15);
    transform: scale(1.03);
}

#item-padecimientos{
    transition: transform .3s ease, box-shadow .3s ease;
}

#item-padecimientos:hover{
    transform: scale(1.03);
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

#item-procedimientos{
    transition: transform .3s ease, box-shadow .3s ease;
}

#item-procedimientos:hover{
    transform: scale(1.03);
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

/* El header (elementor-element-16f5fdd) es position:fixed con z-index:30,
   y el sidebar sticky de padecimiento/procedimiento (Elementor Pro "Sticky")
   usa z-index:99 al activarse (.elementor-sticky--active). Al ser ambos
   position:fixed, cada uno crea su propio stacking context, así que el
   z-index:9997 del submenú del header queda "atrapado" dentro del stacking
   context del header (30) y no logra competir contra el 99 del sidebar.
   Por eso el sidebar tapa el header y su submenú al hacer scroll.
   Se sube el z-index del header por encima del sidebar sticky. */
.elementor-element-16f5fdd {
    z-index: 999 !important;
}