.elementor-317 .elementor-element.elementor-element-0af1189{--display:flex;--justify-content:flex-start;--border-radius:20px 20px 0px 0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-317 .elementor-element.elementor-element-0af1189:not(.elementor-motion-effects-element-type-background), .elementor-317 .elementor-element.elementor-element-0af1189 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-daad4ba{padding:60px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-317 .elementor-element.elementor-element-0af1189{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-317 .elementor-element.elementor-element-0af1189{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:024px;--padding-right:024px;}}/* Start custom CSS *//* ============================================================
   INICIO (.aleyn-home-grid) — título
   ============================================================ */
.aleyn-home-grid h1.entry-title {
    display: -webkit-box !important;
    color: #163e3f !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.aleyn-home-grid .elementor-widget-woocommerce-product-title {
    width: 100% !important;
}


/* ============================================================
   INICIO — layout general (categorías, secciones, grid)
   ============================================================ */
.aleyn-home-main-categories {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}
.aleyn-home-main-cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    flex-shrink: 0;
}
.aleyn-home-main-cat-img {
    width: 100px;
    height: 100px;
    border-radius: 1000px;
    background-color: #daedeb;
    background-size: cover;
    background-position: center;
}
.aleyn-home-main-cat-label {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #163e3f;
    text-align: center;
    margin: 0;
    white-space: nowrap;
}
.aleyn-home-section {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 60px;
    width: 100%;
}
.aleyn-home-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.aleyn-home-section-title {
    flex: 1 0 0;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    color: #163e3f;
    margin: 0;
}
.aleyn-home-vertodo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    flex-shrink: 0;
}
.aleyn-home-vertodo span:first-child {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    color: #163e3f;
    white-space: nowrap;
}
.aleyn-home-vertodo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background: linear-gradient(98.37deg, #163e3f 14.657%, #47a599 128.32%);
}
.aleyn-home-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
    width: 100%;
}
.aleyn-home-grid > * {
    min-width: 0;
}


/* ============================================================
   INICIO — precio
   ============================================================ */
.aleyn-home-grid .price,
.aleyn-home-grid .price ins .woocommerce-Price-amount,
.aleyn-home-grid .price > .woocommerce-Price-amount {
    color: var(--e-global-color-primary) !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 28px !important;
}

.aleyn-home-grid .price del,
.aleyn-home-grid .price del .woocommerce-Price-amount {
    color: #89c5bd !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    text-decoration: line-through !important;
}


/* ============================================================
   MÓVIL — max-width: 767px
   ============================================================ */
@media (max-width: 767px) {
    .aleyn-home-main-categories {
        gap: 16px;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .aleyn-home-main-cat-img {
        width: 80px;
        height: 80px;
    }
    .aleyn-home-main-cat-label {
        font-size: 14px;
        line-height: 16px;
    }
    .aleyn-home-section {
        gap: 28px;
        margin-bottom: 40px;
    }
    .aleyn-home-section-title {
        font-size: 24px;
        line-height: 26px;
    }
    .aleyn-home-vertodo span:first-child {
        font-size: 16px;
        line-height: 18px;
    }
    .aleyn-home-vertodo-icon {
        width: 22px;
        height: 22px;
    }
    .aleyn-home-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .aleyn-home-grid .price,
    .aleyn-home-grid .price ins .woocommerce-Price-amount,
    .aleyn-home-grid .price > .woocommerce-Price-amount {
        font-size: 20px !important;
        line-height: 22px !important;
    }
    .aleyn-home-grid .price del,
    .aleyn-home-grid .price del .woocommerce-Price-amount {
        font-size: 16px !important;
        line-height: 18px !important;
    }
}/* End custom CSS */