/* Solo para escritorio */
@media (min-width: 992px) {
    /* Selecciona el enlace del último ítem del menú */
    #header .header-nav-main nav > ul > li:last-child > a {
        margin-right: -20px !important; /* Mueve el botón a la derecha */
        padding-right: 0 !important;   /* Ajuste fino para el contenedor A */
    }
    
    /* Aseguramos que el SPAN (la píldora) mantenga su forma original */
    #header .header-nav-main nav > ul > li:last-child > a > span {
        padding-right: 20px !important; /* Restauramos el relleno visual */
    }
}
.float-wa{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}
/* --- INICIO: Estilo Barra Inferior Quick View --- */

/* 1. Aseguramos que el contenedor padre maneje los límites */
.product-thumb-info {
    position: relative !important;
    overflow: hidden !important; /* Esto es clave para que la barra se esconda abajo */
}

/* 2. Estilo de la barra "Quick View" */
.product-thumb-info .quick-view {
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;       /* Pegado al fondo */
    left: 0 !important;
    width: 100% !important;     /* Ancho completo */
    margin: 0 !important;
    padding: 15px 0 !important; /* Altura de la barra */
    
    background-color: var(--primary) !important; /* Usa el color primary de tu tema */
    color: #FFF !important;
    text-align: center;
    font-weight: 600;
    text-decoration: none !important;
    z-index: 10;
    
    /* Animación: Empieza escondido abajo (100%) */
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

/* 3. Al pasar el mouse sobre la FOTO, la barra sube */
.product-thumb-info:hover .quick-view {
    transform: translateY(0); /* Vuelve a su posición visible */
}

/* 4. Cambio de color al pasar el mouse sobre el BOTÓN mismo */
.product-thumb-info .quick-view:hover {
    background-color: #333 !important; /* Opcional: se oscurece al tocarlo */
    opacity: 1;
}

/* --- FIN: Estilo Barra Inferior Quick View --- */

/* Zoom ultra suave para los botones de estados */
.img-zoom-simple {
    /* Aumentamos a 1.5s para un efecto lento y profesional */
    transition: transform 2.5s ease-in-out !important;
    /* Asegura que el zoom sea desde el centro */
    transform-origin: center center;
}

/* El efecto se activa al pasar el mouse por el enlace */
a:hover .img-zoom-simple {
    /* Scale 1.1 es un aumento del 10%, ideal para no pixelar la imagen */
    transform: scale(1.1) !important;
}

/* Mantenemos el contenedor limpio */
.overflow-hidden {
    overflow: hidden !important;
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 350px;
  margin: auto;
  border-radius: 20px;
  overflow: hidden;
  background-color: #000; /* Fondo negro mientras carga la imagen */
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.video-9-16 {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  /* Esto ayuda a que el poster se ajuste igual que el video */
  background-size: cover; 
}

/* El botón se mantiene igual que en el paso anterior */
.glass-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
}