/*
 * EL TECOLOTE DE LA SIERRA
 * Ajustes editoriales para Divi
 * Versión 1.0
 */

/* Eliminar barra lateral en publicaciones */
.single-post #sidebar {
    display: none !important;
}

/* Eliminar divisor de columnas */
.single-post #main-content .container:before {
    display: none !important;
}

/* Ampliar contenido */
@media (min-width: 981px) {
    .single-post #left-area {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
    }
}

/* Mantener ancho de lectura cómodo */
.single-post .entry-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================
   TECOLOTE — DIVI SIN HEADER NI FOOTER
   Versión 1.1
   ========================================= */

/* Ocultar encabezado nativo de Divi */
#main-header,
#top-header {
    display: none !important;
}

/* Ocultar pie de página nativo de Divi */
#main-footer {
    display: none !important;
}

/* Eliminar desplazamiento del encabezado fijo */
#page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Evitar espacios superiores heredados */
body.et_fixed_nav #page-container,
body.et_non_fixed_nav #page-container {
    padding-top: 0 !important;
}

/* Mantener contenido principal visible */
#et-main-area,
#main-content {
    margin-top: 0 !important;
}

/* No alterar los módulos personalizados */
.et_pb_section,
.et_pb_row,
.et_pb_module {
    visibility: visible;
}


/* =========================================
   TECOLOTE — RECUPERAR MENÚ PRINCIPAL
   Versión 1.2
   ========================================= */

/* Restaurar encabezado principal de Divi */
#main-header {
    display: block !important;
}

/* Mantener oculto encabezado secundario */
#top-header {
    display: none !important;
}

/* Mantener oculto footer nativo */
#main-footer {
    display: none !important;
}

/* Menú visible por encima del contenido */
#main-header {
    z-index: 9999 !important;
}



/* TECOLOTE — LOGOTIPO OFICIAL V1.4 */
#main-header #logo {
    width: auto !important;
    max-width: 220px !important;
    max-height: 65px !important;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 980px) {
    #main-header #logo {
        max-width: 170px !important;
        max-height: 50px !important;
    }
}