.elementor-15267 .elementor-element.elementor-element-3a223de{--display:flex;}.elementor-15267 .elementor-element.elementor-element-2b4e915.elementor-element{--align-self:center;}.elementor-15267 .elementor-element.elementor-element-020a6ae{--display:flex;}.elementor-15267 .elementor-element.elementor-element-4dcfbea{width:100%;max-width:100%;}.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-element{--align-self:center;}.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-wc-products ul.products li.product .button{background-color:#000F77;}.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-wc-products ul.products li.product span.onsale{display:block;background-color:#0E00A3;}@media(max-width:1024px){.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-15267 .elementor-element.elementor-element-4dcfbea.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for heading, class: .elementor-element-2b4e915 */.elementor-15267 .elementor-element.elementor-element-2b4e915 {
    text-align: center;
    margin: 20px 0;
}

.elementor-15267 .elementor-element.elementor-element-2b4e915 .elementor-heading-title {
    font-size: 2.5em;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 0;
    border-bottom: 2px solid #0073e6;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4dcfbea *//* Selecciona cada tarjeta de producto individualmente */
.elementor-15267 .elementor-element.elementor-element-4dcfbea .elementor-grid-item, 
.elementor-15267 .elementor-element.elementor-element-4dcfbea .product {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 20px !important;
    border: 1px solid #eeeeee !important;
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* EFECTO HOVER: La caja se eleva y brilla */
.elementor-15267 .elementor-element.elementor-element-4dcfbea .elementor-grid-item:hover, 
.elementor-15267 .elementor-element.elementor-element-4dcfbea .product:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 20px 40px rgba(0, 70, 190, 0.15) !important;
    border-color: #0046be !important;
    z-index: 9;
}

/* Animación sutil para la imagen al pasar el mouse */
.elementor-15267 .elementor-element.elementor-element-4dcfbea .product:hover .elementor-widget-image img,
.elementor-15267 .elementor-element.elementor-element-4dcfbea .product:hover img {
    transform: scale(1.08) !important;
    transition: transform 0.5s ease !important;
}

/* Estilo para el botón dentro de la caja resaltada */
.elementor-15267 .elementor-element.elementor-element-4dcfbea .elementor-button {
    background: #0046be !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}

.elementor-15267 .elementor-element.elementor-element-4dcfbea .elementor-button:hover {
    background: #002d7a !important;
    transform: scale(1.05) !important;
}/* End custom CSS */