/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
Version: 1.0.0
*/
/* 
MORADO #5a287f
NEGRO  #222220
*/
@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
.et_pb_social_network_link a:hover{
  background-color: #ee5c0b;
  border-radius: 50%;
}
.miembros {
  display: flex;
  flex-wrap: wrap;
  gap: 40px; /* Espacio entre los elementos */
  justify-content: flex-start; /* Alinea los elementos al principio */
}
.miembro {
  box-sizing: border-box;
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 10px 10px;
  /* Ajuste de ancho con el nuevo gap */
  flex: 0 0 calc((100% - 80px) / 3); /* Resta el espacio de gap y divide por 3 */
  max-width: calc(
    (100% - 80px) / 3
  ); /* Igual que flex para asegurar consistencia */
}
.miembros .miembro h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: justify;
  margin: 20px 0px;
}
.miembros .miembro p {
  text-align: left;
  width: 100%;
  display: block;
}
/* Hacer que .imagen sea cuadrada y centrar la imagen dentro */
.miembros .miembro .imagen {
  width: 100%;
  padding-top: 100%; /* Mantiene la proporción cuadrada */
  position: relative;
  border: 1px solid #ee5c0b;
  border-radius: 10px 10px 10px 10px;
}
.miembros .miembro .imagen img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%; /* Reduce el tamaño de la imagen para asegurar el margen dentro del cuadro */
  max-height: 90%; /* Mantiene la imagen dentro del cuadro */
  object-fit: cover;
}

/* Media query para tablet */
/* Ajustes para tablet */
@media (max-width: 768px) {
  .miembro {
    /* Asegura que cada .miembro ocupe el 50% del ancho disponible, menos el espacio del gap */
    /* Para dos elementos por fila con un gap de 40px */
    flex: 0 0 calc((100% - 40px) / 2);
    max-width: calc((100% - 40px) / 2);
  }
}

/* Ajustes para teléfono */
@media (max-width: 480px) {
  .miembro {
    /* Asegura que cada .miembro ocupe el 100% del ancho disponible en móviles */
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*
#noticias {
    display: flex;
    flex-wrap: wrap; 
    align-items: stretch; 
    gap: 20px; 
}
#noticias article {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
#noticias article .entry-title {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



#noticias article{
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); 
}
#noticias article .entry-title{
    margin-top: -20px;
    min-height: 110px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center; 
}
*/