body.oulp-active{
    background:var(--oulp-bg);
}
body.oulp-active #page,
body.oulp-active .site,
body.oulp-active .site-content,
body.oulp-active .container,
body.oulp-active .wrapper{
    box-sizing:border-box;
}
body.oulp-active .site-content,
body.oulp-active #content,
body.oulp-active .main-wrapper,
body.oulp-active .content-area,
body.oulp-active .container{
    max-width:var(--oulp-max);
    margin-left:auto;
    margin-right:auto;
}
body.oulp-active .site-content,
body.oulp-active #content,
body.oulp-active .main-wrapper{
    column-gap:var(--oulp-gap);
}

/* Encabezado: no reemplaza la imagen; solo unifica altura y recorte. */
body.oulp-compact-header .site-branding,
body.oulp-compact-header .header-image,
body.oulp-compact-header .custom-header,
body.oulp-compact-header .site-header .header-inner,
body.oulp-compact-header .site-header .header-wrapper{
    max-height:var(--oulp-header-desktop);
    overflow:hidden;
}
body.oulp-compact-header .site-branding img,
body.oulp-compact-header .header-image img,
body.oulp-compact-header .custom-header img,
body.oulp-compact-header .site-header img.custom-logo{
    width:100%;
    max-height:var(--oulp-header-desktop);
    object-fit:cover;
    object-position:center;
}

/* Contenido principal */
body.oulp-card-style .site-main article,
body.oulp-card-style .content-area article,
body.oulp-card-style main article,
body.oulp-card-style .page-header,
body.oulp-card-style .archive-header,
body.oulp-card-style .search-results article{
    background:#fff;
    border:1px solid rgba(20,70,110,.10);
    border-radius:7px;
    box-shadow:0 5px 18px rgba(20,50,80,.06);
}
body.oulp-card-style .site-main article,
body.oulp-card-style .content-area article,
body.oulp-card-style main article{
    padding:22px;
    margin-bottom:24px;
}
body.oulp-card-style .entry-title,
body.oulp-card-style .page-title{
    color:#173d59;
    line-height:1.22;
}
body.oulp-card-style .entry-content{
    color:#263d4c;
    line-height:1.72;
}
body.oulp-card-style .entry-content img{
    border-radius:6px;
}

/* Sidebar */
body.oulp-sidebar-style .widget,
body.oulp-sidebar-style aside .widget,
body.oulp-sidebar-style #secondary .widget{
    background:#fff;
    border:1px solid rgba(20,70,110,.10);
    border-radius:7px;
    box-shadow:0 5px 18px rgba(20,50,80,.06);
    overflow:hidden;
    margin-bottom:20px;
}
body.oulp-sidebar-style .widget-title,
body.oulp-sidebar-style aside .widget-title,
body.oulp-sidebar-style #secondary .widget-title{
    margin:0!important;
    padding:11px 14px!important;
    background:var(--oulp-accent);
    color:#fff!important;
    text-align:center;
}
body.oulp-sidebar-style .widget > ul,
body.oulp-sidebar-style .widget > div:not(.widget-title),
body.oulp-sidebar-style .widget > form{
    margin:0;
    padding:12px 14px;
}

/* Footer compacto y alineado */
body.oulp-compact-footer .site-footer,
body.oulp-compact-footer footer#colophon,
body.oulp-compact-footer footer.site-footer{
    padding-top:var(--oulp-footer-pad)!important;
    padding-bottom:var(--oulp-footer-pad)!important;
}
body.oulp-compact-footer .site-footer .widget-area,
body.oulp-compact-footer footer .footer-widgets,
body.oulp-compact-footer .footer-widget-area{
    padding-top:var(--oulp-footer-pad)!important;
    padding-bottom:var(--oulp-footer-pad)!important;
}
body.oulp-compact-footer .site-info,
body.oulp-compact-footer .copyright,
body.oulp-compact-footer .footer-copyright{
    margin:0!important;
    padding:6px 10px!important;
    text-align:center!important;
    line-height:1.35!important;
}
body.oulp-compact-footer .site-footer ul,
body.oulp-compact-footer footer ul{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px 16px;
    margin:0!important;
    padding:4px 10px!important;
}
body.oulp-compact-footer .site-footer li,
body.oulp-compact-footer footer li{
    margin:0!important;
    padding:0!important;
    line-height:1.4!important;
}

/* Evita que los skyscrapers cambien el ancho del contenido. */
body.oulp-active [id*="moneytizer"],
body.oulp-active [class*="moneytizer"]{
    box-sizing:border-box;
}

@media(max-width:900px){
    body.oulp-active .site-content,
    body.oulp-active #content,
    body.oulp-active .main-wrapper,
    body.oulp-active .content-area,
    body.oulp-active .container{
        width:100%;
        padding-left:12px;
        padding-right:12px;
    }
    body.oulp-card-style .site-main article,
    body.oulp-card-style .content-area article,
    body.oulp-card-style main article{
        padding:16px;
    }
}
@media(max-width:700px){
    body.oulp-compact-header .site-branding,
    body.oulp-compact-header .header-image,
    body.oulp-compact-header .custom-header,
    body.oulp-compact-header .site-header .header-inner,
    body.oulp-compact-header .site-header .header-wrapper{
        max-height:var(--oulp-header-mobile);
    }
    body.oulp-compact-header .site-branding img,
    body.oulp-compact-header .header-image img,
    body.oulp-compact-header .custom-header img,
    body.oulp-compact-header .site-header img.custom-logo{
        max-height:var(--oulp-header-mobile);
    }
    body.oulp-compact-footer .site-footer ul,
    body.oulp-compact-footer footer ul{
        gap:6px 10px;
        font-size:12px;
    }
}


/* v1.0.4: estilos aplicados solo después de detectar el layout real con JavaScript */
body.oulp-active .oulp-runtime-row{
    width:min(100%, var(--oulp-max)) !important;
    max-width:var(--oulp-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:var(--oulp-gap) !important;
    box-sizing:border-box !important;
}
body.oulp-active .oulp-runtime-content{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}
body.oulp-active .oulp-runtime-sidebar{
    flex:0 0 285px !important;
    width:285px !important;
    max-width:285px !important;
    min-width:285px !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}
body.oulp-active .oulp-runtime-content article,
body.oulp-active .oulp-runtime-content .entry-content,
body.oulp-active .oulp-runtime-content .entry-header,
body.oulp-active .oulp-runtime-content .entry-footer{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
body.oulp-active .oulp-runtime-content img{
    max-width:100% !important;
    height:auto !important;
}
@media(max-width:900px){
    body.oulp-active .oulp-runtime-row{
        display:block !important;
        width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
    body.oulp-active .oulp-runtime-content,
    body.oulp-active .oulp-runtime-sidebar{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        float:none !important;
    }
    body.oulp-active .oulp-runtime-sidebar{
        margin-top:22px !important;
    }
}


/* v1.1.0 — refinamiento visual */
@media (min-width: 1024px) {
    body.oulp-active .oulp-runtime-row {
        max-width: 1360px !important;
        gap: 12px !important;
    }

    body.oulp-active .oulp-runtime-sidebar {
        flex-basis: 275px !important;
        width: 275px !important;
        max-width: 275px !important;
        min-width: 275px !important;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    body.oulp-active .oulp-runtime-sidebar {
        flex-basis: 250px !important;
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
    }
}