/* ============================================
   BASE FULLWIDTH SIN CONTENEDOR DEL TEMA
   ============================================ */
body.fullwidth-page {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* Contenedor principal SIN padding (fondos no deben moverse) */
.fullwidth-page #main-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}



/* ============================================
   GUTENBERG: ANCHO COMPLETO Y ANCHO AMPLIO
   ============================================ */
.fullwidth-page .wp-block {
    max-width: 100% !important;
}

/* Wide */
.fullwidth-page .alignwide,
body.fullwidth-page .wp-block[data-align="wide"] {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Fullwidth */
.fullwidth-page .alignfull,
body.fullwidth-page .wp-block.alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ============================================
   NEUTRALIZAR CONTENEDORES DEL TEMA
   ============================================ */
.fullwidth-page #middle,
.fullwidth-page #middle_content,
.fullwidth-page .content_wrap,
.fullwidth-page .middle_inner,
.fullwidth-page .middle_content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* ============================================
   BLOQUES GUTENBERG NORMALES (NO FULLWIDTH)
   ============================================ */
#main-content.fullwidth-page > .wp-block-group,
#main-content.fullwidth-page > .wp-block-cover,
#main-content.fullwidth-page > .wp-block-columns,
#main-content.fullwidth-page > .wp-block-uagb-container,
#main-content.fullwidth-page > .wp-block {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
   MÓVIL
   ============================================ */
@media (max-width: 768px) {

    /* En móvil sí queremos margen a ambos lados */
    #main-content.fullwidth-page > * {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #main-content.fullwidth-page > .wp-block-group,
    #main-content.fullwidth-page > .wp-block-cover,
    #main-content.fullwidth-page > .wp-block-columns,
    #main-content.fullwidth-page > .wp-block-uagb-container,
    #main-content.fullwidth-page > .wp-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.fullwidth-page .wp-block-uagb-container.uagb-is-root-container {
        margin-left: 20px !important;
        margin-right: 20px !important;
        max-width: calc(100% - 40px) !important;
    }
}

/* ============================================
   OVERLAYS (NO DEBEN CORTARSE)
   ============================================ */
.fullwidth-page .cmsmasters_row_outer_parent,
.fullwidth-page .cmsmasters_row_outer,
.fullwidth-page .cmsmasters_row_inner {
    position: relative !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fullwidth-page .cmsmasters_row_overlay,
.fullwidth-page .cmsmasters_color_overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}
/* 1. Quitar padding del bloque completo (para que el overlay no se mueva) */
.fullwidth-page #main-content > .cmsmasters_row {
    padding: 0 !important;
}

/* 2. Quitar padding y margen del contenedor interno del tema */
.fullwidth-page #main-content > .cmsmasters_row .cmsmasters_row_inner,
.fullwidth-page #main-content > .cmsmasters_row .cmsmasters_row_margin {
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Aplicar padding SOLO al contenido textual, NO al overlay */
.fullwidth-page #main-content > .cmsmasters_row .cmsmasters_column {
    padding-left: 64px !important;
    padding-right: 0 !important;
}


/* 1. Padding vertical global para todos los bloques (30px arriba y abajo) */
.fullwidth-page #main-content .cmsmasters_column {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* 2. Padding especial SOLO para el primer bloque (70px arriba y abajo) */
.fullwidth-page #main-content > .cmsmasters_row:first-child .cmsmasters_column {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

/* Margen izquierdo de 65px SOLO al contenido interno de bloques fullwidth */
.page .wp-block-uagb-container.alignfull .uagb-container-inner-blocks-wrap {
    padding-left: 65px !important;
    box-sizing: border-box !important;
}

.page .wp-block-uagb-advanced-heading:first-of-type {
    margin-top: 90px !important;
}