.elementor-kit-384{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-d49ac81:#25292B;--e-global-color-332724a:#425A44;--e-global-color-4d462f5:#D5D8DA;--e-global-color-cfa1f76:#F5F5F5;--e-global-color-044b931:#25292B;--e-global-color-639e8dd:#D1A280;--e-global-color-d38a6c5:#425A44;--e-global-color-f005f06:#000000;--e-global-color-553f108:#39FF14;--e-global-color-7da6a16:#FF5F1F;--e-global-color-82d80d5:#FDFD00;--e-global-color-0616854:#FFA500;--e-global-color-7409806:#00FFFF;--e-global-color-f6a8274:#C0C0C0;--e-global-color-4ee434b:#D9D9D9;--e-global-color-a7fbf02:#7A7A7A;--e-global-color-ce4fa7c:#EBD6EB;--e-global-color-5eb4adc:#E8E5F3;--e-global-color-f2cace5:#DCACD0;--e-global-color-8b7c4e2:#F44336;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Oswald";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Bebas Neue";--e-global-typography-accent-font-weight:400;--e-global-typography-b2ce6af-font-family:"Oswald";--e-global-typography-b2ce6af-font-size:16px;--e-global-typography-b2ce6af-font-weight:400;--e-global-typography-b2ce6af-text-transform:none;--e-global-typography-b2ce6af-font-style:normal;--e-global-typography-b2ce6af-line-height:1.5em;--e-global-typography-69c152f-font-family:"Work Sans";--e-global-typography-69c152f-font-size:14px;--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-line-height:1.6em;--e-global-typography-520c191-font-family:"Oswald";--e-global-typography-520c191-font-size:16px;--e-global-typography-520c191-font-weight:500;--e-global-typography-583e54c-font-family:"Oswald";--e-global-typography-583e54c-font-size:72px;--e-global-typography-583e54c-font-weight:600;--e-global-typography-583e54c-line-height:1em;--e-global-typography-583e54c-letter-spacing:-2px;--e-global-typography-5d167aa-font-family:"Oswald";--e-global-typography-5d167aa-font-size:48px;--e-global-typography-5d167aa-font-weight:600;--e-global-typography-5d167aa-line-height:1.1em;--e-global-typography-d3dae9a-font-family:"Oswald";--e-global-typography-d3dae9a-font-size:36px;--e-global-typography-d3dae9a-font-weight:600;--e-global-typography-d3dae9a-text-transform:none;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.2em;--e-global-typography-83682a1-font-family:"Oswald";--e-global-typography-83682a1-font-size:24px;--e-global-typography-83682a1-font-weight:600;--e-global-typography-83682a1-text-transform:none;--e-global-typography-83682a1-font-style:normal;--e-global-typography-83682a1-line-height:1.3em;--e-global-typography-7044a64-font-family:"Oswald";--e-global-typography-7044a64-font-size:18px;--e-global-typography-7044a64-font-weight:600;--e-global-typography-7044a64-line-height:1.4em;--e-global-typography-84ca66e-font-family:"Oswald";--e-global-typography-84ca66e-font-size:16px;--e-global-typography-84ca66e-font-weight:500;--e-global-typography-84ca66e-line-height:1.5em;--e-global-typography-112b6c4-font-family:"Work Sans";--e-global-typography-112b6c4-font-size:13px;--e-global-typography-112b6c4-font-weight:400;--e-global-typography-a435f28-font-family:"IBM Plex Sans";--e-global-typography-a435f28-font-size:200px;--e-global-typography-a435f28-font-weight:600;--e-global-typography-a435f28-text-transform:capitalize;--e-global-typography-a435f28-line-height:1em;--e-global-typography-a435f28-letter-spacing:-2px;color:var( --e-global-color-primary );font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-384 button,.elementor-kit-384 input[type="button"],.elementor-kit-384 input[type="submit"],.elementor-kit-384 .elementor-button{background-color:var( --e-global-color-f005f06 );font-family:"Oswald", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-553f108 );border-radius:3px 3px 3px 3px;padding:5px 5px 5px 5px;}.elementor-kit-384 button:hover,.elementor-kit-384 button:focus,.elementor-kit-384 input[type="button"]:hover,.elementor-kit-384 input[type="button"]:focus,.elementor-kit-384 input[type="submit"]:hover,.elementor-kit-384 input[type="submit"]:focus,.elementor-kit-384 .elementor-button:hover,.elementor-kit-384 .elementor-button:focus{background-color:var( --e-global-color-553f108 );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d49ac81 );}.elementor-kit-384 a{color:var( --e-global-color-secondary );font-family:"Oswald", Sans-serif;}.elementor-kit-384 a:hover{color:var( --e-global-color-553f108 );}.elementor-kit-384 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-384 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );}.elementor-kit-384 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d3dae9a-font-family ), Sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );text-transform:var( --e-global-typography-d3dae9a-text-transform );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-384 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-83682a1-font-family ), Sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );text-transform:var( --e-global-typography-83682a1-text-transform );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-384 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-384 h6{color:var( --e-global-color-553f108 );font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-kit-384 label{color:var( --e-global-color-secondary );font-weight:600;line-height:1.5em;}.elementor-kit-384 input:not([type="button"]):not([type="submit"]),.elementor-kit-384 textarea,.elementor-kit-384 .elementor-field-textual{color:var( --e-global-color-secondary );background-color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-044b931 );border-radius:0px 0px 0px 0px;transition:1ms;}.elementor-kit-384 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-384 textarea:focus,.elementor-kit-384 .elementor-field-textual:focus{color:var( --e-global-color-secondary );background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05) inset;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-639e8dd );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-384{--e-global-typography-b2ce6af-font-size:15px;--e-global-typography-69c152f-font-size:13px;--e-global-typography-520c191-font-size:15px;--e-global-typography-583e54c-font-size:48px;--e-global-typography-5d167aa-font-size:36px;--e-global-typography-d3dae9a-font-size:24px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:16px;--e-global-typography-84ca66e-font-size:15px;--e-global-typography-112b6c4-font-size:12px;--e-global-typography-a435f28-font-size:99px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-384 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-384 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );}.elementor-kit-384 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-384 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-384 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-384 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-384{--e-global-typography-b2ce6af-font-size:14px;--e-global-typography-69c152f-font-size:12px;--e-global-typography-520c191-font-size:14px;--e-global-typography-583e54c-font-size:38px;--e-global-typography-5d167aa-font-size:28px;--e-global-typography-d3dae9a-font-size:24px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:14px;--e-global-typography-84ca66e-font-size:14px;--e-global-typography-112b6c4-font-size:11px;--e-global-typography-a435f28-font-size:52px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-kit-384 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-kit-384 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );}.elementor-kit-384 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );}.elementor-kit-384 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );}.elementor-kit-384 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );}.elementor-kit-384 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Botones de "Búsquedas populares" - estado normal */
.elementor-kit-384 button.ywcas-popular-searches-item,
button.ywcas-popular-searches-item {
  background-color: #000000 !important;        /* fondo negro */
  background-image: none !important;           /* anula gradientes */
  color: #92e62c !important;                   /* texto verde */
  -webkit-text-fill-color: #92e62c !important; /* refuerzo para WebKit */
  border: 1px solid #92e62c !important;        /* borde verde */
  transition: background-color .20s ease, color .20s ease, box-shadow .20s ease;
}

/* Por si hay un span / label interno */
button.ywcas-popular-searches-item span,
button.ywcas-popular-searches-item .lapilliUI-Button__content,
button.ywcas-popular-searches-item .lapilliUI-Button__label {
  color: #92e62c !important;
  -webkit-text-fill-color: #92e62c !important;
}

/* Hover: fondo verde y texto blanco */
.elementor-kit-384 button.ywcas-popular-searches-item:hover,
button.ywcas-popular-searches-item:hover,
button.ywcas-popular-searches-item:hover span,
button.ywcas-popular-searches-item:hover .lapilliUI-Button__content,
button.ywcas-popular-searches-item:hover .lapilliUI-Button__label {
  background-color: #92e62c !important;       /* fondo verde al pasar mouse */
  background-image: none !important;
  color: #ffffff !important;                   /* texto blanco al hover */
  -webkit-text-fill-color: #ffffff !important;
  border-color: #92e62c !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Focus accesible */
button.ywcas-popular-searches-item:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(146,230,44,0.18);
}

/* Estado normal */
.search-result-add-to-cart {
  background-color: #000000 !important;  /* Fondo negro */
  color: #ffffff !important;             /* Texto blanco */
  border: 1px solid #92e62c !important;  /* Borde verde */
  transition: all 0.25s ease;
}

/* Estado hover */
.search-result-add-to-cart:hover {
  background-color: #92e62c !important;  /* Fondo lima */
  color: #000000 !important;             /* Texto negro */
  border-color: #000000 !important;      /* Borde negro */
}

/* ============================================== */
/* ESTILO DE BOTONES EN LA TABLA DE PEDIDOS (VER, PEDIR DE NUEVO) */
/* ============================================== */

/* 1. ESTADO NORMAL: Fondo Negro, Letras Blancas, Borde Verde Lima */
.woocommerce-orders-table a.button {
    /* Fondo y Texto */
    background-color: #000000 !important; /* Fondo Negro */
    color: #FFFFFF !important; /* Texto Blanco */
    
    /* Borde Verde Lima */
    border: 1px solid #92e62c !important; 
    
    /* Anular posibles gradientes de temas */
    background-image: none !important; 
    
    /* Pequeña sombra para realzar (Opcional) */
    box-shadow: none !important;
}

/* 2. ESTADO HOVER (Al pasar el mouse): Fondo Blanco, Letras Verde Lima, Borde Verde Lima */
.woocommerce-orders-table a.button:hover {
    /* Fondo y Texto */
    background-color: #FFFFFF !important; /* Fondo Blanco */
    color: #92e62c !important; /* Texto Verde Lima */
    
    /* Mantenemos el borde Verde Lima, o lo ponemos negro si se prefiere más contraste */
    border-color: #92e62c !important; 
}

/* ========================================================== */
/* FORZAR COLOR BLANCO AL ICONO SVG DEL BOTÓN DE CIERRE MODAL */
/* ========================================================== */

/* Selecciona el botón de cierre del modal */
.lapilliUI-Modal__close {
    /* Mantiene el color base del botón (si fuera necesario), pero es la propiedad de abajo la importante */
    color: #FFFFFF !important; 
}

/* Selecciona el icono SVG dentro del botón para forzar el color de relleno (fill) */
.lapilliUI-Modal__close svg {
    /* Forzamos el color del icono (SVG) a blanco */
    fill: #FFFFFF !important; 
    
    /* Nota: Usamos !important para sobrescribir los estilos de Elementor y LapilliUI */
}

/* ========================================================== */
/* ESTILO BOTÓN "AÑADIR AL CARRITO" EN LISTADO DE PRODUCTOS (LOOP) */
/* ========================================================== */

/* ESTADO NORMAL: Fondo Negro, Texto Blanco */
.add_to_cart_button.alt, 
.add_to_cart_button.product_type_variation {
    /* Fondo y Texto */
    background-color: #000000 !important; /* Fondo Negro */
    color: #FFFFFF !important; /* Texto Blanco (forzamos ya que está tachado) */
    
    /* Aseguramos que no haya borde predeterminado */
    border: none !important; 
    
    /* Para anular cualquier color de fondo global que pueda estar interfiriendo */
    background: #000000 !important; 
}

/* ESTADO HOVER: Fondo Verde Lima, Texto Blanco */
.add_to_cart_button.alt:hover,
.add_to_cart_button.product_type_variation:hover {
    /* Fondo */
    background-color: #92e62c !important; /* Fondo Verde Lima */
    background: #92e62c !important; /* Reconfirmamos el fondo */
    
    /* Texto (mantenemos blanco, pero lo forzamos por si acaso) */
    color: #FFFFFF !important; 
}

/* ========================================================== */
/* ESTILO BOTÓN "VER CARRITO" (ADDED TO CART) */
/* ========================================================== */

/* ESTADO NORMAL: Fondo Negro, Texto Blanco, Borde Lima (#92e62c) */
a.added_to_cart.wc-forward {
    /* Fondo y Texto */
    background-color: #000000 !important; /* Fondo Negro */
    color: #FFFFFF !important; /* Texto Blanco */
    
    /* Borde de 2px, Color Verde Lima */
    border: 2px solid #92e62c !important; 
    
    /* Importante: para asegurar que el color de fondo no se mezcle */
    background: #000000 !important; 
}

/* ========================================================== */
/* CORRECCIÓN FINAL DE ALINEACIÓN Y DIMENSIONES BOTÓN "VER CARRITO" */
/* ========================================================== */

/* ESTADO NORMAL: Fondo Negro, Texto Blanco, Borde Lima (#92e62c) */
a.added_to_cart.wc-forward {
    /* 1. CORRECCIÓN DE GROSOR DE FUENTE */
    font-weight: 400 !important; /* Texto normal */
    
    /* 2. CORRECCIÓN DE ALINEACIÓN */
    vertical-align: middle !important; /* Centro vertical */
    margin-left: 5px !important; 
    margin-top: -2px !important; /* Ajuste fino hacia arriba */
    
    /* 3. AÑADIMOS EL RELLENO (PADDING) */
    /* 10px arriba/abajo, 20px izquierda/derecha */
    padding: 4px 5px !important; 
    
    /* ESTILOS DE COLOR (Mantenemos la coherencia) */
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #92e62c !important; 
    background: #000000 !important; 
    
    /* Aseguramos que se comporte como un bloque para que el padding funcione bien */
    display: inline-block !important; 
}

/* ESTADO HOVER: Fondo Lima, Texto Negro, Borde Negro */
a.added_to_cart.wc-forward:hover {
    background-color: #92e62c !important; 
    background: #92e62c !important; 
    color: #000000 !important; 
    border-color: #000000 !important; 
}

/* ========================================================== */
/* ESTILO BOTÓN "FINALIZAR COMPRA" (CHECKOUT) - CON BOLD */
/* ========================================================== */

/* ESTADO NORMAL: Fondo Negro, Texto Blanco, Borde Lima, Texto BOLD */
.checkout-button.alt.wc-forward {
    /* FONDO Y TEXTO */
    background-color: #000000 !important;
    background: #000000 !important;
    color: #FFFFFF !important;
    
    /* BOLD APLICADO */
    font-weight: 700 !important; 
    
    /* BORDE Y PADDING */
    border: 2px solid #92e62c !important; 
    padding: 10px 20px !important;
}


/* ESTADO HOVER: Fondo Lima, Texto Blanco, Borde Negro, Texto BOLD */
.checkout-button.alt.wc-forward:hover {
    /* FONDO Y TEXTO */
    background-color: #92e62c !important;
    background: #92e62c !important;
    color: #FFFFFF !important;
    
    /* BOLD APLICADO */
    font-weight: 700 !important; 
    
    /* BORDE */
    border-color: #000000 !important; 
}

/* ========================================================== */
/* ESTILO BOTONES DE REPETICIÓN DE PEDIDO ("Pedir de Nuevo" / "Volver a Pedirlo") */
/* ========================================================== */

/* SELECTOR PRINCIPAL: Usa la clase común 'order-again' y el botón genérico */
a.order-again, 
a[href*="order_again"].button { /* a[href*="order_again"] apunta al segundo botón */
    
    /* ESTADO NORMAL: Fondo Negro, Texto Blanco, Borde Lima */
    background-color: #000000 !important;
    background: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #92e62c !important; /* Verde Lima */
    font-weight: 700 !important; /* Mantenemos el bold para destacar */
    
    /* Aseguramos el padding para la altura adecuada */
    padding: 10px 20px !important; 
    
    /* Eliminamos posibles decoraciones de enlace si las tuviera */
    text-decoration: none !important;
}

/* ESTADO HOVER: Fondo Verde Lima, Texto Blanco, Borde Negro */
a.order-again:hover, 
a[href*="order_again"].button:hover {
    background-color: #92e62c !important; /* Verde Lima */
    background: #92e62c !important; 
    color: #FFFFFF !important; /* Texto Negro (lo pediste blanco, pero el contraste es mejor con negro) */
    border-color: #000000 !important; /* Borde Negro */
}

/* ========================================================== */
/* ESTILO FINAL FORZADO B2BKING ("Vista" y "Descargar") */
/* ========================================================== */

/* SELECTOR FORZADO (Incluye ambos botones por su clase común) */
button.b2bking_purchase_lists_view_list {
    /* ESTADO NORMAL: Fondo Negro, Borde Lima, Texto Blanco */
    background-color: #000000 !important; /* Fondo Negro */
    color: #FFFFFF !important; /* Texto Blanco */
    border: 2px solid #92e62c !important; /* Borde Verde Lima */
    padding: 8px 15px !important; 
    transition: all 0.3s ease !important; /* Aseguramos la transición */
    
    /* Aseguramos que el fondo no se vea afectado por transparencias */
    box-shadow: none !important; 
}

/* ESTADO HOVER: Fondo Lima, Borde Negro, Texto Blanco */
button.b2bking_purchase_lists_view_list:hover {
    background-color: #92e62c !important; /* Fondo Verde Lima */
    color: #FFFFFF !important; /* Texto Blanco */
    border-color: #000000 !important; /* Borde Negro */
}

/* ---------------------------------------------------- */
/* AJUSTE FORZADO DEL ÍCONO SVG */
/* ---------------------------------------------------- */

/* ÍCONO en estado NORMAL (Debe ser BLANCO) */
.b2bking_purchase_lists_view_list img {
    margin-right: 8px;
    /* Fuerza el ícono a ser blanco sobre el fondo negro */
    filter: brightness(0) invert(1) !important; 
    transition: all 0.3s ease !important;
}

/* ÍCONO en estado HOVER (Debe ser NEGRO para el contraste) */
.b2bking_purchase_lists_view_list:hover img {
    /* Fuerza el ícono a ser negro sobre el fondo lima */
    filter: brightness(0) !important; 
}

/* ============================================== */
/* 1. ELIMINAR EL ESPACIO DE LA WISHLIST (Mantiene el corazón arriba) */
/* ============================================== */
.dark-wishlist-container {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

svg.yith-wcwl-icon-svg {
    width: 28px !important;
    height: 28px !important;
    fill: #ff0000 !important;
    transition: transform 0.2s ease !important;
}

svg.yith-wcwl-icon-svg:hover {
    transform: scale(1.2) !important;
}

/* ============================================== */
/* FIX FINAL: BOTÓN LIMPIAR (EQUILIBRIO LOOP/SINGLE) */
/* ============================================== */

/* 1. Estilo base (Centrado para el LOOP de productos) */
.variations .reset_variations, 
a.reset_variations.show {
    display: table !important; 
    width: auto !important;
    max-width: fit-content !important;
    margin: 5px auto !important; /* Centrado por defecto */
    padding: 6px 15px !important;
    background-color: #000000 !important;
    border: 1px solid #39ff14 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    position: relative !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}

/* 2. Ajuste específico para la página de PRODUCTO (Alineado a la izquierda) */
.single-product .variations .reset_variations, 
.single-product a.reset_variations.show {
    margin: 5px 0 !important; /* Lo tira a la izquierda solo en la ficha */
}

/* 3. El texto del botón (Único y limpio) */
.variations .reset_variations::before,
a.reset_variations.show::before {
    content: 'LIMPIAR FILTROS' !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 10px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: block !important;
    line-height: 1.2 !important;
    visibility: visible !important;
}

/* 4. Matamos cualquier residuo de AFTER */
.variations .reset_variations::after,
a.reset_variations.show::after {
    display: none !important;
    content: "" !important;
}

/* 5. Hover */
.variations .reset_variations:hover {
    background-color: #39ff14 !important;
}

.variations .reset_variations:hover::before {
    color: #000000 !important;
}
/* ============================================== */
/* 3. AJUSTE FINAL DEL CUERPO */
/* ============================================== */
.elementor-product-loop-item {
    padding-bottom: 5px !important;
}

.elementor-product-loop-item .elementor-button-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px;
}


/* 1. BOTÓN EN ESTADO NORMAL */
.variations .reset_variations, 
a.reset_variations.show {
    background-color: #000000 !important;
    color: #ffffff !important;
    display: inline-block !important;
    padding: 12px 20px !important; /* Espaciado generoso y parejo */
    text-decoration: none !important;
    border: 1px solid #39FF14 !important;
    border-radius: 4px !important;
    line-height: 1 !important; /* Alinea el texto a su altura real */
    transition: all 0.3s ease !important;
}

/* Forzar que el texto (si es un ::before) sea BLANCO */
.variations .reset_variations::before,
a.reset_variations.show::before {
    color: #ffffff !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* 2. ESTADO HOVER (Al pasar el mouse) */
.variations .reset_variations:hover, 
a.reset_variations.show:hover {
    background-color: #39FF14 !important;
}

/* Forzar que el texto pase a NEGRO en hover */
.variations .reset_variations:hover::before,
a.reset_variations.show:hover::before {
    color: #000000 !important;
}

/* 1. ESTADO NORMAL: Centrado y Estética DARK */
button.qc-new-conversation-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #000000 !important; /* Fondo negro */
    border: 1px solid #39FF14 !important;  /* Borde verde neón */
    padding: 8px 15px !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}

/* Alineación del div interno (SVG + Texto) */
.qcld-new-conv-button {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* Espacio entre flechita y texto */
}

/* Color de la flecha y el texto en normal */
button.qc-new-conversation-button span,
button.qc-new-conversation-button svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 2. ESTADO HOVER: FONDO BLANCO / LETRAS NEGRAS */
button.qc-new-conversation-button:hover {
    background-color: #39FF14 !important;
    border-color: #000000 !important;
}

/* Cambiamos el texto y la flecha a NEGRO cuando pasas el mouse */
button.qc-new-conversation-button:hover span {
    color: #000000 !important;
}

button.qc-new-conversation-button:hover svg path {
    fill: #000000 !important;
}

/* Corazón sobre la imagen - Arriba Izquierda */
.elementor-product-loop-item {
    position: relative !important;
}

.yith-wcwl-add-to-wishlist-add-button, 
.yith-add-to-wishlist-button-block {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important; /* Lado izquierdo para no tapar ofertas */
    right: auto !important;
    z-index: 10 !important;
    margin: 0 !important;
}

/* Tamaño del corazón */
svg.yith-wcwl-icon-svg {
    width: 24px !important;
    height: 24px !important;
    fill: #ff0000 !important;
    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5)) !important;
}

/* Ocultar el botón específico de Guía de Talles en el modal de Vista Rápida */
#yith-wcqv-modal .yith-wcpsc-product-size-chart-button,
.yith-quick-view .yith-wcpsc-product-size-chart-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Corrección de tamaño y estilo para los botones de acción */
.order-actions-button {
    display: inline-block !important;
    padding: 8px 16px !important; /* Ajusta el relleno para que no se salga de la tabla */
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important; /* Suaviza la transición del color */
    
    /* Estado Normal */
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #39FF14 !important; /* Borde verde solicitado */
    border-radius: 4px; /* Opcional: añade bordes redondeados si quieres */
}

/* Estado al pasar el mouse (Hover) */
.order-actions-button:hover {
    background-color: #39FF14 !important;
    color: #000000 !important;
    border-color: #000000 !important; /* Borde negro al pasar el mouse */
}

/* Estilo del botón Reembolso sin restricciones */
.ywcars_button_refund {
    display: inline-block !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    border-radius: 4px;
    transition: all 0.3s ease !important;
    
    /* Estado Normal */
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #39FF14 !important;
    cursor: pointer !important;
}

/* Estado al pasar el mouse (Hover) */
.ywcars_button_refund:hover {
    background-color: #39FF14 !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* ocultamos el stock original */
.price .woocommerce-variation-availability {
    display: none !important;
}

/* stock que mostramos */
.custom-stock-clone {
    margin: 2px 0 !important;
    text-align: center !important;
}

/* ============================================== */
/* AJUSTE DE ALTURA: BOTÓN AÑADIR AL CARRITO */
/* ============================================== */

/* 1. Alineamos el número y el botón en la misma línea */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Espacio entre el número y el botón */
}

/* 2. Ajustamos el botón para que tenga la misma altura que el input */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
    height: 35px !important; /* Ajustá este número (35px, 40px) hasta que calce con tu input */
    padding: 0 15px !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ============================================== */
/* HOVER PERSONALIZADO: AÑADIR A WISHLIST */
/* ============================================== */

/* Apuntamos al enlace que envuelve el label para el hover */
.yith-wcwl-add-to-wishlist a:hover .yith-wcwl-add-to-wishlist-button__label,
.yith-wcwl-add-button > a:hover {
    color: #FF0000 !important; /* Rojo idéntico al corazón */
    text-decoration: none !important;
}

/* Por si el plugin usa un span directamente para el evento */
span.yith-wcwl-add-to-wishlist-button__label:hover {
    color: #FF0000 !important;
}

/* ============================================== */
/* ESTILO BOTÓN "VER DETALLES" (VISTA RÁPIDA) */
/* ============================================== */

/* 1. Estado Normal: Fondo Negro, Texto Blanco y Borde Neón */
.yith-quick-view-content a.yith-wcqv-view-details.button {
    display: inline-block !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #39ff14 !important; /* Tu verde neón */
    padding: 5px 12px !important; /* Poco padding para que sea sutil */
    border-radius: 4px !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
}

/* 2. Estado Hover: Invertimos los colores */
.yith-quick-view-content a.yith-wcqv-view-details.button:hover {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

/* 3. Por si el tema le pone una flechita (->) que no queremos que se vea rara */
.yith-quick-view-content a.yith-wcqv-view-details.button::after {
    display: none !important; /* Oculta la flecha si es un pseudo-elemento */
}

/* Personalización del botón cotizador de Andreani */
.andreani-calc-bubble {
    background-color: #ffffff !important; /* Fondo blanco */
    border: 2px solid #000000 !important; /* Borde negro sólido */
    background-image: url('https://img.vteximg.com.br/arquivos/ids/155700') !important; /* Mantiene el logo, ajusta si desaparece */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 70% !important; /* Ajusta el tamaño del logo A dentro del botón */
    border-radius: 8px !important; /* Opcional: ajusta la redondez si lo prefieres menos cuadrado */
    transition: all 0.3s ease; /* Para que el cambio al pasar el mouse sea suave */
}

/* Efecto al pasar el mouse (Hover) para que no sea estático */
.andreani-calc-bubble:hover {
    background-color: #f2f2f2 !important; /* Un gris muy leve al tocarlo */
    border-color: #333333 !important;
}



/* ================================================================
   DISEÑO GLOBAL DE PRODUCTOS - DARK MENDOZA (VERSIÓN CONSOLIDADA)
   ================================================================ */

/* 1. ESTRUCTURA DE IMAGEN Y COMPACTACIÓN */
/* Forzamos altura 2:3 y eliminamos espacios de contenedores */


/* Ocultar imágenes duplicadas si existen */
.elementor-product-loop-item > a > img:not(:first-child) {
    display: none !important;
}

/* 2. CUERPO DEL PRODUCTO (INFORMACIÓN) */
.elementor-product-loop-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    padding: 0px !important;
    padding-bottom: 0px !important;
}

.woocommerce-loop-product__title {
    margin-top: 0px !important;
    margin-bottom: 2px !important;
    padding-top: 8px !important; /* Respiro estético mínimo */
    padding-bottom: 0px !important;
    font-size: 13px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 1.2 !important;
}

/* 3. SISTEMA DE PRECIOS (CONTRASTE SELECTIVO) */
.price {
    margin-bottom: 8px !important; /* Espacio para que no choque con variaciones */
    line-height: 1 !important;
}

/* Precio Anterior: Signo y Raya en Negro, Números en Rojo */
.price del {
    font-size: 15px !important; 
    color: #000000 !important; 
    text-decoration-color: #000000 !important;
    margin-right: 12px !important;
    display: inline-block !important;
    opacity: 1 !important;
}

.price del .woocommerce-Price-amount,
.price del .woocommerce-Price-amount bdi {
    color: #ff0000 !important; /* Solo el número en rojo */
    font-weight: bold !important;
}

/* Precio Actual: Negro, Grande y Dominante */
.price ins,
.price ins .woocommerce-Price-amount {
    text-decoration: none !important;
    font-size: 18px !important;
    color: #000000 !important;
    font-weight: 900 !important;
}

/* Ajuste para productos sin oferta */
.price > .woocommerce-Price-amount {
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* 4. VARIACIONES Y BOTONES */
.rtwpvs-swatches-container {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 8px !important;
}

.woocommerce-loop-product__buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 2px !important;
}

.woocommerce-loop-product__buttons div {
    display: contents !important;
}

.woocommerce-loop-product__buttons .button, 
.woocommerce-loop-product__buttons .yith-wcqv-button {
    flex: 1 !important;
    font-size: 9px !important;
    padding: 8px 2px !important;
    min-height: 35px !important;
    border-radius: 0px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
}

/* 5. LIMPIEZA FINAL */
.product {
    padding-bottom: 0px !important;
}

/* ELIMINAR ANDREANI DE CUALQUIER MODAL O VISTA RÁPIDA */
div[id*="yith-quick-view"] .andreani-calc-widget,
.yith-quick-view .andreani-calc-widget,
#yith-quick-view-modal .andreani-calc-widget,
.pp_inline .andreani-calc-widget {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* ================================================================
   CONTROL MAESTRO DE PRECIOS: SINGLE PRODUCT Y VISTA RÁPIDA
   ================================================================ */

/* 1. ESTILO PARA PÁGINA DE PRODUCTO INDIVIDUAL (SINGLE) Y MODALES */
.single-product .summary .price,
.yith-quick-view .summary .price,
.elementor-widget-woocommerce-product-price .price {
    line-height: 1.1 !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* Precio Anterior (Tachado): Forzamos tamaño grande en Single/QuickView */
.single-product .summary .price del .woocommerce-Price-amount,
.yith-quick-view .summary .price del .woocommerce-Price-amount,
.elementor-widget-woocommerce-product-price .price del .woocommerce-Price-amount {
    font-size: 22px !important; /* Tamaño imponente para el precio viejo */
    color: #ff0000 !important; /* Rojo para resaltar la rebaja */
    font-weight: bold !important;
}

/* Precio Nuevo (Venta): El protagonista de la ficha de producto */
.single-product .summary .price ins .woocommerce-Price-amount,
.yith-quick-view .summary .price ins .woocommerce-Price-amount,
.elementor-widget-woocommerce-product-price .price ins .woocommerce-Price-amount {
    font-size: 36px !important; /* Tamaño XL para cierre de venta */
    color: #000000 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* Ajuste para el signo $ y decimales en el precio grande */
.single-product .summary .price ins .woocommerce-Price-currencySymbol {
    font-size: 20px !important;
    vertical-align: super !important;
}

/* 2. ASEGURAR QUE LA RAYA DEL TACHADO SIGA SIENDO NEGRA */
.single-product .summary .price del,
.yith-quick-view .summary .price del {
    text-decoration-color: #000000 !important;
    color: #000000 !important; /* Mantiene el signo $ en negro si se desea */
}

/* --- COMPACTACIÓN DE FICHA DE PRODUCTO (SINGLE) --- */

/* 1. Reducir espacio entre Título y Precio */
.single-product .entry-title,
.single-product .elementor-widget-woocommerce-product-title {
    margin-bottom: 5px !important;
}

/* 2. Reducir espacio en el widget de Precio */
.single-product .elementor-widget-woocommerce-product-price,
.single-product .summary .price {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 3. Ajustar espacio entre Precio y Variaciones (Talles/Colores) */
.single-product .variations_form {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.single-product .variations {
    margin-bottom: 10px !important;
}

/* 4. Espaciado del mensaje de Stock ( Snippet de 4 disponibles ) */
#stock-display-custom {
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}

/* 5. Ajuste para el botón de Añadir al Carrito */
.single-product .cart {
    margin-top: 10px !important;
}

/* --- CORRECCIÓN DE POSICIÓN DEL TACHADO --- */

/* Aplicamos a la grilla, vista rápida y single product */
.price del, 
.price del .woocommerce-Price-amount,
.elementor-widget-woocommerce-product-price del {
    text-decoration: none !important; /* Quitamos el tachado nativo que falla */
    position: relative;
    display: inline-block;
}

/* Creamos un tachado manual perfecto con un pseudo-elemento */
.price del::after,
.elementor-widget-woocommerce-product-price del::after {
    content: "";
    position: absolute;
    left: 0;
    top: 55%; /* Ajusta este porcentaje si lo quieres más arriba o abajo */
    width: 100%;
    height: 1.5px; /* Grosor de la línea */
    background-color: #000000; /* Color negro como pediste */
    transform: translateY(-50%);
}

/* --- ACTUALIZACIÓN DE TÍTULOS Y COMPACTACIÓN --- */

.woocommerce-loop-product__title {
    margin-top: 0px !important;
    margin-bottom: 4px !important; /* Aumentamos levemente para equilibrar el nuevo tamaño */
    padding-top: 8px !important; 
    padding-bottom: 0px !important;
    font-size: 15px !important; /* Nuevo tamaño solicitado */
    font-weight: 700 !important; /* Un poco más de peso para que destaque */
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 1.2 !important;
    min-height: 36px; /* Asegura que títulos de 1 o 2 líneas mantengan la grilla alineada */
    display: block;
}

/* Ajuste de margen del precio para que no se pegue al nuevo tamaño de título */
.price {
    margin-top: 2px !important;
    margin-bottom: 10px !important;
}

/* --- UNIFICACIÓN DE PRECIO REGULAR (SIN OFERTA) EN SINGLE PRODUCT --- */

/* Aplicamos el tamaño de 36px al precio simple cuando no hay rebaja */
.single-product .summary .price > .woocommerce-Price-amount,
.single-product .summary .price > span:not(.screen-reader-text) .woocommerce-Price-amount,
.elementor-widget-woocommerce-product-price .price > .woocommerce-Price-amount {
    font-size: 36px !important; /* Mismo tamaño que el precio de oferta */
    color: #000000 !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    display: inline-block !important;
}

/* Localizamos el párrafo específico dentro del shortcode */
.elementor-shortcode > p {
    visibility: hidden;
    position: relative;
    font-size: 0; /* Oculta el texto original para que no ocupe espacio */
}

.elementor-shortcode > p:after {
    content: "Por favor, inicia sesión o crea una cuenta para acceder al Portal de Soporte";
    visibility: visible;
    display: block;
    font-size: 16px; /* Ajusta este tamaño al que usas en tu web */
    text-align: left; /* O center, según prefieras */
    line-height: normal;
}/* End custom CSS */