.elementor-874 .elementor-element.elementor-element-df59732{--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;--align-items:flex-start;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:0.9;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-874 .elementor-element.elementor-element-df59732:not(.elementor-motion-effects-element-type-background), .elementor-874 .elementor-element.elementor-element-df59732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aliatravesdelamagia.com/wp-content/uploads/2026/01/photo-1507400492013-162706c8c05e-scaled.jpeg");}.elementor-874 .elementor-element.elementor-element-df59732::before, .elementor-874 .elementor-element.elementor-element-df59732 > .elementor-background-video-container::before, .elementor-874 .elementor-element.elementor-element-df59732 > .e-con-inner > .elementor-background-video-container::before, .elementor-874 .elementor-element.elementor-element-df59732 > .elementor-background-slideshow::before, .elementor-874 .elementor-element.elementor-element-df59732 > .e-con-inner > .elementor-background-slideshow::before, .elementor-874 .elementor-element.elementor-element-df59732 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-044b931 );--background-overlay:'';}.elementor-874 .elementor-element.elementor-element-522dcdd{--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;--overflow:hidden;}.elementor-874 .elementor-element.elementor-element-228bbdc{--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-874 .elementor-element.elementor-element-6b0bd0f .elementor-heading-title{color:var( --e-global-color-639e8dd );}@media(min-width:768px){.elementor-874 .elementor-element.elementor-element-522dcdd{--width:40%;}.elementor-874 .elementor-element.elementor-element-228bbdc{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-522dcdd *//* --- ESTILOS DE ESCRITORIO (PC) --- */ .elementor-874 .elementor-element.elementor-element-522dcdd { /* Efecto Pegajoso solo para PC */ position: sticky; position: -webkit-sticky; top: 120px; height: fit-content; z-index: 5; } .elementor-874 .elementor-element.elementor-element-522dcdd img { border-radius: 12px; /* Sombra con profundidad */ box-shadow: -15px 15px 40px rgba(0, 0, 0, 0.4), 0 0 60px rgba(245, 158, 11, 0.2); /* Perspectiva 3D */ transform: perspective(1000px) rotateY(-8deg); margin: 20px; transition: all 0.5s ease-out; /* Calidad de renderizado */ backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } /* Hover en Escritorio */ .elementor-874 .elementor-element.elementor-element-522dcdd:hover img { transform: perspective(1000px) rotateY(0deg) translateY(-8px); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), 0 0 100px rgba(245, 158, 11, 0.3); } /* --- ESTILOS PARA TABLET Y MÓVIL (Menos de 1024px) --- */ @media (max-width: 1024px) { .elementor-874 .elementor-element.elementor-element-522dcdd { /* Desactivamos el sticky para que no tape el texto */ position: relative !important; top: 0 !important; /* Centramos el contenedor */ display: flex; justify-content: center; margin-bottom: 30px; /* Espacio antes del texto */ } .elementor-874 .elementor-element.elementor-element-522dcdd img { /* Quitamos la rotación 3D, que se vea de frente */ transform: perspective(1000px) rotateY(0deg) !important; /* Ajustamos la sombra para que sea simétrica (ya no viene de lado) */ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), 0 0 40px rgba(245, 158, 11, 0.2) !important; /* Ajustamos tamaño para móvil */ max-width: 250px; /* Que no sea gigante */ width: 100%; margin: 0; } }/* End custom CSS */ /* Start custom CSS for theme-post-content, class: .elementor-element-e8f0de6 *//* --- ESTILOS DE ESCRITORIO (PC) --- */ .elementor-874 .elementor-element.elementor-element-e8f0de6 { /* Fondo oscuro semitransparente */ background-color: rgba(15, 23, 42, 0.85); /* Efecto cristal */ backdrop-filter: blur(10px); /* Bordes */ border: 1px solid rgba(245, 158, 11, 0.1); border-radius: 20px; /* Espacio interno amplio para PC */ padding: 50px; /* Sombra de profundidad */ box-shadow: 0 10px 40px rgba(0,0,0,0.5); } /* Estilo del texto base */ .elementor-874 .elementor-element.elementor-element-e8f0de6 p { color: #CBD5E1; font-family: 'Lato', sans-serif; font-size: 19px; line-height: 1.8; margin-bottom: 25px; } /* Letra capital gigante para PC */ .elementor-874 .elementor-element.elementor-element-e8f0de6 .elementor-widget-theme-post-content p:first-of-type::first-letter { color: #F59E0B; float: left; font-family: 'Playfair Display', serif; font-size: 70px; line-height: 55px; padding-right: 15px; font-weight: 700; } /* --- ESTILOS PARA MÓVIL (Menos de 768px) --- */ @media (max-width: 768px) { .elementor-874 .elementor-element.elementor-element-e8f0de6 { /* Reducimos el espacio interno para aprovechar la pantalla */ padding: 25px 20px !important; /* Opcional: reducir un poco el borde redondeado */ border-radius: 15px; } .elementor-874 .elementor-element.elementor-element-e8f0de6 p { /* Texto un poco más pequeño para lectura ágil */ font-size: 17px; line-height: 1.6; margin-bottom: 20px; text-align: left; /* Asegura que no se justifique forzado */ } /* Ajuste de la Letra Capital en Móvil */ .elementor-874 .elementor-element.elementor-element-e8f0de6 .elementor-widget-theme-post-content p:first-of-type::first-letter { font-size: 50px; /* Más pequeña */ line-height: 45px; padding-right: 10px; } }/* End custom CSS */