/* BE4x4 OS — Mi BE4x4: acceso limpio y legible en móvil. */

/* El plugin carga esta hoja únicamente en la página Mi BE4x4. */
#secondary.widget-area,
.widget-area#secondary,
.site-content > .widget-area,
.content-area + .widget-area,
.sidebar.widget-area,
.site-sidebar,
.sidebar-area {
    display: none !important;
}

/* Cuando el tema usa dos columnas, dejamos el contenido a ancho completo. */
.content-area,
#primary.content-area,
.site-main,
main.site-main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-content,
.page-content {
    box-sizing: border-box !important;
}

body .be4x4-mi-account-button,
body .be4x4-mi-account-button:link,
body .be4x4-mi-account-button:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
    margin: 0 0 12px !important;
    padding: 14px 18px !important;
    border: 1px solid #0b1f3a !important;
    border-radius: 11px !important;
    background: #0b1f3a !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    box-shadow: 0 2px 6px rgba(11,31,58,.14) !important;
}

body .be4x4-mi-account-button *,
body .be4x4-mi-account-button span,
body .be4x4-mi-account-button strong,
body .be4x4-mi-account-button em,
body .be4x4-mi-account-button i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body .be4x4-mi-account-button:hover,
body .be4x4-mi-account-button:focus,
body .be4x4-mi-account-button:active {
    background: #173a63 !important;
    border-color: #173a63 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: 3px solid rgba(239,91,59,.28) !important;
    outline-offset: 2px !important;
}

@media (max-width: 782px) {
    .entry-content,
    .page-content {
        max-width: 680px !important;
        margin: 0 auto !important;
    }
    body .be4x4-mi-account-button,
    body .be4x4-mi-account-button:link,
    body .be4x4-mi-account-button:visited {
        min-height: 58px !important;
        padding: 16px 18px !important;
        font-size: 17px !important;
        border-radius: 12px !important;
    }
}