.elementor-9 .elementor-element.elementor-element-ab9cd84{--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;--margin-top:120px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-f68a17f{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.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 );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-b718611.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-eed3ec3{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for button, class: .elementor-element-b718611 *//* FORZAR ESTILO BOTÓN ROSA (VILAVELLA POWER) */

/* 1. Asegurar el color del texto (rompiendo la herencia gris) */
.elementor-9 .elementor-element.elementor-element-b718611 .elementor-button, 
.elementor-9 .elementor-element.elementor-element-b718611 .elementor-button span {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 2. El cuerpo del botón */
.elementor-9 .elementor-element.elementor-element-b718611 .elementor-button {
    /* Degradado Rosa/Violeta */
    background: linear-gradient(90deg, #ff00cc 0%, #aa00ff 100%) !important;
    background-color: #ff00cc !important; /* Respaldo */
    
    /* Forma y Tamaño */
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    
    /* Tipografía */
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    
    /* Sombra de neón suave */
    box-shadow: 0 4px 15px rgba(255, 0, 204, 0.4) !important;
    
    /* Transición suave */
    transition: all 0.3s ease !important;
}

/* 3. Efecto al pasar el ratón (Hover) */
.elementor-9 .elementor-element.elementor-element-b718611 .elementor-button:hover {
    transform: scale(1.05) !important; /* Crece un poco */
    box-shadow: 0 0 30px rgba(255, 0, 204, 0.7) !important; /* Brilla más fuerte */
    background: linear-gradient(90deg, #ff00cc 0%, #aa00ff 100%) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eed3ec3 *//* MARCO 3D FLOTANTE */
.elementor-9 .elementor-element.elementor-element-eed3ec3 {
    /* Cristal sutil */
    background: rgba(255, 255, 255, 0.03); 
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 15px; /* El espacio del marco */
    
    /* Posición inicial (Tirada) */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    transform: rotate(2deg) scale(0.95); 
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* AL PASAR EL RATÓN */
.elementor-9 .elementor-element.elementor-element-eed3ec3:hover {
    transform: rotate(0deg) scale(1); /* Se endereza */
    background: rgba(255, 255, 255, 0.08);
    border-color: #00f2ea; /* Se ilumina en Cyan */
    box-shadow: 0 0 40px rgba(0, 242, 234, 0.2);
}

.elementor-9 .elementor-element.elementor-element-eed3ec3 img {
    border-radius: 4px;
    width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS *//* TRUCO DE COLORES AUTOMÁTICOS PARA ESTA PÁGINA */

/* 1. Todo el texto base en gris claro */
.glass-card p, .glass-card li, .glass-card span {
    color: #dddddd !important;
    font-size: 16px;
    line-height: 1.6;
}

/* 2. Títulos en Blanco y Mayúsculas */
.glass-card h1, .glass-card h2, .glass-card h3 {
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
}

/* 3. El Subtítulo (o textos pequeños) en Rosa */
.glass-card p.elementor-heading-title {
    color: #ff00cc !important; /* Rosa */
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* 4. ¡LA MAGIA! Las negritas en Cyan Neón */
.glass-card b, .glass-card strong {
    color: #00f2ea !important;
    font-weight: 700;
}/* End custom CSS */