/* Fondo global para la sección de contacto */
.custom-contact-section {
    background-color: #0A1128 !important; /* El dark-blue original */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* El elemento decorativo rojo que cruza toda la sección */
.custom-contact-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 33.33%;
    height: 100%;
    background-color: #E02020; /* brand-red */
    transform: skewX(12deg) translateX(50%);
    opacity: 0.1;
    z-index: -1;
}

/* Asegurar que el contenido de las columnas sea legible */
.custom-contact-section .ba-grid-column {
    position: relative;
    z-index: 2;
}

/* Global styles come from external css https://codepen.io/GreenSock/pen/qEWKyrL.css */