.elementor-3093 .elementor-element.elementor-element-cd9d02b{--display:flex;--min-height:230px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3093 .elementor-element.elementor-element-2b9525f.elementor-element{--align-self:flex-start;}.elementor-3093 .elementor-element.elementor-element-2b9525f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3093 .elementor-element.elementor-element-2b9525f{text-align:start;}.elementor-3093 .elementor-element.elementor-element-2b9525f .elementor-heading-title{word-spacing:0px;color:var( --e-global-color-astglobalcolor2 );}.elementor-3093 .elementor-element.elementor-element-9c4315c{--display:flex;}.elementor-3093 .elementor-element.elementor-element-79cee2f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3093 .elementor-element.elementor-element-f15c9cc{--display:flex;}.elementor-3093 .elementor-element.elementor-element-0ff68d0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3093 .elementor-element.elementor-element-f440a47{--display:flex;--min-height:271px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--margin-top:0%;--margin-bottom:0%;--margin-left:10%;--margin-right:10%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3093 .elementor-element.elementor-element-f440a47::before, .elementor-3093 .elementor-element.elementor-element-f440a47 > .elementor-background-video-container::before, .elementor-3093 .elementor-element.elementor-element-f440a47 > .e-con-inner > .elementor-background-video-container::before, .elementor-3093 .elementor-element.elementor-element-f440a47 > .elementor-background-slideshow::before, .elementor-3093 .elementor-element.elementor-element-f440a47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3093 .elementor-element.elementor-element-f440a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3093 .elementor-element.elementor-element-f440a47.e-con{--align-self:center;}.elementor-3093 .elementor-element.elementor-element-f0f8716{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3093 .elementor-element.elementor-element-3ec2e37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3093 .elementor-element.elementor-element-3ec2e37.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3093 .elementor-element.elementor-element-3ec2e37{text-align:center;}.elementor-3093 .elementor-element.elementor-element-3ec2e37 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:50px;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button{background-color:var( --e-global-color-primary );font-weight:normal;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button:hover, .elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-3093 .elementor-element.elementor-element-9835d07 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3093 .elementor-element.elementor-element-9835d07.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button:hover svg, .elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-3093 .elementor-element.elementor-element-cd9d02b{--content-width:100%;}.elementor-3093 .elementor-element.elementor-element-9c4315c{--content-width:95%;}.elementor-3093 .elementor-element.elementor-element-f440a47{--content-width:100%;}}@media(max-width:1024px){.elementor-3093 .elementor-element.elementor-element-cd9d02b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;}.elementor-3093 .elementor-element.elementor-element-2b9525f .elementor-heading-title{font-size:80px;line-height:8.6rem;}.elementor-3093 .elementor-element.elementor-element-9c4315c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3093 .elementor-element.elementor-element-f440a47{--min-height:339px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3093 .elementor-element.elementor-element-3ec2e37 .elementor-heading-title{font-size:36px;}.elementor-3093 .elementor-element.elementor-element-9835d07 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button{font-size:16px;padding:16px 32px 16px 32px;}}@media(max-width:767px){.elementor-3093 .elementor-element.elementor-element-cd9d02b{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-3093 .elementor-element.elementor-element-2b9525f .elementor-heading-title{font-size:60px;line-height:4.9rem;letter-spacing:0em;}.elementor-3093 .elementor-element.elementor-element-f440a47{--min-height:310px;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-3093 .elementor-element.elementor-element-3ec2e37 .elementor-heading-title{font-size:30px;}.elementor-3093 .elementor-element.elementor-element-9835d07 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3093 .elementor-element.elementor-element-9835d07 .elementor-button{font-size:14px;padding:15px 28px 15px 28px;}}/* Start custom CSS for shortcode, class: .elementor-element-79cee2f */.woof_reset_search_form {
    display: none !important;
}
.woof_products_top_panel {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0ff68d0 *//* 1. Contenedor total de la tarjeta del producto */
ul.products li.product {
    border: 1px solid #e0e0e0;       /* Añade un borde suave a la tarjeta si quieres */
    padding: 15px !important;        /* Espacio interno para que no toque los bordes */
    background: #ffffff;             /* Fondo de la tarjeta */
    border-radius: 4px;              /* Bordes ligeramente redondeados */
    transition: all 0.3s ease;
}

/* 2. Modificar el título o código del producto (ej: #125) */
ul.products li.product .woocommerce-loop-product__title, 
ul.products li.product h2 {
    font-size: 16px !important;      /* Tamaño de letra */
    color: #888888 !important;       /* Color gris como el de tu imagen */
    font-weight: 500 !important;  /* Grosor del texto */
    margin-bottom: 8px !important;
}

/* 3. Modificar el precio (ej: $420.00) */
ul.products li.product .price {
    font-size: 16px !important;      /* Tamaño del precio */
    color: #333333 !important;       /* Color del precio */
    font-weight: bold !important;    /* Texto en negrita */

}

/* Añade el texto /kg justo después del contenedor del precio */
ul.products li.product .price::after {
    content: " /kg" !important;
    font-size: 16px !important;       /* Tamaño de la letra del /kg */
    color: #666666 !important;       /* Color gris para que no compita con el precio */
    font-weight: normal !important;  /* Quita la negrita si el precio la tiene */
    display: inline-block !important;
    margin-left: 4px !important;     /* Separa un poco el texto del número */
}


/* 4. Cambiar el diseño del botón amarillo (Leer más / Añadir al carrito) */
ul.products li.product .button {

    background-color: #ffffff !important;
    color: #111111 !important;            /* Color del texto del botón */
    font-size: 15px !important;           /* Tamaño del texto */
    border-radius: 2px !important;        /* Cambia las esquinas (0px para rectas) */
    padding: 10px 20px !important;   
    width: 160px;
    /* Altura y ancho del botón */
    text-transform: none !important;      /* Evita las mayúsculas automáticas */
    border:0.5px solid  !important;
  
}

/* 5. Efecto al pasar el mouse por encima del botón */
ul.products li.product .button:hover {
    background-color: #cc9339 !important; /* Color un poco más oscuro al pasar el cursor */
    color: #ffffff !important;
}

/* Pantallas medianas (Tabletas - Máximo 2 columnas) */
@media (max-width: 991px) {
    .woof_products_top_panel + .products, 
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;
    }
    ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* Pantallas pequeñas (Celulares - 1 columna) */
@media (max-width: 480px) {
    .woof_products_top_panel + .products, 
    ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}/* End custom CSS */