.elementor-1158 .elementor-element.elementor-element-6ea4ee0{--display:flex;--min-height:25vh;--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;--justify-content:center;--align-items:center;}.elementor-1158 .elementor-element.elementor-element-6ea4ee0:not(.elementor-motion-effects-element-type-background), .elementor-1158 .elementor-element.elementor-element-6ea4ee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#354D2F;}.elementor-1158 .elementor-element.elementor-element-2319b92{text-align:center;}.elementor-1158 .elementor-element.elementor-element-2319b92 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:36px;letter-spacing:0.7px;color:#E5F8CF;}.elementor-1158 .elementor-element.elementor-element-63be634{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1158 .elementor-element.elementor-element-b2eed69{text-align:center;}.elementor-1158 .elementor-element.elementor-element-b2eed69 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:32px;letter-spacing:0.7px;-webkit-text-stroke-color:#000;stroke:#000;color:#475339;}.elementor-1158 .elementor-element.elementor-element-cfc6320 > .elementor-widget-container{margin:0% 0% 10% 0%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1158 .elementor-element.elementor-element-b2eed69 > .elementor-widget-container{margin:10% 0% 10% 0%;}.elementor-1158 .elementor-element.elementor-element-b2eed69 .elementor-heading-title{font-size:22px;}.elementor-1158 .elementor-element.elementor-element-cfc6320 > .elementor-widget-container{margin:0% 0% 0% 0%;}}/* Start custom CSS for shortcode, class: .elementor-element-cfc6320 *//* =====================================================
   HANACO - FLORARTE
   Alineado a Signature Boxes y Multifloral
   Shortcode WooCommerce:
   [products limit="6" columns="3" category="florarte"]
   Target: #bloque-florarte / .productos-florarte
   ===================================================== */


/* =====================================================
   1. OCULTAR CONTADOR Y ORDEN
   ===================================================== */

#bloque-florarte .woocommerce-result-count,
#bloque-florarte .woocommerce-ordering {
    display: none !important;
}


/* =====================================================
   2. CONTENEDOR GENERAL
   ===================================================== */

#bloque-florarte,
.productos-florarte {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}


/* =====================================================
   3. GRID DESKTOP
   ===================================================== */

#bloque-florarte ul.products,
#bloque-florarte .woocommerce ul.products,
#bloque-florarte .elementor-shortcode ul.products,
.productos-florarte ul.products,
.productos-florarte .woocommerce ul.products,
.productos-florarte .elementor-shortcode ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 86px 72px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}


/* =====================================================
   4. CARD
   ===================================================== */

#bloque-florarte ul.products li.product,
#bloque-florarte .woocommerce ul.products li.product,
.productos-florarte ul.products li.product,
.productos-florarte .woocommerce ul.products li.product {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
}


/* =====================================================
   5. LINK
   ===================================================== */

#bloque-florarte ul.products li.product a.woocommerce-LoopProduct-link,
#bloque-florarte ul.products li.product a.woocommerce-loop-product__link,
#bloque-florarte ul.products li.product > a,
.productos-florarte ul.products li.product a.woocommerce-LoopProduct-link,
.productos-florarte ul.products li.product a.woocommerce-loop-product__link,
.productos-florarte ul.products li.product > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    color: inherit !important;
}


/* =====================================================
   6. IMAGEN DESKTOP
   ===================================================== */

#bloque-florarte ul.products li.product img,
#bloque-florarte .woocommerce ul.products li.product img,
.productos-florarte ul.products li.product img,
.productos-florarte .woocommerce ul.products li.product img {
    width: auto !important;
    height: auto !important;
    max-width: 86% !important;
    max-height: 300px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    TRANSFORM:SCALE(1.15) !important;
}


/* =====================================================
   7. TEXTOS - MISMO PESO QUE SIGNATURE
   ===================================================== */

#bloque-florarte ul.products li.product .woocommerce-loop-product__title,
#bloque-florarte .woocommerce ul.products li.product .woocommerce-loop-product__title,
.productos-florarte ul.products li.product .woocommerce-loop-product__title,
.productos-florarte .woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: block !important;
    margin: 12px auto 10px !important;
    padding: 0 !important;
    max-width: 260px !important;
    font-family: "The Seasons", Georgia, serif !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    color: #06172b !important;
    text-align: center !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-variant-numeric: lining-nums !important;
    font-feature-settings: "lnum" 1, "onum" 0 !important;
}

#bloque-florarte ul.products li.product .woocommerce-loop-product__title a,
.productos-florarte ul.products li.product .woocommerce-loop-product__title a {
    color: #06172b !important;
    text-decoration: none !important;
}


/* Atributo si aparece por snippet */
#bloque-florarte ul.products li.product .hanaco-loop-attribute-final,
.productos-florarte ul.products li.product .hanaco-loop-attribute-final {
    display: block !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    max-width: 260px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    color: #4f5e49 !important;
    opacity: 0.82 !important;
    text-align: center !important;
}


/* Precio */
#bloque-florarte ul.products li.product .price,
#bloque-florarte ul.products li.product .price .woocommerce-Price-amount,
#bloque-florarte ul.products li.product .price bdi,
.productos-florarte ul.products li.product .price,
.productos-florarte ul.products li.product .price .woocommerce-Price-amount,
.productos-florarte ul.products li.product .price bdi {
    display: block !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #06172b !important;
    text-align: center !important;
    font-variant-numeric: lining-nums !important;
    font-feature-settings: "lnum" 1, "onum" 0 !important;
}


/* Ocultar botones */
#bloque-florarte ul.products li.product .button,
#bloque-florarte ul.products li.product .add_to_cart_button,
#bloque-florarte ul.products li.product .ajax_add_to_cart,
#bloque-florarte ul.products li.product .hanaco-consulta-wa,
#bloque-florarte ul.products li.product .hanaco-consulta-wa-loop,
#bloque-florarte ul.products li.product a[href*="add-to-cart"],
.productos-florarte ul.products li.product .button,
.productos-florarte ul.products li.product .add_to_cart_button,
.productos-florarte ul.products li.product .ajax_add_to_cart,
.productos-florarte ul.products li.product .hanaco-consulta-wa,
.productos-florarte ul.products li.product .hanaco-consulta-wa-loop,
.productos-florarte ul.products li.product a[href*="add-to-cart"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   8. HOVER SOLO ESCRITORIO
   Solo se agranda la imagen. La card y el texto no se mueven.
   ===================================================== */

@media (min-width: 1025px) {

    #bloque-florarte ul.products li.product,
    #bloque-florarte ul.products li.product:hover,
    .productos-florarte ul.products li.product,
    .productos-florarte ul.products li.product:hover {
        transform: none !important;
        transition: none !important;
        overflow: visible !important;
    }

    #bloque-florarte ul.products li.product img,
    .productos-florarte ul.products li.product img {
        transform: scale(1.10) !important;
        transform-origin: center center !important;
        transition: transform 0.35s ease, opacity 0.3s ease, filter 0.3s ease !important;
        will-change: transform !important;
    }

    #bloque-florarte ul.products li.product:hover img,
    .productos-florarte ul.products li.product:hover img {
        transform: scale(1.35) !important;
        opacity: 0.96 !important;
        filter: saturate(0.96) !important;
    }

    #bloque-florarte ul.products li.product .woocommerce-loop-product__title,
    #bloque-florarte ul.products li.product .price,
    .productos-florarte ul.products li.product .woocommerce-loop-product__title,
    .productos-florarte ul.products li.product .price {
        position: relative !important;
        z-index: 3 !important;
        transform: none !important;
    }
}


/* =====================================================
   9. TABLET - SIN HOVER / SIN TRANSFORM
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    #bloque-florarte ul.products,
    #bloque-florarte .woocommerce ul.products,
    #bloque-florarte .elementor-shortcode ul.products,
    .productos-florarte ul.products,
    .productos-florarte .woocommerce ul.products,
    .productos-florarte .elementor-shortcode ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 72px 44px !important;
        padding: 0 24px 80px !important;
    }

    #bloque-florarte ul.products li.product,
    .productos-florarte ul.products li.product {
        transform: none !important;
        transition: none !important;
    }

    #bloque-florarte ul.products li.product img,
    .productos-florarte ul.products li.product img {
        transform: none !important;
        transition: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

    #bloque-florarte ul.products li.product .woocommerce-loop-product__title,
    .productos-florarte ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.18 !important;
        margin: 12px auto 10px !important;
        max-width: 250px !important;
    }

    #bloque-florarte ul.products li.product .hanaco-loop-attribute-final,
    .productos-florarte ul.products li.product .hanaco-loop-attribute-final {
        font-size: 12px !important;
        margin: 0 auto 10px !important;
        max-width: 250px !important;
    }

    #bloque-florarte ul.products li.product .price,
    #bloque-florarte ul.products li.product .price .woocommerce-Price-amount,
    #bloque-florarte ul.products li.product .price bdi,
    .productos-florarte ul.products li.product .price,
    .productos-florarte ul.products li.product .price .woocommerce-Price-amount,
    .productos-florarte ul.products li.product .price bdi {
        font-size: 14px !important;
        font-weight: 400 !important;
    }
}


/* =====================================================
   10. MOBILE - IGUAL A SIGNATURE/MULTIFLORAL
   1 columna + textos chicos + línea sutil
   ===================================================== */

@media (max-width: 767px) {

    #bloque-florarte ul.products,
    #bloque-florarte .woocommerce ul.products,
    #bloque-florarte .elementor-shortcode ul.products,
    .productos-florarte ul.products,
    .productos-florarte .woocommerce ul.products,
    .productos-florarte .elementor-shortcode ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 18px 80px !important;
        box-sizing: border-box !important;
    }

    #bloque-florarte ul.products li.product,
    #bloque-florarte .woocommerce ul.products li.product,
    .productos-florarte ul.products li.product,
    .productos-florarte .woocommerce ul.products li.product {
        position: relative !important;
        width: 100% !important;
        max-width: 360px !important;
        float: none !important;
        clear: both !important;
        display: block !important;
        margin: 0 auto 2px !important;
        padding: 0 0 54px !important;
        text-align: center !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        transform: none !important;
        transition: none !important;
    }

    /* Línea sutil separadora */
    #bloque-florarte ul.products li.product::after,
    #bloque-florarte .woocommerce ul.products li.product::after,
    .productos-florarte ul.products li.product::after,
    .productos-florarte .woocommerce ul.products li.product::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 0 !important;
        transform: translateX(-50%) !important;
        width: 86% !important;
        max-width: 340px !important;
        height: 1px !important;
        background: rgba(49, 84, 51, 0.14) !important;
    }

    #bloque-florarte ul.products li.product:last-child::after,
    .productos-florarte ul.products li.product:last-child::after {
        display: none !important;
    }

    #bloque-florarte ul.products li.product:last-child,
    .productos-florarte ul.products li.product:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 30px !important;
    }

    #bloque-florarte ul.products li.product a.woocommerce-LoopProduct-link,
    #bloque-florarte ul.products li.product a.woocommerce-loop-product__link,
    #bloque-florarte ul.products li.product > a,
    .productos-florarte ul.products li.product a.woocommerce-LoopProduct-link,
    .productos-florarte ul.products li.product a.woocommerce-loop-product__link,
    .productos-florarte ul.products li.product > a {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    #bloque-florarte ul.products li.product img,
    #bloque-florarte .woocommerce ul.products li.product img,
    .productos-florarte ul.products li.product img,
    .productos-florarte .woocommerce ul.products li.product img {
        width: auto !important;
        height: auto !important;
        max-width: 82vw !important;
        max-height: 295px !important;
        object-fit: contain !important;
        margin: 0 auto 22px !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
        filter: none !important;
        opacity: 1 !important;
        background: transparent !important;
    }

    #bloque-florarte ul.products li.product .woocommerce-loop-product__title,
    #bloque-florarte .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .productos-florarte ul.products li.product .woocommerce-loop-product__title,
    .productos-florarte .woocommerce ul.products li.product .woocommerce-loop-product__title {
        display: block !important;
        width: 100% !important;
        max-width: 210px !important;
        margin: 10px auto 8px !important;
        padding: 0 !important;
        font-family: "The Seasons", Georgia, serif !important;
        font-size: 13px !important;
        line-height: 1.16 !important;
        font-weight: 800 !important;
        letter-spacing: 0.045em !important;
        text-transform: uppercase !important;
        color: #06172b !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    #bloque-florarte ul.products li.product .hanaco-loop-attribute-final,
    .productos-florarte ul.products li.product .hanaco-loop-attribute-final {
        margin: 0 auto 8px !important;
        padding: 0 !important;
        max-width: 210px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        color: #4f5e49 !important;
        opacity: 0.82 !important;
        text-align: center !important;
    }

    #bloque-florarte ul.products li.product .price,
    #bloque-florarte ul.products li.product .price .woocommerce-Price-amount,
    #bloque-florarte ul.products li.product .price bdi,
    .productos-florarte ul.products li.product .price,
    .productos-florarte ul.products li.product .price .woocommerce-Price-amount,
    .productos-florarte ul.products li.product .price bdi {
        display: block !important;
        margin: 6px auto 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        color: #06172b !important;
        text-align: center !important;
    }
}


/* =====================================================
   11. PAGINACIÓN ELEGANTE
   ===================================================== */

#bloque-florarte .woocommerce nav.woocommerce-pagination {
    margin-top: 50px !important;
    text-align: center !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: none !important;
    list-style: none !important;
    background: transparent !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    list-style: none !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul li a,
#bloque-florarte .woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #556b55 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2f3e2f !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #556b55 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #556b55 !important;
    color: #fff !important;
    border-color: #556b55 !important;
    font-weight: 500 !important;
}

#bloque-florarte .woocommerce nav.woocommerce-pagination ul li .prev,
#bloque-florarte .woocommerce nav.woocommerce-pagination ul li .next {
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 0 16px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Bold-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Light-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://hanaco.pe/wp-content/uploads/2026/04/The-Seasons-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */