.elementor-289 .elementor-element.elementor-element-228a144:not(.elementor-motion-effects-element-type-background), .elementor-289 .elementor-element.elementor-element-228a144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deviwatermexico.org/wp-content/uploads/2026/05/title-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-289 .elementor-element.elementor-element-228a144{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 10px 30px 10px;}.elementor-289 .elementor-element.elementor-element-228a144 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-289 .elementor-element.elementor-element-57531ea{text-align:center;}.elementor-289 .elementor-element.elementor-element-cf49549{--divider-border-style:solid;--divider-color:#B2DEF3;--divider-border-width:2px;}.elementor-289 .elementor-element.elementor-element-cf49549 .elementor-divider-separator{width:110px;margin:0 auto;margin-center:0;}.elementor-289 .elementor-element.elementor-element-cf49549 .elementor-divider{text-align:center;padding-block-start:6px;padding-block-end:6px;}.elementor-289 .elementor-element.elementor-element-33c4d7a{--display:flex;}.elementor-289 .elementor-element.elementor-element-637ac16{padding:50px 0px 50px 0px;}.elementor-289 .elementor-element.elementor-element-637ac16.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-289 .elementor-element.elementor-element-637ac16.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-289 .elementor-element.elementor-element-64750a7:not(.elementor-motion-effects-element-type-background), .elementor-289 .elementor-element.elementor-element-64750a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F7FF;}.elementor-289 .elementor-element.elementor-element-64750a7 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-289 .elementor-element.elementor-element-64750a7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-289 .elementor-element.elementor-element-0e131ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon-wrapper{text-align:start;}.elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-stacked .elementor-icon{background-color:#B2DEF3;color:#FFFFFF;}.elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-default .elementor-icon{color:#B2DEF3;border-color:#B2DEF3;}.elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-default .elementor-icon svg{fill:#B2DEF3;}.elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-289 .elementor-element.elementor-element-0e131ed.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon{font-size:36px;padding:25px;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon svg{height:36px;}.elementor-bc-flex-widget .elementor-289 .elementor-element.elementor-element-f2c8e5f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-289 .elementor-element.elementor-element-f2c8e5f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-289 .elementor-element.elementor-element-04a599b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-289 .elementor-element.elementor-element-04a599b .elementor-heading-title{font-size:20px;}.elementor-289 .elementor-element.elementor-element-6eb5ef5{text-align:start;font-size:14px;color:#3E7B99;}.elementor-bc-flex-widget .elementor-289 .elementor-element.elementor-element-20c1ae6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-289 .elementor-element.elementor-element-20c1ae6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-group.recaptcha_v3-bottomleft, .elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-289 .elementor-element.elementor-element-461c8ad .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-289 .elementor-element.elementor-element-461c8ad .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-289 .elementor-element.elementor-element-461c8ad .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-type-html{padding-bottom:0px;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-button[type="submit"]{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-289 .elementor-element.elementor-element-461c8ad{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-289 .elementor-element.elementor-element-637ac16.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon{font-size:30px;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon svg{height:30px;}}@media(max-width:767px){.elementor-289 .elementor-element.elementor-element-637ac16.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-289 .elementor-element.elementor-element-64750a7{padding:50px 10px 50px 10px;}.elementor-289 .elementor-element.elementor-element-0e131ed .elementor-icon-wrapper{text-align:center;}.elementor-289 .elementor-element.elementor-element-04a599b{text-align:center;}.elementor-289 .elementor-element.elementor-element-6eb5ef5{text-align:center;}}@media(min-width:768px){.elementor-289 .elementor-element.elementor-element-1c0128f{width:11.053%;}.elementor-289 .elementor-element.elementor-element-f2c8e5f{width:55.279%;}}@media(max-width:1024px) and (min-width:768px){.elementor-289 .elementor-element.elementor-element-1c0128f{width:17%;}.elementor-289 .elementor-element.elementor-element-f2c8e5f{width:58%;}.elementor-289 .elementor-element.elementor-element-20c1ae6{width:25%;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-637ac16 *//* ========================================================
   ESTILOS PREMIUM - CATÁLOGO / TIENDA (DEVI WATER)
======================================================== */

/* 1. BARRA SUPERIOR (Resultados y Filtros) */
.woocommerce .woocommerce-result-count {
    color: #263238; /* Gris-azulado */
    font-size: 0.95rem;
    font-weight: 300;
    margin-top: 10px;
}

/* Menú desplegable de "Ordenar por..." */
.woocommerce .woocommerce-ordering select {
    background-color: #FAFAFA;
    border: 1px solid #EEF6F6; /* Turquesa súper claro */
    padding: 10px 15px;
    color: #0D2B5A; /* Azul Cobalto */
    font-weight: 500;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.woocommerce .woocommerce-ordering select:focus {
    border-color: #7CD1C4; /* Turquesa suave al hacer clic */
}

/* 2. TARJETAS DE PRODUCTO (La cuadrícula) */
.woocommerce ul.products li.product {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 0 0 25px 0 !important;
    transition: all 0.4s ease;
    border: 1px solid #F9F9F9;
    text-align: center; /* Centramos todo para más elegancia */
    overflow: hidden;
}

/* Efecto al pasar el ratón (Hover) sobre toda la tarjeta */
.woocommerce ul.products li.product:hover {
    transform: translateY(-6px); /* Se eleva un poco */
    box-shadow: 0 15px 35px rgba(13, 43, 90, 0.06); /* Sombra elegante */
    border-color: #EEF6F6;
}

/* 3. IMAGEN DEL PRODUCTO */
.woocommerce ul.products li.product a img {
    margin-bottom: 20px;
    border-radius: 12px 12px 0 0;
    transition: transform 0.6s ease;
    width: 100%; /* Asegura que cubra el ancho */
}

/* Efecto de Zoom ultra sutil a la botella */
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.04); 
}

/* 4. TÍTULO DEL PRODUCTO */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #0D2B5A !important; /* Azul Cobalto */
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    padding: 0 15px;
    margin-bottom: 10px;
}

/* 5. PRECIO DEL PRODUCTO */
.woocommerce ul.products li.product .price {
    color: #263238 !important; /* Gris oscuro elegante */
    font-weight: 400;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 25px;
}

/* 6. BOTÓN: "AÑADIR AL CARRITO" */
.woocommerce ul.products li.product .button {
    background-color: #CFA968 !important; /* Dorado Sutil */
    color: #FFFFFF !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 0.85rem !important;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
    margin: 0 auto;
    display: inline-block;
    border: none;
}

/* Hover del botón de compra */
.woocommerce ul.products li.product .button:hover {
    background-color: #0D2B5A !important; /* Azul Cobalto */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(13, 43, 90, 0.2) !important;
}

/* 7. ETIQUETA DE OFERTA (Por si el cliente pone descuentos a futuro) */
.woocommerce ul.products li.product .onsale {
    background-color: #7CD1C4 !important; /* Turquesa Suave */
    color: #FFFFFF !important;
    border-radius: 50% !important;
    font-weight: 600 !important;
    padding: 10px !important;
    min-height: 45px !important;
    min-width: 45px !important;
    line-height: 25px !important;
    box-shadow: 0 4px 10px rgba(124, 209, 196, 0.3) !important;
}/* End custom CSS */