.elementor-11126 .elementor-element.elementor-element-99ade66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11126 .elementor-element.elementor-element-648f72b{--display:flex;--min-height:132px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11126 .elementor-element.elementor-element-648f72b.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11126 .elementor-element.elementor-element-4696637 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-11126 .elementor-element.elementor-element-4696637 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-11126 .elementor-element.elementor-element-4696637.elementor-element{--align-self:flex-start;}.elementor-11126 .elementor-element.elementor-element-4696637 .elementor-icon-wrapper{text-align:center;}.elementor-11126 .elementor-element.elementor-element-4696637.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-11126 .elementor-element.elementor-element-4696637.elementor-view-framed .elementor-icon, .elementor-11126 .elementor-element.elementor-element-4696637.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-11126 .elementor-element.elementor-element-4696637.elementor-view-framed .elementor-icon, .elementor-11126 .elementor-element.elementor-element-4696637.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-11126 .elementor-element.elementor-element-4696637 .elementor-icon{font-size:20px;}.elementor-11126 .elementor-element.elementor-element-4696637 .elementor-icon svg{height:20px;}.elementor-11126 .elementor-element.elementor-element-987a677{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11126 .elementor-element.elementor-element-987a677.e-con{--flex-grow:0;--flex-shrink:0;}.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-11126 .elementor-element.elementor-element-36b2ddd{text-align:center;}.elementor-11126 .elementor-element.elementor-element-36b2ddd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;color:#F8F8F8;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11126 .elementor-element.elementor-element-b4fa943{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.9px;}.elementor-11126 .elementor-element.elementor-element-b4fa943 .elementor-divider-separator{width:100%;}.elementor-11126 .elementor-element.elementor-element-b4fa943 .elementor-divider{padding-block-start:14px;padding-block-end:14px;}.elementor-11126 .elementor-element.elementor-element-689ed94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:3vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11126 .elementor-element.elementor-element-7850e07{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 32px 4px rgba(0, 0, 0, 0.33);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;--e-con-transform-transition-duration:500ms;}.elementor-11126 .elementor-element.elementor-element-7850e07:not(.elementor-motion-effects-element-type-background), .elementor-11126 .elementor-element.elementor-element-7850e07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chicleagencia.com/wp-content/uploads/2025/08/thumnails3.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-11126 .elementor-element.elementor-element-7850e07.e-con:hover{--e-con-transform-scale:1.01;}.elementor-11126 .elementor-element.elementor-element-adb4257 > .elementor-widget-container{margin:250px 0px 250px 0px;padding:0px 0px 0px 0px;}.elementor-11126 .elementor-element.elementor-element-adb4257{z-index:2;text-align:center;}.elementor-11126 .elementor-element.elementor-element-adb4257 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;color:#000000;}.elementor-11126 .elementor-element.elementor-element-adb4257 .elementor-heading-title a:hover, .elementor-11126 .elementor-element.elementor-element-adb4257 .elementor-heading-title a:focus{color:#000000;}.elementor-11126 .elementor-element.elementor-element-adb4257 .elementor-heading-title a{transition-duration:1s;}.elementor-11126 .elementor-element.elementor-element-70d4bb4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 32px 4px rgba(0, 0, 0, 0.33);--margin-top:79px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;--e-con-transform-transition-duration:500ms;}.elementor-11126 .elementor-element.elementor-element-70d4bb4:not(.elementor-motion-effects-element-type-background), .elementor-11126 .elementor-element.elementor-element-70d4bb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chicleagencia.com/wp-content/uploads/2025/08/thumnails2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-11126 .elementor-element.elementor-element-70d4bb4.e-con:hover{--e-con-transform-scale:1.01;}.elementor-11126 .elementor-element.elementor-element-eee9806 > .elementor-widget-container{margin:250px 0px 250px 0px;padding:0px 0px 0px 0px;}.elementor-11126 .elementor-element.elementor-element-eee9806{text-align:center;}.elementor-11126 .elementor-element.elementor-element-eee9806 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;}.elementor-11126 .elementor-element.elementor-element-eee9806 .elementor-heading-title a:hover, .elementor-11126 .elementor-element.elementor-element-eee9806 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-11126 .elementor-element.elementor-element-eee9806 .elementor-heading-title a{transition-duration:1s;}.elementor-11126 .elementor-element.elementor-element-4ef636e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:3vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11126 .elementor-element.elementor-element-5ea1bae{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 32px 4px rgba(0, 0, 0, 0.33);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;--e-con-transform-transition-duration:500ms;}.elementor-11126 .elementor-element.elementor-element-5ea1bae:not(.elementor-motion-effects-element-type-background), .elementor-11126 .elementor-element.elementor-element-5ea1bae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chicleagencia.com/wp-content/uploads/2025/08/thumnails.jpg");background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-11126 .elementor-element.elementor-element-5ea1bae.e-con:hover{--e-con-transform-scale:1.01;}.elementor-11126 .elementor-element.elementor-element-ad91a37 > .elementor-widget-container{margin:250px 0px 250px 2px;padding:0px 0px 0px 0px;}.elementor-11126 .elementor-element.elementor-element-ad91a37.elementor-element{--align-self:center;}.elementor-11126 .elementor-element.elementor-element-ad91a37{z-index:2;text-align:center;}.elementor-11126 .elementor-element.elementor-element-ad91a37 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;color:#000000;}.elementor-11126 .elementor-element.elementor-element-ad91a37 .elementor-heading-title a:hover, .elementor-11126 .elementor-element.elementor-element-ad91a37 .elementor-heading-title a:focus{color:#000000;}.elementor-11126 .elementor-element.elementor-element-ad91a37 .elementor-heading-title a{transition-duration:1s;}.elementor-11126 .elementor-element.elementor-element-a995049{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11126 .elementor-element.elementor-element-536f861{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11126 .elementor-element.elementor-element-536f861:not(.elementor-motion-effects-element-type-background), .elementor-11126 .elementor-element.elementor-element-536f861 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11126 .elementor-element.elementor-element-648f72b{--width:8.086%;}.elementor-11126 .elementor-element.elementor-element-987a677{--width:78.376%;}.elementor-11126 .elementor-element.elementor-element-7850e07{--width:100vw;}.elementor-11126 .elementor-element.elementor-element-70d4bb4{--width:100vw;}.elementor-11126 .elementor-element.elementor-element-4ef636e{--content-width:1068px;}.elementor-11126 .elementor-element.elementor-element-5ea1bae{--width:100vw;}}/* Start custom CSS for heading, class: .elementor-element-adb4257 */.elementor-11126 .elementor-element.elementor-element-adb4257 a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7850e07 *//* 1. Estilo para el Contenedor (Elemento Padre) */
.mi-fondo-con-overlay {
    position: relative; /* Esencial para posicionar el overlay y el texto dentro */
    overflow: hidden; /* Opcional, pero bueno para evitar desbordamientos */
}

/* 2. El Overlay (Capa Negra) */
.mi-fondo-con-overlay::before {
    content: ''; /* Necesario para que el pseudo-elemento exista */
    position: absolute; /* Posiciona el overlay sobre el contenedor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Transparente por defecto (sin negro) */
    transition: background-color 0.4s ease; /* TRANSICIÓN: 0.4 segundos de duración para el overlay */
  
    pointer-events: none; /* Permite hacer clic en elementos debajo del overlay */
}

/* 3. Comportamiento del Overlay al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover::before {
    background-color: rgba(0, 0, 0, 0.7); /* Se vuelve negro semi-transparente al pasar el ratón */
}

/* 4. Asegura que el contenido (imagen y TEXTO) esté por encima del overlay */
/* Apuntamos a los contenedores internos de Elementor que contienen los widgets */
.mi-fondo-con-overlay > .elementor-widget-container,
.mi-fondo-con-overlay > .elementor-container,
.mi-fondo-con-overlay > .elementor-column-wrap {
    position: relative;
    z-index: 2; /* **CRUCIAL**: Mayor que el z-index del overlay (1) */
    height: 100%; /* Asegura que el contenedor interno ocupe la altura para que el texto no se "salga" */
    display: flex; /* Puede ayudar a la alineación del texto si es un flexbox container */
    flex-direction: column; /* Alinea los ítems en columna */
    justify-content: center; /* Centra verticalmente el contenido */
    align-items: center; /* Centra horizontalmente el contenido */
}


/* 5. Estilo para el TEXTO dentro del contenedor: Transparente por defecto, Blanco en Hover */
/* Seleccionamos los tipos de texto comunes usados por Elementor y HTML */
.mi-fondo-con-overlay .elementor-heading-title, /* Títulos de Elementor */
.mi-fondo-con-overlay .elementor-text-editor, /* Editor de texto de Elementor */
.mi-fondo-con-overlay p, /* Párrafos estándar */
.mi-fondo-con-overlay h1, .mi-fondo-con-overlay h2, .mi-fondo-con-overlay h3,
.mi-fondo-con-overlay h4, .mi-fondo-con-overlay h5, .mi-fondo-con-overlay h6,
.mi-fondo-con-overlay span,
.mi-fondo-con-overlay a { /* Enlaces dentro del contenedor */
    color: rgba(255, 255, 255, 0) !important; /* Totalmente transparente por defecto */
    transition: color 1s ease, opacity 1s ease; /* Transición para el color y la opacidad del texto */
    opacity: 0; /* Asegura que no sea visible */
    text-align: center; /* Centra el texto */
    width: 100%; /* El texto ocupa el ancho disponible */
    box-sizing: border-box; /* Incluye padding/border en el ancho */
    padding: 10px; /* Un poco de padding para que no se pegue a los bordes */
}

/* 6. Comportamiento del TEXTO al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover .elementor-heading-title,
.mi-fondo-con-overlay:hover .elementor-text-editor,
.mi-fondo-con-overlay:hover p,
.mi-fondo-con-overlay:hover h1, .mi-fondo-con-overlay:hover h2, .mi-fondo-con-overlay:hover h3,
.mi-fondo-con-overlay:hover h4, .mi-fondo-con-overlay:hover h5, .mi-fondo-con-overlay:hover h6,
.mi-fondo-con-overlay:hover span,
.mi-fondo-con-overlay:hover a {
    color: #FFFFFF !important; /* Blanco puro */
    opacity: 1 !important; /* Totalmente visible */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-eee9806 */.elementor-11126 .elementor-element.elementor-element-eee9806 a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70d4bb4 *//* 1. Estilo para el Contenedor (Elemento Padre) */
.mi-fondo-con-overlay {
    position: relative; /* Esencial para posicionar el overlay y el texto dentro */
    overflow: hidden; /* Opcional, pero bueno para evitar desbordamientos */
}

/* 2. El Overlay (Capa Negra) */
.mi-fondo-con-overlay::before {
    content: ''; /* Necesario para que el pseudo-elemento exista */
    position: absolute; /* Posiciona el overlay sobre el contenedor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Transparente por defecto (sin negro) */
    transition: background-color 0.4s ease; /* TRANSICIÓN: 0.4 segundos de duración para el overlay */
  
    pointer-events: none; /* Permite hacer clic en elementos debajo del overlay */
}

/* 3. Comportamiento del Overlay al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover::before {
    background-color: rgba(0, 0, 0, 0.7); /* Se vuelve negro semi-transparente al pasar el ratón */
}

/* 4. Asegura que el contenido (imagen y TEXTO) esté por encima del overlay */
/* Apuntamos a los contenedores internos de Elementor que contienen los widgets */
.mi-fondo-con-overlay > .elementor-widget-container,
.mi-fondo-con-overlay > .elementor-container,
.mi-fondo-con-overlay > .elementor-column-wrap {
    position: relative;
    z-index: 2; /* **CRUCIAL**: Mayor que el z-index del overlay (1) */
    height: 100%; /* Asegura que el contenedor interno ocupe la altura para que el texto no se "salga" */
    display: flex; /* Puede ayudar a la alineación del texto si es un flexbox container */
    flex-direction: column; /* Alinea los ítems en columna */
    justify-content: center; /* Centra verticalmente el contenido */
    align-items: center; /* Centra horizontalmente el contenido */
}


/* 5. Estilo para el TEXTO dentro del contenedor: Transparente por defecto, Blanco en Hover */
/* Seleccionamos los tipos de texto comunes usados por Elementor y HTML */
.mi-fondo-con-overlay .elementor-heading-title, /* Títulos de Elementor */
.mi-fondo-con-overlay .elementor-text-editor, /* Editor de texto de Elementor */
.mi-fondo-con-overlay p, /* Párrafos estándar */
.mi-fondo-con-overlay h1, .mi-fondo-con-overlay h2, .mi-fondo-con-overlay h3,
.mi-fondo-con-overlay h4, .mi-fondo-con-overlay h5, .mi-fondo-con-overlay h6,
.mi-fondo-con-overlay span,
.mi-fondo-con-overlay a { /* Enlaces dentro del contenedor */
    color: rgba(255, 255, 255, 0) !important; /* Totalmente transparente por defecto */
    transition: color 1s ease, opacity 1s ease; /* Transición para el color y la opacidad del texto */
    opacity: 0; /* Asegura que no sea visible */
    text-align: center; /* Centra el texto */
    width: 100%; /* El texto ocupa el ancho disponible */
    box-sizing: border-box; /* Incluye padding/border en el ancho */
    padding: 10px; /* Un poco de padding para que no se pegue a los bordes */
}

/* 6. Comportamiento del TEXTO al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover .elementor-heading-title,
.mi-fondo-con-overlay:hover .elementor-text-editor,
.mi-fondo-con-overlay:hover p,
.mi-fondo-con-overlay:hover h1, .mi-fondo-con-overlay:hover h2, .mi-fondo-con-overlay:hover h3,
.mi-fondo-con-overlay:hover h4, .mi-fondo-con-overlay:hover h5, .mi-fondo-con-overlay:hover h6,
.mi-fondo-con-overlay:hover span,
.mi-fondo-con-overlay:hover a {
    color: #FFFFFF !important; /* Blanco puro */
    opacity: 1 !important; /* Totalmente visible */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ad91a37 */.elementor-11126 .elementor-element.elementor-element-ad91a37 a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ea1bae *//* 1. Estilo para el Contenedor (Elemento Padre) */
.mi-fondo-con-overlay {
    position: relative; /* Esencial para posicionar el overlay y el texto dentro */
    overflow: hidden; /* Opcional, pero bueno para evitar desbordamientos */
}

/* 2. El Overlay (Capa Negra) */
.mi-fondo-con-overlay::before {
    content: ''; /* Necesario para que el pseudo-elemento exista */
    position: absolute; /* Posiciona el overlay sobre el contenedor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Transparente por defecto (sin negro) */
    transition: background-color 0.4s ease; /* TRANSICIÓN: 0.4 segundos de duración para el overlay */
  
    pointer-events: none; /* Permite hacer clic en elementos debajo del overlay */
}

/* 3. Comportamiento del Overlay al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover::before {
    background-color: rgba(0, 0, 0, 0.7); /* Se vuelve negro semi-transparente al pasar el ratón */
}

/* 4. Asegura que el contenido (imagen y TEXTO) esté por encima del overlay */
/* Apuntamos a los contenedores internos de Elementor que contienen los widgets */
.mi-fondo-con-overlay > .elementor-widget-container,
.mi-fondo-con-overlay > .elementor-container,
.mi-fondo-con-overlay > .elementor-column-wrap {
    position: relative;
    z-index: 2; /* **CRUCIAL**: Mayor que el z-index del overlay (1) */
    height: 100%; /* Asegura que el contenedor interno ocupe la altura para que el texto no se "salga" */
    display: flex; /* Puede ayudar a la alineación del texto si es un flexbox container */
    flex-direction: column; /* Alinea los ítems en columna */
    justify-content: center; /* Centra verticalmente el contenido */
    align-items: center; /* Centra horizontalmente el contenido */
}


/* 5. Estilo para el TEXTO dentro del contenedor: Transparente por defecto, Blanco en Hover */
/* Seleccionamos los tipos de texto comunes usados por Elementor y HTML */
.mi-fondo-con-overlay .elementor-heading-title, /* Títulos de Elementor */
.mi-fondo-con-overlay .elementor-text-editor, /* Editor de texto de Elementor */
.mi-fondo-con-overlay p, /* Párrafos estándar */
.mi-fondo-con-overlay h1, .mi-fondo-con-overlay h2, .mi-fondo-con-overlay h3,
.mi-fondo-con-overlay h4, .mi-fondo-con-overlay h5, .mi-fondo-con-overlay h6,
.mi-fondo-con-overlay span,
.mi-fondo-con-overlay a { /* Enlaces dentro del contenedor */
    color: rgba(255, 255, 255, 0) !important; /* Totalmente transparente por defecto */
    transition: color 1s ease, opacity 1s ease; /* Transición para el color y la opacidad del texto */
    opacity: 0; /* Asegura que no sea visible */
    text-align: center; /* Centra el texto */
    width: 100%; /* El texto ocupa el ancho disponible */
    box-sizing: border-box; /* Incluye padding/border en el ancho */
    padding: 10px; /* Un poco de padding para que no se pegue a los bordes */
}

/* 6. Comportamiento del TEXTO al Pasar el Ratón (Hover) */
.mi-fondo-con-overlay:hover .elementor-heading-title,
.mi-fondo-con-overlay:hover .elementor-text-editor,
.mi-fondo-con-overlay:hover p,
.mi-fondo-con-overlay:hover h1, .mi-fondo-con-overlay:hover h2, .mi-fondo-con-overlay:hover h3,
.mi-fondo-con-overlay:hover h4, .mi-fondo-con-overlay:hover h5, .mi-fondo-con-overlay:hover h6,
.mi-fondo-con-overlay:hover span,
.mi-fondo-con-overlay:hover a {
    color: #FFFFFF !important; /* Blanco puro */
    opacity: 1 !important; /* Totalmente visible */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16de656 */.solo-blob {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 60vw;
            height: 60vh;
            transform: translate(-50%, -50%);
            background: radial-gradient(circle at 30% 30%, 
                #ff0080, #00ffff, #ff4500, #8a2be2, 
                #00ff80, #ff1493, #1e90ff, #ffd700,
                #ff6347, #00ced1, #da70d6, #32cd32);
            background-size: 800% 800%;
            border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
            filter: blur(120px);
            opacity: 0.9;
            /* mix-blend-mode: screen; - removido para mejor compatibilidad */
            pointer-events: none;
            z-index: -1;
            animation:
                extremeMovement 35s ease-in-out infinite,
                wildShapeShift 45s ease-in-out infinite,
                rainbowColors 60s ease-in-out infinite,
                pulsation 20s ease-in-out infinite alternate,
                rotation 80s linear infinite;
        }

        .solo-blob::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(from 0deg,
                #33faff, #825fff, #ff3300,#33faff, #825fff, #ff3300,#33faff, #825fff, #ff3300,#33faff, #825fff, #ff3300
                );
            border-radius: 50%;
            filter: blur(150px);
            opacity: 0.4;
            animation: 
                counterRotation 120s linear infinite reverse,
                sizeVariation 50s ease-in-out infinite alternate;
        }

        /* 🚀 Recorrido súper notorio por toda la pantalla */
        @keyframes extremeMovement {
            0%   { transform: translate(-50%, -50%) translate(0, 0); }
            4%   { transform: translate(-50%, -50%) translate(60vw, -50vh); }
            8%   { transform: translate(-50%, -50%) translate(-65vw, -48vh); }
            12%  { transform: translate(-50%, -50%) translate(62vw, 52vh); }
            16%  { transform: translate(-50%, -50%) translate(-60vw, 55vh); }
            20%  { transform: translate(-50%, -50%) translate(65vw, -20vh); }
            24%  { transform: translate(-50%, -50%) translate(-62vw, -55vh); }
            28%  { transform: translate(-50%, -50%) translate(30vw, 58vh); }
            32%  { transform: translate(-50%, -50%) translate(-68vw, 25vh); }
            36%  { transform: translate(-50%, -50%) translate(58vw, -35vh); }
            40%  { transform: translate(-50%, -50%) translate(-40vw, 52vh); }
            44%  { transform: translate(-50%, -50%) translate(68vw, 40vh); }
            48%  { transform: translate(-50%, -50%) translate(-58vw, -30vh); }
            52%  { transform: translate(-50%, -50%) translate(45vw, -58vh); }
            56%  { transform: translate(-50%, -50%) translate(-65vw, 45vh); }
            60%  { transform: translate(-50%, -50%) translate(62vw, -52vh); }
            64%  { transform: translate(-50%, -50%) translate(-45vw, 58vh); }
            68%  { transform: translate(-50%, -50%) translate(68vw, 20vh); }
            72%  { transform: translate(-50%, -50%) translate(-62vw, -45vh); }
            76%  { transform: translate(-50%, -50%) translate(40vw, 55vh); }
            80%  { transform: translate(-50%, -50%) translate(-68vw, -25vh); }
            84%  { transform: translate(-50%, -50%) translate(65vw, 48vh); }
            88%  { transform: translate(-50%, -50%) translate(-50vw, -58vh); }
            92%  { transform: translate(-50%, -50%) translate(55vw, 35vh); }
            96%  { transform: translate(-50%, -50%) translate(-60vw, 20vh); }
            100% { transform: translate(-50%, -50%) translate(0, 0); }
        }

        /* 🌋 Deformaciones tipo lava viscosa y orgánica */
        @keyframes wildShapeShift {
            0% {
                border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
                transform: translate(-50%, -50%) scaleX(1) scaleY(1);
            }
            3% {
                border-radius: 48% 52% 73% 27% / 39% 61% 44% 56%;
                transform: translate(-50%, -50%) scaleX(1.15) scaleY(0.85);
            }
            7% {
                border-radius: 81% 19% 42% 58% / 67% 33% 71% 29%;
                transform: translate(-50%, -50%) scaleX(0.9) scaleY(1.2);
            }
            12% {
                border-radius: 29% 71% 84% 16% / 52% 48% 38% 62%;
                transform: translate(-50%, -50%) scaleX(1.3) scaleY(0.7);
            }
            18% {
                border-radius: 67% 33% 26% 74% / 73% 27% 59% 41%;
                transform: translate(-50%, -50%) scaleX(0.8) scaleY(1.4);
            }
            23% {
                border-radius: 45% 55% 89% 11% / 41% 59% 76% 24%;
                transform: translate(-50%, -50%) scaleX(1.25) scaleY(0.75);
            }
            29% {
                border-radius: 92% 8% 37% 63% / 68% 32% 43% 57%;
                transform: translate(-50%, -50%) scaleX(0.85) scaleY(1.35);
            }
            35% {
                border-radius: 34% 66% 78% 22% / 56% 44% 81% 19%;
                transform: translate(-50%, -50%) scaleX(1.1) scaleY(0.9);
            }
            41% {
                border-radius: 76% 24% 51% 49% / 32% 68% 47% 53%;
                transform: translate(-50%, -50%) scaleX(0.95) scaleY(1.25);
            }
            47% {
                border-radius: 53% 47% 93% 7% / 74% 26% 35% 65%;
                transform: translate(-50%, -50%) scaleX(1.35) scaleY(0.65);
            }
            53% {
                border-radius: 17% 83% 46% 54% / 49% 51% 69% 31%;
                transform: translate(-50%, -50%) scaleX(0.75) scaleY(1.45);
            }
            59% {
                border-radius: 88% 12% 69% 31% / 61% 39% 28% 72%;
                transform: translate(-50%, -50%) scaleX(1.2) scaleY(0.8);
            }
            65% {
                border-radius: 41% 59% 25% 75% / 83% 17% 54% 46%;
                transform: translate(-50%, -50%) scaleX(0.9) scaleY(1.3);
            }
            71% {
                border-radius: 72% 28% 87% 13% / 37% 63% 72% 28%;
                transform: translate(-50%, -50%) scaleX(1.15) scaleY(0.85);
            }
            77% {
                border-radius: 56% 44% 31% 69% / 75% 25% 46% 54%;
                transform: translate(-50%, -50%) scaleX(0.85) scaleY(1.35);
            }
            83% {
                border-radius: 94% 6% 58% 42% / 42% 58% 83% 17%;
                transform: translate(-50%, -50%) scaleX(1.25) scaleY(0.75);
            }
            89% {
                border-radius: 38% 62% 76% 24% / 66% 34% 39% 61%;
                transform: translate(-50%, -50%) scaleX(0.95) scaleY(1.15);
            }
            94% {
                border-radius: 71% 29% 43% 57% / 51% 49% 67% 33%;
                transform: translate(-50%, -50%) scaleX(1.05) scaleY(0.95);
            }
            100% {
                border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
                transform: translate(-50%, -50%) scaleX(1) scaleY(1);
            }
        }

        /* 🌈 Transición de colores más suave y fluida */
        @keyframes rainbowColors {
            0% { background-position: 0% 50%; }
            5% { background-position: 8% 35%; }
            10% { background-position: 18% 65%; }
            15% { background-position: 28% 25%; }
            20% { background-position: 38% 75%; }
            25% { background-position: 48% 40%; }
            30% { background-position: 58% 80%; }
            35% { background-position: 68% 20%; }
            40% { background-position: 78% 60%; }
            45% { background-position: 88% 30%; }
            50% { background-position: 95% 70%; }
            55% { background-position: 85% 45%; }
            60% { background-position: 75% 85%; }
            65% { background-position: 65% 15%; }
            70% { background-position: 55% 55%; }
            75% { background-position: 45% 90%; }
            80% { background-position: 35% 10%; }
            85% { background-position: 25% 50%; }
            90% { background-position: 15% 75%; }
            95% { background-position: 8% 25%; }
            100% { background-position: 0% 50%; }
        }

        /* 💓 Pulsación para vida extra */
        @keyframes pulsation {
            0% { 
                filter: blur(120px) brightness(1);
                opacity: 0.7;
            }
            50% { 
                filter: blur(80px) brightness(1.5);
                opacity: 0.9;
            }
            100% { 
                filter: blur(120px) brightness(1);
                opacity: 0.7;
            }
        }

        /* 🌪️ Rotación continua */
        @keyframes rotation {
            from { transform: translate(-50%, -50%) rotate(0deg); }
            to { transform: translate(-50%, -50%) rotate(360deg); }
        }

        /* 🔄 Contra-rotación del pseudo-elemento */
        @keyframes counterRotation {
            from { transform: rotate(0deg); }
            to { transform: rotate(-360deg); }
        }

        /* 📏 Variación de tamaño del halo */
        @keyframes sizeVariation {
            0% { transform: scale(0.8); }
            100% { transform: scale(1.2); }
        }/* End custom CSS */