@charset "UTF-8";
/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.galerias-contenedor {
  margin: 20px 0;
}

.galerias-filtros-wrapper {
  overflow-x: hidden !important; /* Evitar scroll horizontal innecesario */
  display: flex !important;
  justify-content: center !important; /* Centrar los filtros */
  flex-wrap: wrap !important; /* Permite que los elementos salten a la siguiente línea */
  gap: 10px !important; /* Espaciado entre categorías */
  padding: 10px 0 !important; /* Espaciado interno */
  width: 100% !important; /* Asegura que ocupe todo el ancho del contenedor */
  box-sizing: border-box !important; /* Incluye padding en el cálculo del ancho */
}

.galerias-filtros {
  display: flex !important;
  flex-wrap: wrap !important; /* Habilita salto de línea */
  gap: 10px !important; /* Espaciado entre los filtros */
  justify-content: center !important; /* Alineación centrada */
  padding: 0 !important; /* Elimina padding adicional */
  width: 100% !important;
}

.galerias-filtros a {
  padding: 10px 15px !important;
  text-decoration: none !important;
  background-color: #f5f5f5 !important;
  color: #333 !important;
  transition: background-color 0.3s, color 0.3s !important;
  white-space: nowrap !important; /* Evita que el texto dentro de los enlaces se divida */
  flex: 0 1 auto !important; /* Los elementos se ajustan según el tamaño disponible */
  margin-bottom: 1.5rem !important;
}

.galerias-filtros a.filtro-activo {
  background-color: #99A694 !important;
  color: white !important;
}

.galerias-filtros a.filtro-activo {
  background-color: #99A694;
  color: white;
}

.galerias-filtros a:hover {
  background-color: #ddd;
}

.galerias-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

.galeria-item {
  width: calc(25% - 15px) !important; /* Cambia el porcentaje según el número de columnas */
  aspect-ratio: 1 !important; /* Asegura que el contenedor sea cuadrado */
  overflow: hidden !important; /* Oculta el exceso de las imágenes */
  background-color: #f0f0f0 !important; /* Fondo por si la imagen no carga */
}

.galeria-item img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important; /* Hace que la imagen llene completamente el contenedor */
  -o-object-position: center !important;
     object-position: center !important; /* Centra el recorte de la imagen */
  display: block !important; /* Evita márgenes adicionales */
}

.galeria-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Asegura que las imágenes se ajusten */
  display: block;
}

.galeria-item:hover {
  background-color: rgba(153, 166, 148, 0.5254901961) !important;
}

.galeria-item.oculto {
  display: none !important; /* Oculta elementos que no pertenecen al filtro */
}

.widget-google-maps {
  height: 650px !important;
}

[id] {
  scroll-margin-top: 30vh; /* Cambia a la mitad de la altura del viewport */
}/*# sourceMappingURL=style.css.map */