/*========================================================================
======================= BANNER PÁGINA INTERNA ============================
=========================================================================*/
.contenedorBanner{  
    height: 690px;
    margin-top: 60px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Especificaciones del Texto */
.contenedorBanner h1{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 70px;
    color: #000000;
    mix-blend-mode: normal;
}

/* Ajustes Responsive */
@media screen and (max-width: 1500px){

    /* Centramos el texto y ajustamos la altura del Banner */
    .contenedorBanner{  
        display: flex;
        justify-content: center;
        align-items: center;

        height: 500px;
    }

    .contenedorBanner h1{     
        position: relative !important; /* Ajustamos la posición del texto a la posición del diseño */
        top: 0px !important;
        left: 0px !important;
        text-align: center;


        /* Colocamos un fondo detrás del texto para que se pueda leer bien sin que moleste ls imagen */
        background: #FFF9;
        border-radius: 10px;
        padding: 8px;
        margin: 0px 20px;
    }

}

@media screen and (max-width: 992px){

    /* Reducimos un poco más la altura del Banner */
    .contenedorBanner{  
        height: 200px;
    }

    /* Reducimos un poco el tamaño de letra */
    .contenedorBanner h1{     
        font-size: 40px;
        line-height: 50px;        
    }

}

@media screen and (max-width: 700px){

    /* Reducimos más el tamaño de letra */
    .contenedorBanner h1{     
        font-size: 20px;
        line-height: 30px;    
    }

}

@media screen and (max-width: 300px){

    /* Reducimos aún más el tamaño de letra */
    .contenedorBanner h1{     
        font-size: 15px;
        line-height: 25px;    
    }

}

@media screen and (max-width: 220px){

    /* Bajamos un poco el Banner ya que el monigote de inicio de sesión salta de línea y la barra del menú es más grande */
    .contenedorBanner{
        margin-top: 80px;
    }

}