/* ==========================================================================
   PLANTILLA: GALERÍA INTERNA (Bodas, Eventos, Locales)
   ========================================================================== */

.aylluweb__header {
   position: static !important;
}

.aylluweb__header-contenedor {
   background: #44372F;
}

.aylluweb__galeria-interna {
   width: 100%;
   background-color: #ffffff;
}

/* --- Encabezado --- */
.aylluweb__galeria-header {
   background-color: #E3DFD6;
   padding: 40px 20px;
}

.aylluweb__galeria-titulo {
   font-family: 'Playfair Display', 'Georgia', serif;
   font-size: 40px;
   font-weight: 600;
   text-align: center;
   color: var(--textocolor);
   letter-spacing: -0.5px;
   margin: 0;
}

/* --- Carrusel Destacado --- */
.aylluweb__galeria-destacada-wrapper {
   width: 100%;
   position: relative;
   margin-bottom: 10px;
}

.aylluweb__swiper-galeria-destacada {
   width: 100%;
   height: 60vh;
   /* Altura imponente para la foto principal */
   min-height: 500px;
}

.aylluweb__galeria-img-destacada {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

/* Paginación del Swiper sobre la imagen */
.aylluweb__swiper-galeria-destacada .swiper-pagination {
   bottom: 30px;
}

.aylluweb__swiper-galeria-destacada .swiper-pagination-bullet {
   background: #ffffff;
   opacity: 0.7;
   width: 12px;
   height: 12px;
}

.aylluweb__swiper-galeria-destacada .swiper-pagination-bullet-active {
   opacity: 1;
   background: #ffffff;
   transform: scale(1.2);
}

/* --- Grilla de 4 Columnas (CSS Grid Puro) --- */
.aylluweb__galeria-grid-wrapper {
   width: 100%;
}

.aylluweb__galeria-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   /* 4 columnas iguales */
   gap: 10px;
   /* Sin espacio entre fotos como en el diseño */
}

.aylluweb__galeria-grid-item {
   width: 100%;
   aspect-ratio: 1 / 1;
   /* Forzamos a que sean cuadradas perfectas */
   overflow: hidden;
}

.aylluweb__galeria-grid-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.4s ease;
}

.aylluweb__galeria-grid-item img:hover {
   transform: scale(1.05);
   /* Ligero efecto al pasar el mouse */
}

/* --- Footer Botón --- */
.aylluweb__galeria-footer {
   padding: 60px 0 80px 0;
}

.aylluweb__btn-contacto-galeria {
   display: inline-block;
   background-color: #82817d;
   color: #ffffff;
   font-family: 'Montserrat', sans-serif;
   font-size: 14px;
   font-weight: 700;
   padding: 16px 45px;
   border-radius: 50px;
   text-decoration: none;
   transition: background-color 0.3s ease;
}

.aylluweb__btn-contacto-galeria:hover {
   background-color: #6b6a67;
   color: #ffffff;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
   .aylluweb__galeria-grid {
      grid-template-columns: repeat(2, 1fr);
      /* 2 columnas en tablets */
   }

   .aylluweb__swiper-galeria-destacada {
      height: 50vh;
   }
}

@media (max-width: 768px) {
   .aylluweb__galeria-titulo {
      font-size: 24px;
   }

   .aylluweb__galeria-header {
      padding: 40px 20px;
   }

   .aylluweb__galeria-grid {
      grid-template-columns: 1fr;
      /* 1 columna en móviles */
   }

   .aylluweb__button-galeria-contendor{
      display: flex;
      flex-direction: column;
   }


}