.elementor-kit-122{--e-global-color-primary:#000000;--e-global-color-secondary:#FDB813;--e-global-color-text:#000000;--e-global-color-accent:#BBBBBB;--e-global-color-60da78b:#02010100;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-color-5ed4ae7:#FCFBFB;--e-global-color-0b3833f:#F3F2F2;--e-global-color-56464ef:#927F5A;--e-global-color-55c7dd4:#BB9242;--e-global-color-4d1f630:#FDB813;--e-global-color-f92d09f:#606060;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:38px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:31px;--e-global-typography-secondary-letter-spacing:1px;--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-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:25px;--e-global-typography-text-letter-spacing:0px;--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-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Barlow Condensed";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Barlow Condensed";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Barlow Condensed";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Barlow Condensed";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Barlow Condensed";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Barlow Condensed";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Barlow Condensed";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );font-family:"Barlow Condensed", Sans-serif;font-size:21px;font-weight:500;line-height:24px;}.elementor-kit-122 e-page-transition{background-color:#FFBC7D;}.elementor-kit-122 p{margin-block-end:8px;}.elementor-kit-122 a{color:var( --e-global-color-secondary );font-family:"Barlow Condensed", Sans-serif;}.elementor-kit-122 a:hover{color:var( --e-global-color-4d1f630 );}.elementor-kit-122 h1{font-family:"Barlow Condensed", Sans-serif;}.elementor-kit-122 h2{font-family:"Barlow Condensed", Sans-serif;font-weight:900;}.elementor-kit-122 h3{font-family:"Barlow Condensed", Sans-serif;font-size:1.2em;font-weight:500;}.elementor-kit-122 h4{font-family:"Barlow Condensed", Sans-serif;font-size:1.5rem;font-weight:400;font-style:italic;text-decoration:none;letter-spacing:0px;}.elementor-kit-122 h5{font-family:"Barlow Condensed", Sans-serif;}.elementor-kit-122 h6{font-family:"Barlow Condensed", Sans-serif;}.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-kit-122{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-122{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;font-size:18px;line-height:1.4em;}.elementor-kit-122 h4{font-size:18px;}.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;
}



/* ===== Estilo base ===== */
.loop-sale-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #F82232 !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 5px 10px !important;
    min-width: 80px !important;
    min-height: 28px !important;
    border-radius: 0 !important;
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    margin: 0 !important;
    z-index: 10 !important;
    font-family: "Barlow Condensed", sans-serif !important; 
}

/* ===== Desktop ===== */
@media (min-width: 1025px) {
    .loop-sale-badge {
        font-size: 14px !important;
        padding: 6px 12px !important;
        top: 10px !important;
        right: 10px !important;
    }
}

/* ===== Tablet ===== */
@media (min-width: 768px) and (max-width: 1024px) {
    .loop-sale-badge {
        font-size: 13px !important;
        padding: 5px 10px !important;
        top: 8px !important;
        right: 8px !important;
    }
}

/* ===== Móvil ===== */
@media (max-width: 767px) {
    .loop-sale-badge {
        font-size: 11px !important;
        min-width: 65px !important;
        min-height: 24px !important;
        padding: 4px 8px !important;
        top: 6px !important;
        right: 6px !important;
    }
}/* End custom CSS */