.elementor-1238 .elementor-element.elementor-element-6fcf296f{--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:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.4;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000017;--border-color:#00000017;--border-radius:0px 0px 0px 0px;--padding-top:4%;--padding-bottom:4%;--padding-left:8%;--padding-right:8%;}.elementor-1238 .elementor-element.elementor-element-6fcf296f:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-6fcf296f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1238 .elementor-element.elementor-element-6fcf296f::before, .elementor-1238 .elementor-element.elementor-element-6fcf296f > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-6fcf296f > .e-con-inner > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-6fcf296f > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-6fcf296f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-6fcf296f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1238 .elementor-element.elementor-element-25037a8 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1238 .elementor-element.elementor-element-25037a8{text-align:center;}.elementor-1238 .elementor-element.elementor-element-25037a8 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:40px;text-transform:uppercase;color:#354D2F;}.elementor-1238 .elementor-element.elementor-element-443a4f70{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:6%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-1238 .elementor-element.elementor-element-443a4f70.e-con{--align-self:center;}.elementor-1238 .elementor-element.elementor-element-c56167c > .elementor-widget-container{margin:10% 0% 12% 0%;padding:0% 0% 0% 0%;}.elementor-1238 .elementor-element.elementor-element-c56167c{text-align:center;}.elementor-1238 .elementor-element.elementor-element-c56167c .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:36px;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:#354D2F;}.elementor-1238 .elementor-element.elementor-element-040d186 .product{text-align:center;}.elementor-1238 .elementor-element.elementor-element-040d186.elementor-wc-products  ul.products{grid-column-gap:50px;grid-row-gap:33px;}.elementor-1238 .elementor-element.elementor-element-040d186 a > img{border-radius:10px 10px 10px 10px;}.elementor-1238 .elementor-element.elementor-element-040d186 .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"The Seasons", Sans-serif;font-size:29px;font-weight:900;}.elementor-1238 .elementor-element.elementor-element-040d186 .woocommerce-loop-category__title .count{color:#7A1717DE;font-family:"Poppins", Sans-serif;font-size:1px;}.elementor-1238 .elementor-element.elementor-element-eafa582{--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;}.elementor-1238 .elementor-element.elementor-element-1abf3ff > .elementor-widget-container{padding:0% 0% 10% 0%;}@media(max-width:1024px){.elementor-1238 .elementor-element.elementor-element-6fcf296f{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-1238 .elementor-element.elementor-element-443a4f70{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(min-width:768px){.elementor-1238 .elementor-element.elementor-element-6fcf296f{--content-width:1650px;}.elementor-1238 .elementor-element.elementor-element-443a4f70{--content-width:100%;}}@media(max-width:767px){.elementor-1238 .elementor-element.elementor-element-6fcf296f{--min-height:0vh;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-1238 .elementor-element.elementor-element-25037a8 > .elementor-widget-container{padding:0% 0% 15% 0%;}.elementor-1238 .elementor-element.elementor-element-25037a8 .elementor-heading-title{font-size:27px;}.elementor-1238 .elementor-element.elementor-element-443a4f70{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1238 .elementor-element.elementor-element-c56167c > .elementor-widget-container{padding:15% 0% 12% 0%;}.elementor-1238 .elementor-element.elementor-element-c56167c .elementor-heading-title{font-size:22px;}}/* Start custom CSS for wc-categories, class: .elementor-element-040d186 */.elementor-1238 .elementor-element.elementor-element-040d186 .count{
    display: none !important;
}/* GRID DEL WIDGET */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    margin: 0 !important;
    padding: 0 !important;
}

/* CADA CATEGORÍA */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: left !important;
}

/* LINK COMPLETO */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category > a{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    height: 100%;
}

/* IMAGEN */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 18px 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* TÍTULO: SACARLO DEL OVERLAY */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .woocommerce-loop-category__title{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: left !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #4f5e49 !important;
}

/* OCULTAR COUNT */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .woocommerce-loop-category__title .count,
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .count{
    display: none !important;
}

/* TEXTO EXPLORAR */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .woocommerce-loop-category__title::after{
    content: "Explorar";
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    text-decoration: underline;
    color: #5f6f59;
}

/* POR SI ASTRA / EL WIDGET METEN WRAPPERS EXTRA */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category mark,
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .title-count-wrap,
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category .category-product-count{
    display: none !important;
    position: static !important;
    background: transparent !important;
}


/* Estado inicial + animación más lenta */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category {
    opacity: 0;
    transform: translateY(26px);
    animation: hanacoCategoryFadeUp 3.25s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    will-change: opacity, transform;
}

/* Delay escalonado más notorio */
.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category:nth-child(1) {
    animation-delay: 0.5s;
}

.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category:nth-child(2) {
    animation-delay: 1s;
}

.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category:nth-child(3) {
    animation-delay: 1.5s;
}

.elementor-1238 .elementor-element.elementor-element-040d186 ul.products li.product-category:nth-child(4) {
    animation-delay: 2s;
}

/* Animación */
@keyframes hanacoCategoryFadeUp {
    0% {
        opacity: 0;
        transform: translateY(26px);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-443a4f70 */.elementor-1238 .elementor-element.elementor-element-443a4f70{
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1abf3ff *//* =====================================================
   HANACO - COLECCIONES AJAX
   Estilos externos para el bloque dinámico de productos
   Importante:
   - El snippet PHP solo debe renderizar HTML y JS.
   - Este CSS controla el título, margen mobile y línea fina.
   ===================================================== */


/* =====================================================
   1. TÍTULO AJAX DE COLECCIÓN
   Ejemplo:
   COLECCIÓN
   LYRAS / RARA AVIS / AUREA
   ===================================================== */

#hana-productos-categoria .hana-productos-header {
    text-align: center !important;
    margin-bottom: 58px !important;
}

#hana-productos-categoria .hana-titulo-coleccion {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #123d2b !important;
    line-height: 1 !important;
}

#hana-productos-categoria .hana-titulo-prefix {
    display: block !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #123d2b !important;
}

#hana-productos-categoria .hana-titulo-nombre {
    display: block !important;
    font-family: "The Seasons", Georgia, serif !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    color: #123d2b !important;
}


/* =====================================================
   2. MOBILE - TÍTULO DE COLECCIÓN
   Solo ajusta separación del título superior
   ===================================================== */

@media (max-width: 767px) {

    #hana-productos-categoria .hana-productos-header {
        margin-bottom: 65px !important;
    }

    #hana-productos-categoria .hana-titulo-prefix {
        font-size: 11px !important;
        letter-spacing: 0.18em !important;
    }

    #hana-productos-categoria .hana-titulo-nombre {
        font-size: 34px !important;
    }
}


/* =====================================================
   3. MOBILE - LIMPIEZA DE LÍNEAS ANTERIORES
   Evita que queden líneas viejas en .hanaco-meta
   o en reglas anteriores pegadas durante pruebas.
   ===================================================== */

@media (max-width: 767px) {

    #hana-productos-categoria .hanaco-meta::after {
        display: none !important;
        content: none !important;
    }
}


/* =====================================================
   4. MOBILE - MARGEN ENTRE PRODUCTOS
   Corrige el exceso de separación generado por:
   - row-gap
   - margin-bottom heredado de .hanaco-product-card
   ===================================================== */

@media (max-width: 767px) {

    #hana-productos-categoria .hanaco-products-grid,
    #hana-productos-categoria .hana-ajax-products-grid {
        row-gap: 0 !important;
    }

    #hana-productos-categoria .hanaco-products-grid > li.hanaco-product-card,
    #hana-productos-categoria .hana-ajax-products-grid > li.hanaco-product-card {
        position: relative !important;
        margin: 0 auto 2px !important;
        padding-bottom: 70px !important;
        overflow: visible !important;
    }
}


/* =====================================================
   5. MOBILE - LÍNEA FINA ENTRE PRODUCTOS
   La línea va al final de cada card,
   después de imagen + título + atributo + precio.
   ===================================================== */

@media (max-width: 767px) {

    #hana-productos-categoria .hanaco-products-grid > li.hanaco-product-card::after,
    #hana-productos-categoria .hana-ajax-products-grid > li.hanaco-product-card::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 0 !important;
        transform: translateX(-50%) !important;
        width: 78vw !important;
        max-width: 340px !important;
        height: 1px !important;
        background: rgba(49, 84, 51, 0.14) !important;
    }
}


/* =====================================================
   6. MOBILE - ÚLTIMO PRODUCTO
   Quita la línea final para que no cierre feo la lista.
   ===================================================== */

@media (max-width: 767px) {

    #hana-productos-categoria .hanaco-products-grid > li.hanaco-product-card:last-child::after,
    #hana-productos-categoria .hana-ajax-products-grid > li.hanaco-product-card:last-child::after {
        display: none !important;
        content: none !important;
    }

    #hana-productos-categoria .hanaco-products-grid > li.hanaco-product-card:last-child,
    #hana-productos-categoria .hana-ajax-products-grid > li.hanaco-product-card:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 30px !important;
    }
}
@media (max-width: 767px) {
    #hana-productos-categoria .hanaco-products-grid {
        grid-template-columns: 1fr !important;
        row-gap: 10px !important;
        max-width: 360px;
    }
}/* 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 */