/* =========================
   OVERRIDE FUERTE — GALERÍA NOSOTROS
   (para cuando otros estilos pisan la galería)
========================= */

#plGallery { position: relative; }

/* Controles */
#plGallery .pl-gallery-control{
  border-radius: 999px !important;
  min-width: 220px !important;
}
#plGallery #plGalSearch{ min-width: 260px !important; }

/* Card */
#plGallery .pl-gallery-card{
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #fff !important;
  box-shadow: none !important;
  height: 100% !important;
}

/* Botón wrapper (evita estilos .btn de Bootstrap/tu CSS) */
#plGallery .pl-gallery-btn{
  all: unset;              /* RESET duro */
  display: block;
  width: 100%;
  cursor: pointer;
}

/* Media: fuerza tamaño y evita “imagenes gigantes” */
#plGallery .pl-gallery-media{
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #f2f2f2 !important;
}

/* Imagen dentro */
#plGallery .pl-gallery-media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  max-width: 100% !important;
}

/* Texto */
#plGallery .pl-gallery-body{ padding: 1rem !important; }
#plGallery .pl-gallery-h{ margin: 0 0 .6rem 0 !important; line-height: 1.25 !important; font-weight: 600 !important; }
#plGallery .pl-gallery-meta{ opacity: .75 !important; font-size: .9rem !important; }

/* Tags */
#plGallery .pl-gallery-tag{
  display: inline-flex !important;
  font-size: .78rem !important;
  padding: .32rem .7rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.03) !important;
}

/* Hover */
#plGallery .pl-gallery-card:hover{
  transform: translateY(-4px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: 0 20px 50px rgba(0,0,0,.12) !important;
  border-color: rgba(0,0,0,.16) !important;
}

/* Dark mode */
[data-bs-theme="dark"] #plGallery .pl-gallery-card,
[data-theme="dark"] #plGallery .pl-gallery-card{
  background: rgba(255,255,255,.03) !important;
  border-color: rgba(255,255,255,.10) !important;
}
[data-bs-theme="dark"] #plGallery .pl-gallery-tag,
[data-theme="dark"] #plGallery .pl-gallery-tag{
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.88) !important;
}
[data-bs-theme="dark"] #plGallery .pl-gallery-control,
[data-theme="dark"] #plGallery .pl-gallery-control{
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.88) !important;
}