/**
 * content-margins.css
 * Márgenes del área de contenido (article .max-content, article .full-width-content, .header-page).
 * Breakpoints estándar (480, 768, 992). Por encima de 992px se mantienen
 * los 80px del tema; en monitores anchos el contenido sigue centrado a 90rem.
 * Cubre iPhone 15/16/17, Samsung S23/S24/S25, tablets y ventanas estrechas.
 * .full-width-content (plantilla "Ancho Completo") recibe los mismos márgenes para uniformidad.
 */

/* Tablets y ventanas estrechas (769–992px) */
@media (max-width: 992px) {
    article .max-content,
    article .full-width-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    article .header-page .breadcrumbs,
    article .header-page #breadcrumbs {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    article .header-page header {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    article .header-page header::before,
    article .header-page header::after {
        left: 1.25rem;
        right: 1.25rem;
    }
}

/* Móviles y tablet en portrait (481–768px) */
@media (max-width: 768px) {
    article .max-content,
    article .full-width-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /* Unificar ancho del contenido Elementor para que no difiera entre páginas */
    article .max-content > .elementor,
    article .full-width-content > .elementor {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    article .header-page .breadcrumbs,
    article .header-page #breadcrumbs {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    article .header-page header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    article .header-page header::before,
    article .header-page header::after {
        left: 1rem;
        right: 1rem;
    }
    /* Sidebar: ocultar barra de redes sociales en móviles (selector fuerte para ganar a caché/orden) */
    #primary.widget-area .redes-bar,
    .widget-area .redes-bar {
        display: none !important;
    }
}

/* Móviles pequeños (≤ 480px) */
@media (max-width: 480px) {
    #primary.widget-area .redes-bar,
    .widget-area .redes-bar {
        display: none !important;
    }
    article .max-content,
    article .full-width-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    article .max-content > .elementor,
    article .full-width-content > .elementor {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    article .header-page .breadcrumbs,
    article .header-page #breadcrumbs {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    article .header-page header {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    article .header-page header::before,
    article .header-page header::after {
        left: 0.75rem;
        right: 0.75rem;
    }
}