/* 1️⃣ Aseguramos que el contenedor NO opaque todo */
.tns-ovh {
  opacity: 1 !important;
  background: transparent !important;
}

/* 2️⃣ Imágenes en gris por defecto */
.tns-ovh .tns-item img {
  filter: grayscale(100%) !important;
  opacity: 0.75 !important;
  transition: 
    filter 0.3s ease !important,
    opacity 0.3s ease !important,
    transform 0.3s ease !important;
}

/* 3️⃣ Hover → imagen a color */
.tns-ovh .tns-item:hover img {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
  transform: scale(1.03) !important;
}

.wp-block-woocommerce-product-new {
  display: none !important;
}

/* 1. Registramos la variable para poder animar el ángulo en grados */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* 2. Aplicamos todo unificado en un solo selector */
.elementor-872 .elementor-element.elementor-element-3055ea7 {
    /* Grosor del borde aumentado a 4px para que luzca más la animación */
    border: 3px solid transparent !important;
    border-radius: 20px !important;
    
    /* Combinación de fondos usando la variable de ángulo animada */
    background: linear-gradient(#ffffff, #ffffff) padding-box, 
                linear-gradient(var(--angle), #4f46e5, #6d5cff, #a855f7) border-box !important;
    
    /* Animación de rotación continua */
    animation: rotarBorde 4s linear infinite !important;
}

/* 3. Definición de la animación de 0 a 360 grados */
@keyframes rotarBorde {
  to {
    --angle: 360deg;
  }
}

/* Ocultar el ítem "Translation Packages" en pantallas grandes */
#menu-item-2825 {
  display: none !important;
}

/* Mostrar el ítem únicamente en pantallas móviles (menores a 768px) */
@media (max-width: 767px) {
  #menu-item-2825 {
    display: flex !important; /* Usamos flex para mantener el diseño original de tu menú */
  }
}

/* Ocultar por completo el header nativo del tema en WooCommerce */
.woocommerce-page header.wp-block-template-part,
.woocommerce-page .wp-site-blocks > header:first-of-type,
.woocommerce-page header:not(.forced-elementor-header-shop header) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Darle aire al título para que no se pegue al menú de GreIT */
.woocommerce-page .site-content,
.woocommerce-page main,
.woocommerce-page .wp-block-group {
    padding-top: 15px !important;
}
/* Empujar el contenido de WooCommerce hacia abajo para que no se pegue al menú */
.single-product main#wp--skip-link--target,
.single-product .site-content,
.single-product .product,
.woocommerce-page .site-content,
.woocommerce-page main {
    margin-top: 60px !important;
    padding-top: 20px !important;
}

/* Ajuste específico para el contenedor principal de la página del producto */
.single-product .wp-block-group, 
.single-product .entry-content {
    margin-top: 40px !important;
}

/* Empujar el contenido de WooCommerce hacia abajo para que no se pegue al menú */
.single-product main#wp--skip-link--target,
.single-product .site-content,
.single-product .product,
.woocommerce-page .site-content,
.woocommerce-page main {
    margin-top: 60px !important;
    padding-top: 20px !important;
}

/* Ajuste específico para el contenedor principal de la página del producto */
.single-product .wp-block-group, 
.single-product .entry-content {
    margin-top: 40px !important;
}