.elementor-283 .elementor-element.elementor-element-31073e4{--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;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;}.elementor-283 .elementor-element.elementor-element-77a790e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-283 .elementor-element.elementor-element-5070915{--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-283 .elementor-element.elementor-element-0d10db7{--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;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-283 .elementor-element.elementor-element-be3c505{margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-31073e4{--margin-top:0px;--margin-bottom:-160px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-77a790e *//* 1. Limpieza de márgenes del navegador */
html, body {
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Reset específico para el widget del Header para quitar la franja blanca */
/* Buscamos el ID o la clase específica de la sección del header */
.elementor-section.elementor-section-full_width {
    gap: 0 !important;
}

/* Ajuste quirúrgico: Solo afecta al widget HTML que contiene el header */
.pp-header-escudo, .pp-header-final-fix, .pp-header-global {
    top: 0 !important;
}

/* 3. Restaurar los textos que se juntaron */
/* Esto asegura que el resto de la web mantenga su tamaño y espacio */
p, h1, h2, h3, span, a {
    line-height: normal; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5070915 */html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Evita que el scroll aparezca en el html si ya está en el body */
html {
  overflow: hidden; 
}

body {
  overflow-y: auto;
  overflow-x: hidden; /* Evita el scroll horizontal si no es necesario */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be3c505 */.pp-footer-custom {
    text-align: center;
    padding: 40px 20px;
    color: #ffffff !important;
    background-color: #5F2364 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 14px;
    width: 100vw; /* Esto fuerza el ancho de la ventana */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d10db7 *//* 1. ELIMINAR BORDES LATERALES FANTASMA */
/* Forzamos que el contenedor de la web no tenga fondo ni sombras */
#page, 
#content, 
.site-content, 
.ast-container, 
.container {
    background-color: transparent !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 2. ELIMINAR LA FRANJA INFERIOR DEL TODO */
/* Esa línea debajo del footer ocurre porque el body es más largo que el contenido */
html, body {
    background-color: #5F2364 !important; /* El color de tu sección Why Attend */
    overflow-x: hidden; /* Evita que las franjas laterales aparezcan al hacer scroll */
}

/* 3. AJUSTE ESPECÍFICO PARA EL FOOTER */
/* Aseguramos que el footer se pegue al final y no deje ver el fondo del body */
footer, .site-footer {
    width: 100% !important;
    position: relative;
    z-index: 10;
    margin-bottom: -2px !important; /* Empuja el footer hacia abajo para tapar cualquier fuga */
}

/* 4. SI USAS ELEMENTOR (Casi seguro por la captura) */
/* Quita los espacios que el constructor añade automáticamente a los lados */
.elementor-section-stretched {
    width: 100% !important;
    left: 0 !important;
}/* End custom CSS */