.elementor-kit-4{--e-global-color-primary:#98A92E;--e-global-color-secondary:#FFCE70;--e-global-color-text:#262A0C;--e-global-color-accent:#092D9F;--e-global-color-518e3c0:#EAEAC7;--e-global-color-50fd1df:#7F7F7F;--e-global-color-ffd903f:#5B651C;--e-global-color-f60a577:#FEFAEF;--e-global-color-64feb75:#FFFFFF;--e-global-color-b390f38:#000000;--e-global-color-410c9dd:#FFFFFF00;--e-global-typography-primary-font-family:"Instrument Serif";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2em;--e-global-typography-text-letter-spacing:0.6px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-dd562a4-font-family:"Instrument Serif";--e-global-typography-dd562a4-font-size:52px;--e-global-typography-dd562a4-line-height:1.3em;--e-global-typography-dd562a4-letter-spacing:0.6px;--e-global-typography-8340000-font-family:"Instrument Serif";--e-global-typography-8340000-font-size:36px;--e-global-typography-8340000-line-height:1.3em;--e-global-typography-8340000-letter-spacing:0.6px;--e-global-typography-2f09387-font-family:"Instrument Serif";--e-global-typography-2f09387-font-size:24px;--e-global-typography-2f09387-line-height:1.3em;--e-global-typography-2f09387-letter-spacing:0.6px;--e-global-typography-53b0745-font-family:"Instrument Serif";--e-global-typography-53b0745-font-size:18px;--e-global-typography-53b0745-line-height:1.5em;--e-global-typography-53b0745-letter-spacing:0.6px;--e-global-typography-a9fdeb1-font-family:"Instrument Serif";--e-global-typography-a9fdeb1-font-size:16px;--e-global-typography-a9fdeb1-line-height:1.3em;--e-global-typography-a9fdeb1-letter-spacing:0.6px;--e-global-typography-724d9d5-font-family:"Inter";--e-global-typography-724d9d5-font-size:16px;--e-global-typography-724d9d5-text-transform:uppercase;--e-global-typography-724d9d5-line-height:1em;--e-global-typography-724d9d5-letter-spacing:0.6px;--e-global-typography-904a59e-font-family:"Instrument Serif";--e-global-typography-904a59e-font-size:18px;--e-global-typography-904a59e-text-transform:uppercase;--e-global-typography-904a59e-line-height:18px;--e-global-typography-904a59e-letter-spacing:1px;--e-global-typography-869abe6-font-family:"Inter";--e-global-typography-869abe6-font-size:16px;--e-global-typography-869abe6-text-transform:uppercase;--e-global-typography-869abe6-line-height:1em;--e-global-typography-869abe6-letter-spacing:1.6px;--e-global-typography-d375fdf-font-family:"Inter";--e-global-typography-d375fdf-font-size:16px;--e-global-typography-d375fdf-font-weight:700;--e-global-typography-d375fdf-text-transform:uppercase;--e-global-typography-d375fdf-line-height:1em;--e-global-typography-d375fdf-letter-spacing:0.6px;--e-global-typography-9a3c8c8-font-family:"Instrument Serif";--e-global-typography-9a3c8c8-font-size:clamp(55px, 6.667vw, 96px);--e-global-typography-9a3c8c8-font-weight:400;background-color:var( --e-global-color-f60a577 );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-ffd903f );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:var( --e-global-typography-904a59e-font-family ), Sans-serif;font-size:var( --e-global-typography-904a59e-font-size );text-transform:var( --e-global-typography-904a59e-text-transform );line-height:var( --e-global-typography-904a59e-line-height );letter-spacing:var( --e-global-typography-904a59e-letter-spacing );border-radius:4px 4px 4px 4px;padding:15px 30px 15px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}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-4{--e-global-typography-8340000-font-size:25px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-904a59e-font-size );line-height:var( --e-global-typography-904a59e-line-height );letter-spacing:var( --e-global-typography-904a59e-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-dd562a4-font-size:45px;--e-global-typography-8340000-font-size:30px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-904a59e-font-size );line-height:var( --e-global-typography-904a59e-line-height );letter-spacing:var( --e-global-typography-904a59e-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */p:last-child {
    margin-bottom: 0px;
}

html, body {
    overflow-x: hidden;
}

.elementor-icon-wrapper {
    line-height: 0;
}

/* =========================================================
   ROTACIÓN ICONO – SOLO .fx-rotate-icon
========================================================= */

.fx-rotate-icon .elementor-icon{
  display: inline-block;
  transition: transform 700ms cubic-bezier(.22,1,.36,1);
  transform: rotate(0deg);
}

/* Hover IN → 360° a la derecha */
.fx-rotate-icon:hover .elementor-icon{
  transform: rotate(360deg);
}

/* Hover OUT → 360° a la izquierda */
.fx-rotate-icon:not(:hover) .elementor-icon{
  transform: rotate(0deg);
}


/* 1. Contenedor principal del producto */
.woocommerce ul.products li.product {
    text-align: left;
    position: relative;
    list-style: none;
}

/* 2. Caja de la imagen con fondo beige */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    text-decoration: none;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    background-color: #eeeccf; /* Color beige del fondo */
    padding: 30px; /* Espacio alrededor del bote */
    border-radius: 5px; /* Ligero borde redondeado si lo deseas */
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 15px; /* Separación con el título */
    /* mix-blend-mode: multiply; /* Descomenta esta línea si tus imágenes tienen fondo blanco en lugar de transparente */
}

/* 3. Etiqueta "SIN EXISTENCIAS" (Creada dinámicamente si no hay stock) */
.woocommerce ul.products li.product.outofstock::before {
    content: "AGOTADO";
    position: absolute;
    top: 45px;
    left: 15px;
    background-color: #f7c36d; /* Naranja de la etiqueta */
    color: #000;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    border-radius: 3px;
    z-index: 9;
    pointer-events: none;
}

/* 4. Título del producto */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-family: 'Playfair Display', Georgia, serif; /* Fuente serif como en la imagen */
    font-size: 16px;
    color: #222222;
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 1.2;
}

/* Ocultar precios rebajados tachados si quieres un diseño más limpio (Opcional) */
.woocommerce ul.products li.product span.price del {
    display: none; 
}

/* 6. Ocultar el botón nativo de "Leer más" o "Añadir al carrito" para igualar tu diseño */
.woocommerce ul.products li.product a.button {
    display: none !important;
}

/* Convertir notificaciones de WooCommerce en alertas emergentes flotantes */
.woocommerce-message, 
.woocommerce-error, 
.woocommerce-info {
    position: fixed !important;
    top: 30px !important; /* Distancia desde la parte superior */
    right: 30px !important; /* Alineado a la derecha (puedes cambiarlo a 'left' si prefieres) */
    width: auto !important;
    min-width: 300px;
    max-width: 450px;
    z-index: 999999 !important; /* Asegura que pase por encima del menú transparente de Elementor */
    box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important; /* Sombra para darle efecto de relieve/pop-up */
    border-radius: 8px !important; /* Bordes redondeados */
}/* End custom CSS */