/*distritos*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
:root{
    --main-color:#303843;
}

.i-header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inicio-h2{
    text-align: center;
    color: white;
}

.i-header i{
    padding-bottom: 5px;
    color: white;
    font-size: 2rem;
}

/*Seccion de noticias*/
.i-noticias{
    width: 100%;
    display: flex;
    min-height: 360px;
}
.i-noticias a{
    flex: 1;
    color: white;
    text-decoration: none;
}

.i-noticias a p{
    position: relative;
    left: 50x;
    bottom: 1.5rem;
}

.i-noticias a img{
    width: 100%;
    max-height: 340px;
    height: auto;
    object-fit: cover;
    height: auto;
    background-color: linear-gradient(#00000080, #00000080);
}
/*seccion de actividades*/
.i-actividades{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 270px;
    background-color:#162234;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: center;
    gap: 8px;
}
.i-actividades img{
    
    max-height: 800px;
    position: relative;
    height: auto;
    object-fit: cover;
    border: 1px solid white;
    border-radius: 10px;
    width: 260px;
    height: 260px;
    mask-image: linear-gradient(#00000080, #00000080);
    padding: 5px 5px 5px 5px;

   
}

.texto-img
{
    position: relative;
    text-align: center;
    font-size: 18px;
    font-family: math;
    color: white;


}
.centrado{

    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    transform: translate(-50%, -50%);
}

/*Seccion de mapa*/
.mapa{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.mapa img{
    width: 800px;
    height: 500px;
}
#sm{
    position: absolute;
    top: 500px;
    left: 0px;
}

.i-distrito{
    position: absolute;
}