/* =============================================================================
   HISTORIAL / FAVORITOS / VER MÁS TARDE
   =============================================================================
   Estas 3 páginas cargan también front-page.css (por las tarjetas
   .sp-recent-item que reutilizan de "Continuar viendo"). El problema: ese
   archivo trae SU PROPIA versión de .sp-section-title-wrapper/.sp-section-title
   -- pensada para los títulos de sección de la portada (alineados a la
   izquierda, en una fila) -- que sin querer pisaba la versión centrada de
   archive-content.css (la que sí usan archive-estrenos.php, archive-
   peliculas.php, etc.), dejando el título sin centrar y sin el espacio
   normal antes del grid.

   Se usa el ID #sp-primary (único de estas páginas, alta especificidad) en
   vez de tocar front-page.css o archive-content.css directamente -- así
   no se corre el riesgo de romper el uso normal de esas clases en la
   portada o en los archivos.
   ============================================================================= */
#sp-primary > header.sp-page-header {
    margin-bottom: 24px;
}

#sp-primary > header.sp-page-header .sp-section-title-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px auto 12px;
    width: fit-content;
    cursor: default;
}

#sp-primary > header.sp-page-header .sp-section-title {
    justify-content: center;
    white-space: normal;
}

/* =============================================================================
   SCROLL INFINITO — texto de "cargando más"
   ============================================================================= */
.sp-infinite-spinner {
    text-align: center;
    color: #a3a3a3;
    font-size: 13px;
    padding: 20px 0;
}