.glass {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body {
  transition:
    background-color 0.4s ease,
    color 0.4s ease;
  min-height: 100vh;
}

/* Animación fade in up para el hero */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fadeInUp 1s ease-out;
}

/* Animaciones y estilos del Modal de Imágenes */
#image-modal {
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}
#image-modal.hidden {
  opacity: 0;
  visibility: hidden;
  display: none;
}
#image-modal:not(.hidden) {
  display: flex;
  opacity: 1;
  visibility: visible;
}
body.modal-open {
  overflow: hidden;
}
/* Efecto de esquinas internas decorativas */
.esquinas-adentro {
  position: relative;
}

/* ========================================= */
/* PROTECCIÓN DEL LOGO CONTRA WOOCOMMERCE   */
/* ========================================= */

/* Logo principal - Proteger de estilos globales de WooCommerce */
.site-logo {
  display: block !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.site-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  vertical-align: baseline !important;
}

.site-logo:hover,
.site-logo:focus,
.site-logo:active {
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  opacity: 0.85 !important;
  transform: none !important;
}

/* Proteger logo en el footer también */
.site-footer .site-logo,
.footer-logo .site-logo {
  display: block !important;
}

.site-footer .site-logo img,
.footer-logo .site-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.footer-logo {
  display: block !important;
}

.footer-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Eliminar cualquier efecto de WooCommerce en el logo */
a.site-logo,
.site-logo a {
  text-decoration: none !important;
  color: inherit !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ========================================= */
/* OVERRIDE DE ESTILOS GLOBALES WOOCOMMERCE */
/* ========================================= */

/* Deshabilitar height: auto de WooCommerce en imágenes */
.woocommerce img,
.woocommerce-page img {
  height: initial !important;
}

/* Excluir logo del override anterior - mantener height: auto solo para logo */
.site-logo img,
.woocommerce .site-logo img,
.woocommerce-page .site-logo img,
.footer-logo .site-logo img {
  height: auto !important;
  max-height: 100% !important;
}