.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-566 .elementor-element.elementor-element-8e5d5f6{margin:154px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-566 .elementor-element.elementor-element-8e5d5f6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-566 .elementor-element.elementor-element-8e5d5f6 .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:45px;font-weight:800;line-height:100px;letter-spacing:0.3px;color:#C4FF00;}.elementor-566 .elementor-element.elementor-element-b6e577b{margin:68px 68px calc(var(--kit-widget-spacing, 0px) + 68px) 68px;text-align:center;}.elementor-566 .elementor-element.elementor-element-b6e577b .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-b9b465f{margin:68px 68px calc(var(--kit-widget-spacing, 0px) + 68px) 68px;text-align:center;}.elementor-566 .elementor-element.elementor-element-b9b465f .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;letter-spacing:-1.4px;color:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-38e50df{margin:58px 28px calc(var(--kit-widget-spacing, 0px) + -7px) 28px;padding:0px 0px 0px 0px;text-align:center;}.elementor-566 .elementor-element.elementor-element-38e50df.elementor-element{--align-self:flex-start;}.elementor-566 .elementor-element.elementor-element-38e50df .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-9551e96{margin:68px 68px calc(var(--kit-widget-spacing, 0px) + 68px) 68px;text-align:center;}.elementor-566 .elementor-element.elementor-element-9551e96 .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-9f198d5{margin:60px 37px calc(var(--kit-widget-spacing, 0px) + 20px) 37px;text-align:center;}.elementor-566 .elementor-element.elementor-element-9f198d5 .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-566 .elementor-element.elementor-element-ff9dd6f{margin:57px 40px calc(var(--kit-widget-spacing, 0px) + 22px) 40px;text-align:center;}.elementor-566 .elementor-element.elementor-element-ff9dd6f .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}/* Start custom CSS for heading, class: .elementor-element-b6e577b */.elementor-566 .elementor-element.elementor-element-b6e577b .elementor-heading-title {
    transition: all 0.3s ease;
}

.elementor-566 .elementor-element.elementor-element-b6e577b .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b9b465f */.elementor-566 .elementor-element.elementor-element-b9b465f .elementor-heading-title {
    transition: all 0.3s ease;
}

.elementor-566 .elementor-element.elementor-element-b9b465f .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-38e50df *//* --- PASO 1: REESTRUCTURAR EL COMPORTAMIENTO DE LAS CAJAS INVISIBLES DE ELEMENTOR --- */

/* Forzar que el contenedor principal admita elementos absolutos debajo de forma limpia y alineada */
.elementor-566 .elementor-element.elementor-element-38e50df .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important; /* Vital para que el texto de abajo no se corte */
}

/* --- PASO 2: TU CÓDIGO ORIGINAL (Mantenido intacto y corregido) --- */

/* Estilo inicial del título */
.elementor-566 .elementor-element.elementor-element-38e50df .elementor-heading-title {
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-bottom: 0 !important; /* Evita espacios extraños que Elementor mete por defecto */
}

/* Tu efecto de crecimiento y color al pasar el cursor */
.elementor-566 .elementor-element.elementor-element-38e50df .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}

/* --- PASO 3: CREAR EL NUEVO PÁRRAFO INFERIOR (Verde lima y negrita, forzado) --- */

/* Estilo e inyección del párrafo oculto acoplado al contenedor de Elementor */
.elementor-566 .elementor-element.elementor-element-38e50df::after {
    content: "Todo nuestro equipo volcado en un trato personalizado, formado con titulaciones homologadas" !important;
    display: block !important;
    font-size: 14px !important; /* Tamaño del texto pequeño */
    color: #CCFF00 !important; /* Verde lima fosforito */
    font-weight: bold !important; /* Letra negrita */
    text-transform: none !important; /* Evita que se herede el mayúsculas del título */
    text-align: center !important;
    margin-top: 15px !important; /* Espacio para que no choque al crecer el título */
    max-width: 280px !important; /* Ajustado para que quepa bien en la foto y no se estire */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Control de animación de aparición */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important; /* Efecto de deslizamiento inicial */
    transition: all 0.3s ease !important;
}

/* --- PASO 4: ACCIÓN HOVER FINAL --- */

/* Al pasar el cursor por encima del bloque, el texto pequeño aparece suavemente deslizándose */
.elementor-566 .elementor-element.elementor-element-38e50df:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9551e96 */.elementor-566 .elementor-element.elementor-element-9551e96 .elementor-heading-title {
    transition: all 0.3s ease;
}

.elementor-566 .elementor-element.elementor-element-9551e96 .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f198d5 *//* --- PASO 1: REESTRUCTURAR EL COMPORTAMIENTO DE LAS CAJAS INVISIBLES DE ELEMENTOR --- */

/* Forzar que el contenedor principal admita elementos absolutos debajo de forma limpia y alineada */
.elementor-566 .elementor-element.elementor-element-9f198d5 .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important; /* Vital para que el texto de abajo no se corte */
}

/* --- PASO 2: TU CÓDIGO ORIGINAL (Mantenido intacto y corregido) --- */

/* Estilo inicial del título */
.elementor-566 .elementor-element.elementor-element-9f198d5 .elementor-heading-title {
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-bottom: 0 !important; /* Evita espacios extraños que Elementor mete por defecto */
}

/* Tu efecto de crecimiento y color al pasar el cursor */
.elementor-566 .elementor-element.elementor-element-9f198d5 .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}

/* --- PASO 3: CREAR EL NUEVO PÁRRAFO INFERIOR (Verde lima y negrita, forzado) --- */

/* Estilo e inyección del párrafo oculto acoplado al contenedor de Elementor */
.elementor-566 .elementor-element.elementor-element-9f198d5::after {
    content: "Sala de musculación equipada con maquinaria de cardio, fuerza y peso libre." !important;
    display: block !important;
    font-size: 14px !important; /* Tamaño del texto pequeño */
    color: #CCFF00 !important; /* Verde lima fosforito */
    font-weight: bold !important; /* Letra negrita */
    text-transform: none !important; /* Evita que se herede el mayúsculas del título */
    text-align: center !important;
    margin-top: 15px !important; /* Espacio para que no choque al crecer el título */
    max-width: 280px !important; /* Ajustado para que quepa bien en la foto y no se estire */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Control de animación de aparición */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important; /* Efecto de deslizamiento inicial */
    transition: all 0.3s ease !important;
}

/* --- PASO 4: ACCIÓN HOVER FINAL --- */

/* Al pasar el cursor por encima del bloque, el texto pequeño aparece suavemente deslizándose */
.elementor-566 .elementor-element.elementor-element-9f198d5:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff9dd6f *//* --- PASO 1: REESTRUCTURAR EL COMPORTAMIENTO DE LAS CAJAS INVISIBLES DE ELEMENTOR --- */

/* Forzar que el contenedor principal admita elementos absolutos debajo de forma limpia y alineada */
.elementor-566 .elementor-element.elementor-element-ff9dd6f .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important; /* Vital para que el texto de abajo no se corte */
}

/* --- PASO 2: TU CÓDIGO ORIGINAL (Mantenido intacto y corregido) --- */

/* Estilo inicial del título */
.elementor-566 .elementor-element.elementor-element-ff9dd6f .elementor-heading-title {
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-bottom: 0 !important; /* Evita espacios extraños que Elementor mete por defecto */
}

/* Tu efecto de crecimiento y color al pasar el cursor */
.elementor-566 .elementor-element.elementor-element-ff9dd6f .elementor-heading-title:hover {
    color: #CCFF00 !important;
    transform: scale(1.15); /* Crece un 15% */
}

/* --- PASO 3: CREAR EL NUEVO PÁRRAFO INFERIOR (Verde lima y negrita, forzado) --- */

/* Estilo e inyección del párrafo oculto acoplado al contenedor de Elementor */
.elementor-566 .elementor-element.elementor-element-ff9dd6f::after {
    content: "Varias salas y espacios para uso libre, individual o grupal, equipadas con diverso material deportivo." !important;
    display: block !important;
    font-size: 14px !important; /* Tamaño del texto pequeño */
    color: #CCFF00 !important; /* Verde lima fosforito */
    font-weight: bold !important; /* Letra negrita */
    text-transform: none !important; /* Evita que se herede el mayúsculas del título */
    text-align: center !important;
    margin-top: 15px !important; /* Espacio para que no choque al crecer el título */
    max-width: 280px !important; /* Ajustado para que quepa bien en la foto y no se estire */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Control de animación de aparición */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important; /* Efecto de deslizamiento inicial */
    transition: all 0.3s ease !important;
}

/* --- PASO 4: ACCIÓN HOVER FINAL --- */

/* Al pasar el cursor por encima del bloque, el texto pequeño aparece suavemente deslizándose */
.elementor-566 .elementor-element.elementor-element-ff9dd6f:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}/* End custom CSS */