/**
 * Bricks Reset CSS
 * ================
 * Neutraliza los estilos por defecto de Bricks Builder
 * para dar prioridad a WindPress y main.css
 *
 * IMPORTANTE: Este reset es SELECTIVO, no elimina todo.
 * Preserva el centrado y layout básico de Bricks.
 */

/* ============================================
   1. RESET DE ESPACIADO VERTICAL
   ============================================ */

/* Secciones - Solo resetear padding vertical excesivo */
.brxe-section {
    padding-top: 0;
    padding-bottom: 0;
}

/* Bloques dentro de contenido - resetear márgenes verticales */
#brx-content .brxe-block,
#brx-content .brxe-div {
    margin-top: 0;
    margin-bottom: 0;
}

/* ============================================
   2. RESET DE TIPOGRAFÍA
   ============================================ */

/* Headings - Solo resetear márgenes, NO font-size */
.brxe-heading,
.bricks-heading,
.brxe-post-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* Texto - Resetear márgenes */
.brxe-text,
.brxe-text-basic {
    margin-top: 0;
    margin-bottom: 0;
}

/* ============================================
   3. RESET DE CONTENIDO PRINCIPAL
   ============================================ */

/* Contenido principal - SIN padding extra */
#brx-content,
.brx-content,
main#brx-content {
    padding-top: 0;
    padding-bottom: 0;
}

/* Contenido del post */
.brxe-post-content {
    padding-top: 0;
    padding-bottom: 0;
}

/* ============================================
   4. FORZAR HERENCIA DE FUENTES
   ============================================ */

.brxe-section,
.brxe-container,
.brxe-block,
.brxe-div,
.brxe-text,
.brxe-heading {
    font-family: inherit;
}

/* ============================================
   5. CORREGIR FRANJA BLANCA EN HEADER
   ============================================ */

/* Eliminar cualquier margen en body que cause franja blanca */
body,
body.bricks-is-frontend {
    margin: 0 !important;
    /* padding se maneja en main.css para compensar header fixed */
}

/* HTML también sin margen */
html {
    margin: 0;
    padding: 0;
}

/* Wrapper principal de Bricks */
#brx-body,
.brx-body {
    margin: 0 !important;
}

/* Header wrapper custom (ed-header-wrapper) */
.ed-header-wrapper {
    margin-top: 0 !important;
}

/* Asegurar que la barra GOV.CO esté pegada arriba */
.barra-superior-govco {
    margin-top: 0 !important;
}

/* Header sin espacio superior */
.brxe-header,
header.brxe-header,
#brx-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Secciones dentro del header de Bricks - eliminar padding superior */
#brx-header .brxe-section,
#brx-header > .brxe-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* El primer elemento dentro del body no debe tener margin-top */
body > *:first-child,
#brx-body > *:first-child,
.brx-body > *:first-child,
#brx-content > *:first-child,
main > *:first-child {
    margin-top: 0 !important;
}

/* Bricks page wrapper */
.brx-page-wrapper,
#brx-page-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
   6. MANTENER CENTRADO DE CONTENEDORES
   ============================================ */

/* Los contenedores de Bricks DEBEN mantener su centrado */
/* NO resetear margin-left/right a 0, eso rompe el centrado */
.brxe-container {
    /* Mantener auto margins para centrado */
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
   7. AJUSTES PARA TEMPLATES DE BRICKS
   ============================================ */

/* Template de single posts */
.bricks-single-post .brxe-container {
    margin-left: auto;
    margin-right: auto;
}

/* Asegurar que el contenido use el ancho del sistema de layout */
#brx-content .brxe-container {
    width: var(--ed-container-width, 90%);
    max-width: var(--ed-max-width, 1400px);
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
   8. CENTRADO DE CONTENIDO EN SINGLE POSTS
   ============================================ */

/* Contenedor del contenido de posts */
.brxe-post-content,
.brxe-post-title,
.brxe-post-meta {
    width: var(--ed-container-width, 90%);
    max-width: var(--ed-max-width, 1400px);
    margin-left: auto;
    margin-right: auto;
}

/* Secciones dentro del contenido */
#brx-content > .brxe-section {
    width: 100%;
}

/* Contenedores dentro de secciones */
#brx-content > .brxe-section > .brxe-container {
    width: var(--ed-container-width, 90%);
    max-width: var(--ed-max-width, 1400px);
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
   9. BREADCRUMB SIN ESPACIO EXTRA
   ============================================ */

.brxe-breadcrumbs {
    margin-bottom: 1rem;
}

/* ============================================
   10. HEADER DE POST - REDUCIR ESPACIO
   ============================================ */

/* El header de post de Bricks tiene altura fija y centrado vertical */
/* Esto causa mucho espacio vacío - resetear */
.bricks-post-header {
    height: auto !important;
    min-height: auto !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-bottom: 0.5rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Reducir padding del contenido principal */
#brx-content,
#brx-content.layout-default {
    padding-top: 0.75rem !important;
}