.elementor-102 .elementor-element.elementor-element-ba4da2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-102 .elementor-element.elementor-element-18d9cab{--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-102 .elementor-element.elementor-element-fc46a2c{--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-102 .elementor-element.elementor-element-fc46a2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-b42dc8c{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-b42dc8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-6e77a39{--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-102 .elementor-element.elementor-element-dc354bb{--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-102 .elementor-element.elementor-element-dc354bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-e0b2b37{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-e0b2b37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-d733cd4{--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-102 .elementor-element.elementor-element-1e027f1{--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-102 .elementor-element.elementor-element-1e027f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-caea71b{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-caea71b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-110b1d5{--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-102 .elementor-element.elementor-element-471c7f8{--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-102 .elementor-element.elementor-element-471c7f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-0d1c76e{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-0d1c76e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-fda8e27{--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-102 .elementor-element.elementor-element-4e75be0{--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-102 .elementor-element.elementor-element-4e75be0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-7cbcc5a{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-7cbcc5a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-7dc1392{--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-102 .elementor-element.elementor-element-078507d{--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-102 .elementor-element.elementor-element-078507d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-259b3c4{width:var( --container-widget-width, 136.044% );max-width:136.044%;--container-widget-width:136.044%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-259b3c4.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-18d9cab{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-fc46a2c{--width:35.707%;}.elementor-102 .elementor-element.elementor-element-6e77a39{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-dc354bb{--width:35.707%;}.elementor-102 .elementor-element.elementor-element-d733cd4{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-1e027f1{--width:35.707%;}.elementor-102 .elementor-element.elementor-element-110b1d5{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-471c7f8{--width:35.707%;}.elementor-102 .elementor-element.elementor-element-fda8e27{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-4e75be0{--width:35.707%;}.elementor-102 .elementor-element.elementor-element-7dc1392{--width:33.3333%;}.elementor-102 .elementor-element.elementor-element-078507d{--width:35.707%;}}/* Start custom CSS for html, class: .elementor-element-b42dc8c */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0b2b37 */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caea71b */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d1c76e */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cbcc5a */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-259b3c4 */:root {
    --tomate: #d64545;
    --verdeOscuro: #0f3d3b;
    --grisFondo: #f5f1ef;
    --radius-lg: 26px;
    --radius-sm: 14px;
}

/* CARD */
.product-card {
    width: 320px;
    background: white;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    font-family: "Poppins", sans-serif;
    transition: .3s ease;
    margin: 35px auto;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.17);
}

/* IMAGE AREA */
.product-image {
    position: relative;
    background: var(--grisFondo);
    padding: 30px;
    border-radius: var(--radius-lg);
    text-align: center;
}

.product-image img {
    width: 75%;
    transition: .3s ease;
}

.product-image:hover img {
    transform: scale(1.06);
}

/* HEART */
.favorite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
    cursor: pointer;
}

/* VER MÁS BUTTON */
.quick-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: none;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: .2s ease;
}

.quick-view:hover {
    transform: translateX(-50%) scale(1.05);
}

/* TEXT */
.product-title {
    margin-top: 18px;
    font-size: 22px;
    color: var(--verdeOscuro);
}

.product-meta {
    font-size: 14px;
    opacity: .8;
}

.product-rating {
    margin-bottom: 18px;
    font-size: 20px;
    color: #ff9a37;
}

/* SHOP NOW */
.btn-shop {
    display: block;
    background: var(--verdeOscuro);
    color: white;
    padding: 14px;
    border-radius: 45px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.btn-shop:hover {
    background: #09302f;
}

/* POPUP */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 25px;
}

.modal-box {
    width: 90%;
    max-width: 900px;
    background: white;
    border-radius: var(--radius-lg);
    padding: 30px;
    position: relative;
    box-shadow: 0 14px 45px rgba(0,0,0,0.22);
    animation: popupAnim .35s ease;
}

@keyframes popupAnim {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    border: none;
    background: none;
    font-size: 26px;
    cursor: pointer;
}

/* POPUP CONTENT LAYOUT */
.modal-content {
    display: flex;
    gap: 30px;
}

.modal-left img {
    width: 100%;
    border-radius: var(--radius-lg);
}

.modal-right {
    flex: 1;
}

.modal-right h2 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--verdeOscuro);
}

.modal-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal-features li {
    margin-bottom: 8px;
    font-size: 15px;
}

.btn-whatsapp {
    display: inline-block;
    background: #25D366;
    padding: 14px 22px;
    color: white;
    border-radius: 45px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .2s;
}

.btn-whatsapp:hover {
    background: #1bb557;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .modal-content {
        flex-direction: column;
    }
    .modal-left img {
        width: 100%;
    }
}/* End custom CSS */