.elementor-980 .elementor-element.elementor-element-5d7f191{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-980 .elementor-element.elementor-element-e4e277b img{width:100%;max-width:70%;}.elementor-980 .elementor-element.elementor-element-6201cad{text-align:center;}.elementor-980 .elementor-element.elementor-element-6201cad .elementor-heading-title{font-size:60px;font-weight:700;}.elementor-980 .elementor-element.elementor-element-08609f8{--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;--justify-content:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-980 .elementor-element.elementor-element-3abebce{--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:flex-end;}.elementor-980 .elementor-element.elementor-element-0c6fc19 .elementor-icon-list-icon i{color:#00FF00;transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-0c6fc19 .elementor-icon-list-icon svg{fill:#00FF00;transition:fill 0.3s;}.elementor-980 .elementor-element.elementor-element-0c6fc19{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-980 .elementor-element.elementor-element-0c6fc19 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-980 .elementor-element.elementor-element-0c6fc19 .elementor-icon-list-item > a{font-size:12px;}.elementor-980 .elementor-element.elementor-element-0c6fc19 .elementor-icon-list-text{transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-ab65d4f .elementor-icon-list-icon i{color:#0288D1;transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-ab65d4f .elementor-icon-list-icon svg{fill:#0288D1;transition:fill 0.3s;}.elementor-980 .elementor-element.elementor-element-ab65d4f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-980 .elementor-element.elementor-element-ab65d4f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-980 .elementor-element.elementor-element-ab65d4f .elementor-icon-list-item > a{font-size:12px;}.elementor-980 .elementor-element.elementor-element-ab65d4f .elementor-icon-list-text{transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-472f3d9 .elementor-icon-list-icon i{color:#E91E63;transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-472f3d9 .elementor-icon-list-icon svg{fill:#E91E63;transition:fill 0.3s;}.elementor-980 .elementor-element.elementor-element-472f3d9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-980 .elementor-element.elementor-element-472f3d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-980 .elementor-element.elementor-element-472f3d9 .elementor-icon-list-item > a{font-size:12px;}.elementor-980 .elementor-element.elementor-element-472f3d9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-980 .elementor-element.elementor-element-fab4157{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-980 .elementor-element.elementor-element-92ad5c0{text-align:center;}.elementor-980 .elementor-element.elementor-element-92ad5c0 .elementor-heading-title{color:#0BB1E4;}.elementor-980 .elementor-element.elementor-element-e81b7ba{text-align:center;}.elementor-980 .elementor-element.elementor-element-e81b7ba .elementor-heading-title{font-weight:700;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-980 .elementor-element.elementor-element-e4e277b img{width:100%;max-width:100%;height:111px;}.elementor-980 .elementor-element.elementor-element-6201cad .elementor-heading-title{font-size:50px;}.elementor-980 .elementor-element.elementor-element-08609f8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-980 .elementor-element.elementor-element-e407256{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-980 .elementor-element.elementor-element-dbba5ff{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-980 .elementor-element.elementor-element-19c3f08{text-align:center;}}@media(min-width:768px){.elementor-980 .elementor-element.elementor-element-5d7f191{--content-width:1000px;}.elementor-980 .elementor-element.elementor-element-3abebce{--content-width:1000px;}.elementor-980 .elementor-element.elementor-element-fab4157{--content-width:1000px;}}/* Start custom CSS for heading, class: .elementor-element-6201cad *//* 1. Centramos el widget en la página */
.elementor-980 .elementor-element.elementor-element-6201cad {
    text-align: center;
}

/* 2. Estilos para el texto rotativo */
.elementor-980 .elementor-element.elementor-element-6201cad .elementor-heading-title {
    /* Gradiente actualizado con tus nuevos colores (Azul a Magenta) */
    background: linear-gradient(to right, #0bb1e4ff, #d02b39fa) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* EL SECRETO: Ancho mínimo para evitar que el texto salte */
    display: inline-block !important;
    min-width: 340px; /* La medida de tu inspector */
    text-align: center;
    
    /* Animación suave */
    transition: opacity 0.5s ease, transform 0.5s ease !important;
    opacity: 1;
    transform: translateY(0px);
}

/* 3. La clase que oculta el texto (como en tu imagen) */
.elementor-980 .elementor-element.elementor-element-6201cad .elementor-heading-title.oculto {
    opacity: 0 !important;
    transform: translateY(20px) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e407256 *//* Estado normal del botón */
.elementor-980 .elementor-element.elementor-element-e407256 .elementor-button {
    background: linear-gradient(to right, #d02b39fa, #0bb1e4ff) !important;
    border-radius: 12px !important; 
    padding: 18px 32px !important; 
    font-size: 18px !important; 
    font-weight: 500 !important; 
    color: white !important;
    border: none !important;
    
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; 
}

/* Estado al pasar el cursor (Hover) */
.elementor-980 .elementor-element.elementor-element-e407256 .elementor-button:hover {
    box-shadow: 0 10px 15px -3px rgba(208, 43, 57, 0.35), 0 4px 6px -4px rgba(208, 43, 57, 0.2) !important;
    transform: translateY(-2px) !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dbba5ff */.elementor-980 .elementor-element.elementor-element-dbba5ff .elementor-button {
    background-color: #F3F4F6 !important; /* Gris ultra claro */
    color: #1F2937 !important; /* Texto oscuro */
    border-radius: 12px !important;
    padding: 18px 32px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.elementor-980 .elementor-element.elementor-element-dbba5ff .elementor-button:hover {
    background-color: #E5E7EB !important; /* Un gris un poco más oscuro al pasar el ratón */
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e81b7ba *//* Aplica el degradado solo al texto dentro del span con la clase 'texto-degradado' */
.texto-degradado {
    background: linear-gradient(to right, #0bb1e4ff, #d02b39fa) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block; /* Asegura que el degradado se aplique correctamente */
}/* End custom CSS */
/* Start custom CSS */.contenedor-animado {
	/* Aquí usamos el magenta y el azul originales, pero con opacidad baja */
	background: linear-gradient(
		-45deg, 
		rgba(231, 60, 126, 0.15), 
		rgba(35, 166, 213, 0.15), 
		rgba(231, 60, 126, 0.08), 
		rgba(35, 166, 213, 0.08)
	);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	min-height: 400px; 
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}/* End custom CSS */