/* imagen de fondo para pronositco regional Peru*/
.regional_pronost{
    background-image: url('/static/img/peruregional1_1.jpg');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    background-attachment: fixed;
}

.hero9-content {
    color: #468ECB;
    text-align: left;
    top: 100px;
    left: 50px;
    padding: 10px 0 0 15px;
    height: 120px;
}

.hero9-content h1 {
    font-size: 2rem;
}

#regional_norte , #regional_centro, #regional_sur{
    background: linear-gradient(rgba(28, 20, 101, 0.916), rgba(44, 40, 110, 0.678));
    height: 50px;
    margin: 0 !important;

}

.textp{
    color: white !important;
    font-size: 70px !important;
    font-weight: 400;
    text-shadow: -3px 5px 4px #00000094 !important;
}
@media (max-width: 600px) {
   .textp {
       font-size: 40px !important;
   }
}
@media (min-width: 601px) and (max-width: 900px) {
   .textp {
       font-size: 56px !important;
   }
}

.text{
    color: white;
    font-size: 30px;
    font-weight: 500;
    text-shadow: -3px 4px 4px #00000094;
}

.container {
    padding: 7px 0 0 0px;
    /* display: flex;
    gap: 35px; */
}

.text-center{
    background-color: rgba(0, 0, 0, 0.616);
}

.textpronost{
    background-color: rgba(0, 0, 0, 0.479);
    display: block; /* Asegura que los elementos estén uno debajo del otro */
    text-align: left; /* Alinea el contenido al lado izquierdo */
    padding: 30px 15px 0 20px;
    border-radius: 10px;
    color: white;
    margin-top:12px ;
}

.pronosticregimg {
    width: 90%;
    border-radius: 5px;
    box-shadow: 4px 8px 7px 0px rgba(0, 0, 0, 0.6);
}