.elementor-26554 .elementor-element.elementor-element-381f506{--display:flex;}.elementor-26554 .elementor-element.elementor-element-381f506.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26554 .elementor-element.elementor-element-322a805{--display:flex;--min-height:100px;}.elementor-26554 .elementor-element.elementor-element-322a805:not(.elementor-motion-effects-element-type-background), .elementor-26554 .elementor-element.elementor-element-322a805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #010202 0%, #3E5A9C 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26554 .elementor-element.elementor-element-79fd71f{text-align:center;}.elementor-26554 .elementor-element.elementor-element-79fd71f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:800;line-height:75px;letter-spacing:1.5px;color:#FFFFFF;}.elementor-26554 .elementor-element.elementor-element-17025f8 > .elementor-widget-container{margin:0px 15px 0px 015px;}.elementor-26554 .elementor-element.elementor-element-f962faa{--display:flex;}@media(min-width:768px){.elementor-26554 .elementor-element.elementor-element-381f506{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-17025f8 *//* Estilo para la tarjeta de producto */
.elementor-26554 .elementor-element.elementor-element-17025f8 .product {
    border: 1px solid #e0e0e0 !important; /* Borde fino gris */
    border-radius: 12px !important;       /* Esquinas redondeadas */
    padding: 20px !important;             /* Espacio interno */
    transition: all 0.3s ease;            /* Animación suave */
    background: #ffffff !important;
}

/* Efecto al pasar el ratón (Sombra) */
.elementor-26554 .elementor-element.elementor-element-17025f8 .product:hover {
    box-shadow: 0px 10px 25px rgba(0,0,0,0.1) !important; /* Sombra elegante */
    transform: translateY(-5px);                         /* Se eleva un poco */
}

/* Estilo para el botón "Añadir" */
.elementor-26554 .elementor-element.elementor-element-17025f8 .button {
    border-radius: 30px !important;
    background-color: #24d1d1 !important; /* Tu color turquesa */
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Hacer que el precio sea más grande y llamativo */
.elementor-26554 .elementor-element.elementor-element-17025f8 .price {
    display: block !important;
    font-size: 1.4em !important; /* Tamaño más grande */
    color: #000 !important;      /* Negro puro para máximo contraste */
    font-weight: 800 !important; /* Grosor extra */
    margin: 10px 0 !important;   /* Espacio arriba y abajo */
}

/* Si tienes precios tachados (ofertas), dales un estilo suave */
.elementor-26554 .elementor-element.elementor-element-17025f8 .price del {
    font-size: 0.7em !important;
    color: #999 !important;
    margin-right: 7px !important;
}

/* El precio final (ins) resaltado */
.elementor-26554 .elementor-element.elementor-element-17025f8 .price ins {
    text-decoration: none !important;
    color: #24d1d1 !important; /* Usa el turquesa de tu marca para el precio final */
}/* End custom CSS */