/* V26: fondo claro para búsquedas y archivos abiertos desde el buscador. */
body.search,
body.archive,
body.category {
    background: #e9edf3 !important;
    color: #222 !important;
}

body.search #marco,
body.archive #marco,
body.category #marco {
    width: min(1280px, calc(100% - 32px)) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    background: #e9edf3 !important;
}

body.search #caja,
body.archive #caja,
body.category #caja {
    display: flow-root !important;
    width: 100% !important;
    min-height: 500px;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background: #e9edf3 !important;
}

body.search .search-results-page {
    padding: 22px;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d6dce5;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(25, 34, 48, .10);
}

/* Las categorías/archivos antiguos usan #contenido + #sidebar. */
body.archive #contenido,
body.category #contenido {
    width: calc(100% - 350px) !important;
    margin: 10px 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #d6dce5;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(25, 34, 48, .10);
}

body.archive #contenido .pelicula h2 a,
body.category #contenido .pelicula h2 a,
body.archive #contenido,
body.category #contenido {
    color: #252a33 !important;
}

body.archive #sidebar,
body.category #sidebar {
    width: 330px !important;
    margin: 10px 0 10px 20px !important;
}

/* Mantener la barra lateral oscura como elemento de contraste. */
body.archive .cdb-sidebar-box,
body.category .cdb-sidebar-box {
    background: #111 !important;
    color: #fff !important;
}

@media (max-width: 900px) {
    body.search #marco,
    body.archive #marco,
    body.category #marco {
        width: calc(100% - 16px) !important;
    }

    body.archive #contenido,
    body.category #contenido,
    body.archive #sidebar,
    body.category #sidebar {
        float: none !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }
}