.elementor-kit-199900{--e-global-color-primary:#CF2027;--e-global-color-secondary:#BE2E36;--e-global-color-text:#000000;--e-global-color-accent:#929090;--e-global-color-ad25326:#FFFFFF;--e-global-color-7c2f694:#0695D7;--e-global-color-9f6c534:#7EA355;--e-global-color-8f56366:#FC5106;--e-global-color-a0238fa:#FCF3EB;--e-global-color-04473cc:#FAFAFA;--e-global-color-b956289:#E9E9E9;--e-global-color-e975ac9:#F0EBEB;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:38px;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-family:"Barlow Condensed";--e-global-typography-text-font-size:21px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Barlow Condensed";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1em;--e-global-typography-d603584-font-family:"Barlow Condensed";--e-global-typography-d603584-font-size:15px;--e-global-typography-d603584-font-weight:600;--e-global-typography-d603584-text-transform:capitalize;--e-global-typography-ddb9338-font-family:"Barlow Condensed";--e-global-typography-ddb9338-font-size:22px;--e-global-typography-ddb9338-font-weight:300;--e-global-typography-ddb9338-line-height:1.5em;--e-global-typography-40341bd-font-family:"Barlow Condensed";--e-global-typography-40341bd-font-size:16px;--e-global-typography-40341bd-font-weight:300;--e-global-typography-40341bd-text-transform:uppercase;--e-global-typography-40341bd-line-height:1.5em;--e-global-typography-40341bd-letter-spacing:0.6px;--e-global-typography-6332b75-font-family:"Barlow Condensed";--e-global-typography-6332b75-font-size:16px;--e-global-typography-6332b75-font-weight:400;--e-global-typography-6332b75-font-style:italic;--e-global-typography-6332b75-text-decoration:underline;--e-global-typography-6332b75-line-height:0.8em;--e-global-typography-67b83bb-font-family:"Barlow Condensed";--e-global-typography-67b83bb-font-size:85px;--e-global-typography-67b83bb-font-weight:600;--e-global-typography-67b83bb-text-decoration:none;--e-global-typography-67b83bb-line-height:0.8em;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-199900 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-199900 a{color:var( --e-global-color-primary );}.elementor-kit-199900 h1{font-family:"Barlow Condensed", Sans-serif;font-size:40px;}.elementor-kit-199900 h2{font-family:"Barlow Condensed", Sans-serif;font-size:36px;font-weight:400;line-height:41px;}.elementor-kit-199900 h3{color:var( --e-global-color-primary );font-family:"Barlow Condensed", Sans-serif;font-size:27px;font-weight:700;font-style:italic;}.elementor-kit-199900 h4{color:var( --e-global-color-text );font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Aseguramos que el contenedor de la imagen principal está posicionado */
.woocommerce ul.products li.product > a {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Imagen secundaria posicionada encima de la principal, pero debajo de título/precio */
.product-secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Aseguramos que título, precio y otros están por encima */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
    position: relative;
    z-index: 2;
}

/* Mostrar imagen secundaria solo al hacer hover sobre el enlace */
.woocommerce ul.products li.product > a:hover .product-secondary-image {
    opacity: 1;
}



/* Estilos base (ocultos antes de hacer scroll) */
.waypoint,
.waypoint2 {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

/* Animación al entrar en viewport */
.waypoint.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Segunda animación diferente */
.waypoint2.animate {
  opacity: 1;
  transform: translateX(0); /* por ejemplo, slide desde la izquierda */
}

/* Estilo inicial diferente para .waypoint2 (desde la izquierda) */
.waypoint2 {
  transform: translateX(-30px);
}


/*oculta missatge*/
.archive .woocommerce-message {
  display: none !important;
}



/* Fondo y estilo general del bloque de comparación */
.woocommerce-products-compare-compare-button {
    background-color: #f3f4f6;
    border-radius: 8px;
    padding: 10px 16px;
    font-family: "Barlow Condensed", "Roboto Condensed", sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
    width: 100%;
    text-transform: uppercase;
}

/* Checkbox + texto "Compare" */
.woocommerce-products-compare-compare-button label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

/* Estilo visual del checkbox */
.woocommerce-products-compare-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #CF2027;
}

/* Enlace con icono de Font Awesome */
.woocommerce-products-compare-compare-link {
    background-color: transparent;
    color: #CF2027;
    padding: 0;
    border: none;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
}

/* Reemplaza dashicon con ícono Font Awesome */
.woocommerce-products-compare-compare-link .dashicons::before {
    content: "";
}

.woocommerce-products-compare-compare-link::before {
    content: "\f061"; /* Unicode flecha fa-arrow-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
}

/* Hover más oscuro */
.woocommerce-products-compare-compare-link:hover {
    color: #000000;
}

.mi-flecha::before {
    content: "\f061"; /* Código de la flecha */
    font-family: "Font Awesome 6 Free"; /* Fuente Font Awesome */
    font-weight: 900; /* Peso para el estilo sólido */
    font-size: 18px;
    color: #0073e6;
    margin-left: 6px;
}

/* crea cercle */
.circle-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #f82232; /* Color de fondo */
  color: #fff; /* Color del número */
  font-weight: bold;
  border-radius: 50%; /* Hace el círculo */
  font-size: 30px;
}

/* Evita que el carrusel provoque scroll horizontal en todo el documento */
html, body {
  overflow-x: hidden;
}

/* Asegurar que el contenedor del carrusel no se desborde */
.elementor-loop-carousel__swiper {
  overflow: hidden !important;
  padding: 0 40px;
}

/* ==============================
   Estilos globales para precios WooCommerce
   ============================== */

/* Precio original (tachado) en gris */
.woocommerce del .woocommerce-Price-amount.amount {
    color: #999; /* gris */
}

/* Precio rebajado (final) en rojo y negrita */
.woocommerce ins .woocommerce-Price-amount.amount {
    color: #d32f2f; /* rojo */
    font-weight: bold;
    text-decoration: none !important; /* quitar subrayado */
}

/* Espaciado entre precio original y rebajado */
.woocommerce del {
    margin-right: 6px;
}/* End custom CSS */