*{
    box-sizing: border-box;
    margin:0;
    padding: 0;
}
.contenido {
    margin-top: 5px; /* ajusta según la altura total de top-bar + menú */
    padding: 20px;
}
.portada_asociaciones {
    background-image: url('../img/Asociaciones3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 900px;
    height: 450px;
    margin: 0 auto;
}
.portada_asociaciones_hermanas {
    background-image: url('../img/hermanas.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 900px;
    height: 450px; /* Altura estándar en escritorio */
    margin: 0 auto;

}
.Titulo_asociacion { 
    text-transform: uppercase;;
    text-align: center;
    color: #003752;
    font-size: 20px;
}

.Titulo_asociaciones { 
    text-transform: uppercase;;
    text-align: center;
    color: #003752;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.informacion_asociaciones { 
    padding:20px;
    margin:20px;
    line-height: 2.0em;
    margin-top: 40px;
    color:#858585;
    width: 420px;
    text-align: justify;
}
.logo_asociacion_page { 
    width: 100px;
    height: 100px;
}
.iconos_redes { 
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center; 
    gap:3em;
    margin-top: 5px;
    margin-bottom: 30px;
}
.foto { 
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;

}
.redes.facebook , .redes.twitter, .redes.youtube,.redes.instagram,  .redes.linkedin  { 
    filter: grayscale(1);
    transition: all 0.3s ease;
    border-radius: 50%;
    padding: 3px;
    width: 40px;
    height: 40px;
}
.redes.facebook{ 
    background-image: url('../logos/face.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.redes.twitter{ 
    background-image: url('../logos/twitter.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.redes.youtube {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../logos/Youtube-Logo-Round-Color.png');
}
.redes.instagram {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../logos/instagram3.png');
}
.redes.instagram:hover {
  /* Degradado Insta */
  /* background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf);  */
    background-color: #d62976; /* Degradado Insta */
    filter: grayscale(0);
}
/* .redes.instagram:hover img {
    filter: grayscale(0);
} */
.redes.linkedin { 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../logos/LinkedIn.png');  
}

.redes.facebook:hover {
filter: grayscale(0);
background-color: #1877F2; /* Azul Facebook */
}
.redes.twitter:hover {
    filter: grayscale(0);
    background-color: #1DA1F2; /* Azul cielo Twitter */
}

.redes.linkedin:hover {
    filter: grayscale(0);
    background-color: #1DA1F2; /* Azul cielo Twitter */
}
.redes.correo:hover {
    filter: grayscale(0);
    background-color: #1DA1F2; /* Azul cielo Twitter */
}

.redes.youtube:hover {
    filter: grayscale(0);
    background-color: #FF0000; /* Rojo YouTube */
}
.Container_asociaciones_afiliadas {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}

.Container_asociacion {
display: flex;
flex-direction: row;
gap: 2rem;
}

.Asociacion {
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
gap: 1.5rem;
/* align-items: flex-start; */
max-width: 800px;
background-color: #f9f9f9;
padding: 1rem;
border-radius: 12px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.foto img { 
/* width:100px ; */
/* height:auto; */
margin: 0 auto 40px;
max-height: 100px;
max-width: 200px;
/* border:2px solid red; */
}
.redes_link { 
display: flex;
flex-direction:row;
justify-content: center;
align-items: center;  
text-align: center;


}
.redes_link a:hover { 
text-decoration:line;
}

@media screen and (max-width : 750px){
.portada_asociaciones{ 
    width: 100%;
    height: auto;
    aspect-ratio: 2/1;
}
.portada_asociaciones_hermanas { 
    width: 100%;
    height: auto;
    aspect-ratio: 2/1;
}
.Container_asociaciones_afiliadas{ 
    display: flex;
    flex-direction:column;
    align-items: center;
}
.Titulo_asociacion { 
    text-transform: uppercase;;
    text-align: center;
    flex-wrap:wrap;
    color: #003752;
    font-size: 18px;
    padding:10px;
}

.informacion_asociaciones { 
    padding:20px;
    margin:20px;
    line-height: 2.0em;
    margin-top: 40px;
    color:#858585;
    width: 350px;
}
.Container_asociacion { 
    width: 90%;
  align-items: center;
  flex-direction: column;
}  
.Asociacion {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    width: 350px;
} 
.iconos_redes {
  justify-content: center;
  flex-wrap: wrap;
}
.redes.facebook , .redes.twitter, .redes.youtube,.redes.instagram,  .redes.linkedin  { 
  width: 35px;
  margin: 0 8px;
}

.redes_link {
  margin-top: 1rem;

}
.foto img {
  width: 100px;
  height: auto;
}
.logo_asociacion_page { 
    width: 100px;
}
}
@media screen and (max-width: 991px) and (min-width: 751px) {
    .portada_asociaciones{ 
        width: 100%;
        height: auto;
        aspect-ratio: 2/1;
    }
    .portada_asociaciones_hermanas { 
        width: 100%;
        height: auto;
        aspect-ratio: 2/1;
    }
    .Container_asociaciones_afiliadas{ 
        display: flex;
        flex-direction:column;
        align-items: center;
    }
    .Container_asociacion {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        }



}