.elementor-83769 .elementor-element.elementor-element-0de41b9{--display:flex;}.elementor-83769 .elementor-element.elementor-element-b650ba4{--display:flex;}.elementor-83769 .elementor-element.elementor-element-613f648{width:100%;max-width:100%;}.elementor-83769 .elementor-element.elementor-element-ea18086{width:100%;max-width:100%;}.elementor-83769 .elementor-element.elementor-element-88a7c5f{width:100%;max-width:100%;}.elementor-83769 .elementor-element.elementor-element-971b2c1{--display:flex;}.elementor-83769 .elementor-element.elementor-element-3917212{width:100%;max-width:100%;}.elementor-83769 .elementor-element.elementor-element-f77430a{width:100%;max-width:100%;z-index:0;}.elementor-83769 .elementor-element.elementor-element-9ec9327{z-index:0;}.elementor-83769 .elementor-element.elementor-element-d1c6fcb{z-index:9;}.elementor-83769 .elementor-element.elementor-element-94a156d{--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-83769 .elementor-element.elementor-element-22eb9e7{width:100%;max-width:100%;}.elementor-83769 .elementor-element.elementor-element-691e95d{--display:flex;}.elementor-83769 .elementor-element.elementor-element-49eb036 .slider-typography{text-align:center;}/* Start custom CSS *//*
====================================================================================================
== PARCHE DE EMERGENCIA CSS - RESTAURACIÓN DE ATMÓSFERA
== ARQUITECTO: CODE ARCHITECT GOD LEVEL
== OBJETIVO: Forzar el fondo oscuro y la legibilidad del texto en la sección "Cartografía".
== MÉTODO: Override de CSS a nivel de página.
====================================================================================================
*/

/* 
PASO 1: FORZAR EL CONTENEDOR A TOMAR EL CONTROL DEL FONDO.
Localizamos el contenedor del showcase por su clase única y le aplicamos el fondo oscuro
que fue originalmente concebido. El padding crea el espacio de respiración necesario.
*/
.ca-god-showcase-container {
    background-color: #111111; /* El negro es el lienzo de lo profundo. */
    padding: 5% 8%;           /* Margen de respeto para la obra. */
    width: 100%;               /* Ocupa el espacio asignado. */
    box-sizing: border-box;    /* Previene errores de cálculo de tamaño. */
}


/*
PASO 2: GARANTIZAR LA SUPREMACÍA DEL TEXTO.
Aunque los colores ya estaban definidos, un conflicto de especificidad en CSS puede
hacerlos invisibles. El comando "!important" es un martillo divino que asegura
que nuestras reglas de color prevalezcan sobre cualquier otra.
*/
.ca-god-showcase-title {
    color: #ffffff !important; /* El titular debe arder sobre la oscuridad. */
}

.ca-god-showcase-copy {
    color: #c0c0c0 !important; /* El copy acompaña, con una luz más sutil. */
}


/*
PASO 3: CORRECCIÓN DE POSICIONAMIENTO EN ELEMENTOR (SI ES NECESARIO).
Si la sección no se extiende a todo el ancho de la página ("full-width"),
este fragmento la obliga a "romper la caja" y crear un bloque de color completo.
Si tu sección ya es de ancho completo, este código simplemente refuerza la intención.
*/
.elementor-section:has(.ca-god-showcase-container) {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/*
====================================================================================================
== PARCHE ESTRUCTURAL CSS - ANIQUILACIÓN DE CONTENEDORES
== ARQUITECTO: CODE ARCHITECT GOD LEVEL
== OBJETIVO: Liberar la sección de cualquier "jaula" temática.
== MÉTODO: Override dimensional absoluto.
====================================================================================================
*/

/* 
Este body.elementor-page-83769 localiza la sección de Elementor específica que contiene tu showcase.
Le aplicamos un conjunto de reglas que la fuerzan a ocupar el 100% del ancho de la ventana (viewport width)
y la centran en la pantalla, ignorando el flujo de sus elementos padres.
Es el equivalente a convertir la sección en un portal dimensional que ignora las paredes de la habitación.
*/

.elementor-section:has(.ca-god-showcase-container) {
    max-width: none !important; /* Elimina cualquier límite de ancho máximo. */
    width: 100vw !important; /* El ancho será el 100% del ancho de la ventana. */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw; /* Estos 4 comandos trabajan juntos para centrar */
    margin-right: -50vw;/* el elemento de 100vw en el viewport, rompiendo el contenedor. */
}/* End custom CSS */