.elementor-kit-143406{--e-global-color-primary:#003A62;--e-global-color-secondary:#839AAD;--e-global-color-text:#000000;--e-global-color-accent:#EE3A43;--e-global-color-37b927d:#FFFFFF;--e-global-color-602b874:#E9E9E9;--e-global-color-b7da54a:#F0EBEB;--e-global-color-8de1bad:#FCF3EB;--e-global-color-2eab0e4:#FAFAFA;--e-global-color-8dbd84b:#839AAD40;--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-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow Condensed";--e-global-typography-text-font-size:21px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;}.elementor-kit-143406 e-page-transition{background-color:#FFBC7D;}.elementor-kit-143406 a{color:var( --e-global-color-primary );}.elementor-kit-143406 a:hover{color:var( --e-global-color-accent );}.elementor-kit-143406 h1{font-family:"Barlow Condensed", Sans-serif;font-size:40px;}.elementor-kit-143406 h2{font-family:"Barlow Condensed", Sans-serif;font-size:36px;}.elementor-kit-143406 h3{font-family:"Barlow Condensed", Sans-serif;font-size:25px;}.elementor-kit-143406 h4{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:300;}.elementor-kit-143406 h5{font-family:"Barlow Condensed", Sans-serif;font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 */