.elementor-82105 .elementor-element.elementor-element-64473a9{--display:flex;}.elementor-82105 .elementor-element.elementor-element-5497764{width:100%;max-width:100%;z-index:3;}.elementor-82105 .elementor-element.elementor-element-78ac467{width:100%;max-width:100%;}.elementor-82105 .elementor-element.elementor-element-6662fa5{--display:flex;--z-index:22;}.elementor-82105 .elementor-element.elementor-element-20dffab{width:100%;max-width:100%;z-index:15;}/* Start custom CSS *//* Importar una fuente moderna para el texto */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background-color: #1a1a2e; /* Fondo oscuro */
    color: #fff;
    overflow-x: hidden; /* Evitar scroll horizontal */
}

/* Estilos para la sección que contendrá el parallax */
.parallax-section-simple {
    height: 100vh; /* La sección ocupa la altura completa del viewport */
    overflow: hidden; /* Esconder partes de la imagen que se salgan */
    position: relative; /* Necesario para posicionar la imagen absolutamente dentro */
    display: flex; /* Usar flexbox para centrar el contenido */
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 2em;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-sizing: border-box; /* Incluir padding en la altura */
}

/* Estilos para la imagen de fondo que se moverá */
.parallax-image-simple {
    width: 100%; /* La imagen ocupa todo el ancho de la sección */
    height: 150vh; /* Hacemos la imagen más alta que la sección para tener margen para el movimiento */
    object-fit: cover; /* Asegura que la imagen cubra el área sin distorsionarse */
    position: absolute; /* Posicionamiento absoluto dentro de la sección */
    top: -25vh; /* Ajustamos la posición inicial para que el centro de la imagen esté aproximadamente en el centro de la sección */
    left: 0;
    z-index: 1; /* Asegura que la imagen esté detrás del contenido */
    will-change: transform; /* Sugerencia al navegador para optimizar la animación */
}

/* Estilos para el contenido (texto) que estará encima de la imagen */
.parallax-content-simple {
    position: relative; /* Posicionamiento relativo para estar encima de la imagen */
    z-index: 2; /* Asegura que el contenido esté encima de la imagen */
    padding: 20px; /* Padding alrededor del texto */
}

/* Estilos para secciones de relleno (si las usas) */
.spacer-section {
    height: 50vh; /* Altura de las secciones de relleno */
    background-color: #333; /* Color de fondo */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.5em;
    border-bottom: 1px solid #555;
}/* End custom CSS */