:root{    
    --bs-header-page:#252e77; 
    --bs-footer-page: transparent;     
}
/*-------------------------------------------------------------
# Background sitio
--------------------------------------------------------------*/
body.bg-galeria::after{
    background-image: url(https://onceninasyninos.tv/wp-content/uploads/2025/08/fondo_acerca_de.png);
    background-size: cover;
}
/*-------------------------------------------------------------
# Section Content Center
--------------------------------------------------------------*/
#texto_principal.section-content-center{
    margin-top: 8em;
    margin-bottom: 0em;
}
/*-------------------------------------------------------------
# Section TEXTO PRINCIPAL
--------------------------------------------------------------*/
.container-title-onn h2,
.container-title-onn p{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.container-title-onn h2{
    font-family: "LilitaOne-Regular";
    margin-bottom: 1rem !important;
    font-size: clamp(2.5rem, 3.5rem, 3.8rem);
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
}
.container-title-onn p{
    font-size: calc(1.325rem + 0.9vw)!important;
    margin-top: 1rem !important;
}
@media (min-width: 1200px) {
    .container-title-onn p{
        font-size: 2rem!important;
        margin-top: 3rem !important;
    }
}
@media (max-width: 991px){ 
    .container-title-onn h2{
        font-size: clamp(1rem, 2.5rem, 3.5em);
    }
}
/*-------------------------------------------------------------
# Seccion Footer
-------------------------------------------------------------*/
.footer{
    padding-top: 4rem;
    padding-bottom: 8rem;
}
/*-------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: 991px){ 
    /*-------------------------------------------------------------
    # Background sitio
    --------------------------------------------------------------*/
    body.bg-infografias .section-banner .container-title-banner{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    /*-------------------------------------------------------------
    # Section Content Center
    --------------------------------------------------------------*/
    #texto_principal.section-content-center{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    /*-------------------------------------------------------------
    # Seccion Footer
    -------------------------------------------------------------*/
    .footer {
        padding-top: 2rem;
    }
}