.elementor-416 .elementor-element.elementor-element-07fcbd2{--display:flex;--min-height:400px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-9ee30c7{--display:flex;--min-height:fit-content;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-416 .elementor-element.elementor-element-db9ae2c{right:5px;}body.rtl .elementor-416 .elementor-element.elementor-element-db9ae2c{left:5px;}.elementor-416 .elementor-element.elementor-element-db9ae2c{top:5px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-416 .elementor-element.elementor-element-98f9478 img{height:280px;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-416 .elementor-element.elementor-element-3571efc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:16px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.elementor-416 .elementor-element.elementor-element-01336f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-416 .elementor-element.elementor-element-a1365a3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:05px 0px;--row-gap:05px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.jet-listing-item.single-jet-engine.elementor-page-416 > .elementor{width:300px;margin-left:auto;margin-right:auto;}@media(min-width:768px){.elementor-416 .elementor-element.elementor-element-07fcbd2{--content-width:300px;}}/* Start custom CSS for jet-woo-builder-archive-cats, class: .elementor-element-db9ae2c */.elementor-416 .elementor-element.elementor-element-db9ae2c a {
  display: inline-block;
  background-color: #FFF;
  color: #1A432F;
  
  font-family: 'Inter', 'Montserrat', 'Poppins',  sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  
  padding: 5px 14px;
  border-radius: 50px;
  
  transition: ease all .3s;
}

.elementor-416 .elementor-element.elementor-element-db9ae2c a:hover {
    background-color: #0D5C30;
    color: #FFF;
    transform: translateY(-2px);
    box-shadow: 0px 2px 6px #116838;
}
.elementor-416 .elementor-element.elementor-element-db9ae2c .elementor-post-info__separator {
    display: none;
}/* End custom CSS */
/* Start custom CSS for wc-add-to-cart, class: .elementor-element-51fc1a4 *//* ==========================================================================
   DISEÑO DEL BOTÓN CARRITO (VERDE BOSQUE PROFUNDO Y ANIMACIÓN)
   ========================================================================== */

/* 1. ESTADO INICIAL (OCULTO) */
.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button-wrapper {
    position: absolute !important; 
    bottom: 0 !important;          
    left: 0 !important;
    width: 100% !important;        
    padding: 15px !important;     
    z-index: 10 !important;
    opacity: 0 !important;         
    transform: translateY(100%) !important; 
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. DISEÑO VISUAL: Botón Blanco Premium */
.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button {
    background-color: #FFFFFF !important;
    color: #1A432F !important; 
    border-radius: 50px !important; 
    width: 100% !important;         
    justify-content: center !important;
    gap: 10px !important;           
    font-weight: 600 !important;
    font-size: 15px !important;
    border: none !important;
    box-shadow: 0px 8px 25px rgba(26, 67, 47, 0.1) !important;
    position: relative;
    top: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* --- ANIMACIÓN DEL ICONO --- */
.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button-icon {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 3. EFECTO HOVER (Incluye elevación, inversión de colores y ANIMACIÓN DE ICONO) */
.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button:hover {
    top: -3px; 
    box-shadow: 0px 12px 35px rgba(26, 67, 47, 0.2) !important;
    background-color: #125433 !important; 
    color: #ffffff !important; 
}

/* Al hacer hover en el botón, el icono hace un pequeño "salto" o rotación */
.elementor-416 .elementor-element.elementor-element-51fc1a4 .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px) scale(1.1) !important; /* Se mueve un poco a la derecha y crece levemente */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ee30c7 */.elementor-416 .elementor-element.elementor-element-9ee30c7 {
  background-color: #f7f7f7;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.elementor-416 .elementor-element.elementor-element-9ee30c7 img {
  transition: ease all .35s;
  object-fit: contain !important;
}
.elementor-416 .elementor-element.elementor-element-9ee30c7:hover img {
  transform: scale(1.1) !important;
}

/* EL BOTÓN (Estado Inicial Oculto) */
.elementor-416 .elementor-element.elementor-element-9ee30c7 .btn-flotante {
  position: absolute;
  bottom: 20px; left: 50%;
  transform: translate(-50%, 150%);
    
  width: 80%;
  z-index: 99;
  opacity: 0;
  transition: ease all .35s;
}
.elementor-416 .elementor-element.elementor-element-9ee30c7:hover .btn-flotante {
    transform: translate(-50%, 0) !important; 
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-01336f3 *//* ==========================================================================
   VALORACIÓN DEL PRODUCTO (Estrellas Eco-Premium)
   ========================================================================== */

/* Centrado y espaciado de la caja de estrellas */
.elementor-416 .elementor-element.elementor-element-01336f3 {
    text-align: center !important; 
    margin-bottom: 10px !important; /* Espacio antes del precio */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 1. Estrellas Llenas / Activas (Verde Brillante) */
.elementor-416 .elementor-element.elementor-element-01336f3 .elementor-star-rating i,
.elementor-416 .elementor-element.elementor-element-01336f3 .elementor-star-full i {
    color: #00D670 !important; /* Tu verde neón/brillante */
    font-size: 14px !important; /* Tamaño delicado, no tosco */
    margin-right: 2px !important; /* Separación milimétrica entre estrellas */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Estrellas Vacías (Fondo Menta suave) */
.elementor-416 .elementor-element.elementor-element-01336f3 .elementor-star-empty i {
    color: #E8F5F0 !important; /* Verde pastel para no usar el típico gris aburrido */
}

/* 3. Animación Premium (Pequeño latido al pasar el cursor) */
.elementor-416 .elementor-element.elementor-element-01336f3 .elementor-star-rating:hover i {
    transform: scale(1.15) translateY(-1px) !important;
}

/* (Opcional) Si decides mostrar el número de reseñas (ej. "(5)"), este es su color */
.elementor-416 .elementor-element.elementor-element-01336f3 .elementor-star-rating__title {
    color: #1A432F !important; /* Verde bosque oscuro */
    font-family: 'Inter', 'Montserrat', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-806efd1 *//* ==========================================================================
   TÍTULO DEL PRODUCTO (Verde Bosque)
   ========================================================================== */
.elementor-416 .elementor-element.elementor-element-806efd1 .elementor-heading-title {
    color: #125433 !important; /* El verde oscuro y elegante */
    font-family: 'Inter', 'Montserrat', 'Poppins', sans-serif !important;
    font-size: 16px !important; 
    font-weight: 800 !important; /* Letra con mucho peso (Extra Bold) */
    text-transform: uppercase !important; /* Fuerza las mayúsculas como en tu imagen */
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important; /* Un poco de aire entre las letras */
    margin-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

/* Efecto opcional: Se aclara ligerísimamente al pasar el cursor */
.elementor-416 .elementor-element.elementor-element-806efd1 .elementor-heading-title:hover {
    color: #2C6E4F !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cdd2197 *//* ==========================================================================
   PRECIO DEL PRODUCTO (Jerarquía: Antiguo vs Nuevo)
   ========================================================================== */
.elementor-416 .elementor-element.elementor-element-cdd2197 .elementor-heading-title {
    text-align: center !important;
    font-family: 'Inter', 'Montserrat', 'Poppins', sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* Separación exacta entre el precio viejo y el nuevo */
}

/* 1. Precio Actual / Oferta (Verde Brillante) */
.elementor-416 .elementor-element.elementor-element-cdd2197 .elementor-heading-title,
.elementor-416 .elementor-element.elementor-element-cdd2197 .elementor-heading-title ins {
    color: #88C540 !important; /* El verde vibrante de tu imagen */
    font-size: 18px !important; /* Tamaño más grande para destacar */
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* 2. Precio Antiguo Tachado (Gris y en segundo plano) */
.elementor-416 .elementor-element.elementor-element-cdd2197 .elementor-heading-title del,
.elementor-416 .elementor-element.elementor-element-cdd2197 .elementor-heading-title s {
    color: #94a3b8 !important; /* Gris asfalto sutil */
    font-size: 12px !important; /* Más pequeño para no robar protagonismo */
    font-weight: 600 !important;
    text-decoration: line-through !important; /* El tachado clásico */
}/* End custom CSS */
/* Start custom CSS for jet-woo-builder-archive-stock-status, class: .elementor-element-1265b66 */.elementor-416 .elementor-element.elementor-element-1265b66 { display: none; }

/* 1. Contenedor general del stock */
.elementor-416 .elementor-element.elementor-element-1265b66 {
    text-align: center !important;
    margin-bottom: 12px !important; /* Espacio antes del botón o la valoración */
}

/* 2. Estilo base del texto de WooCommerce */
.elementor-416 .elementor-element.elementor-element-1265b66 .stock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* Separación entre el puntito y el texto */
    
    font-family: 'Inter', 'Montserrat', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. El "Puntito LED" creado con magia CSS */
.elementor-416 .elementor-element.elementor-element-1265b66 .stock::before {
    content: '' !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important; /* Lo hace un círculo perfecto */
    transition: all 0.3s ease !important;
}

/* ==========================================================================
   ESTADOS DE INVENTARIO (Hay Stock vs Agotado)
   ========================================================================== */

/* A. CUANDO HAY STOCK (Disponible) */
.elementor-416 .elementor-element.elementor-element-1265b66 .stock.instock {
    color: #1A432F !important; /* Texto en tu verde bosque oscuro */
}

.elementor-416 .elementor-element.elementor-element-1265b66 .stock.instock::before {
    background-color: #00D670 !important; /* Puntito verde brillante */
    box-shadow: 0px 0px 8px rgba(0, 214, 112, 0.5) !important; /* Halo de luz neón */
}

/* B. CUANDO ESTÁ AGOTADO (Out of stock) */
.elementor-416 .elementor-element.elementor-element-1265b66 .stock.outofstock {
    color: #94a3b8 !important; /* Texto en gris asfalto */
}

.elementor-416 .elementor-element.elementor-element-1265b66 .stock.outofstock::before {
    background-color: #ef4444 !important; /* Puntito rojo alerta */
    box-shadow: 0px 0px 8px rgba(239, 68, 68, 0.4) !important; /* Halo de luz roja */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3571efc *//* ==========================================================================
   TARJETA CLICABLE CON BOTÓN DE CARRITO PROTEGIDO (ENLACE EXTENDIDO)
   ========================================================================== */

/* 1. PREPARAMOS EL CONTENEDOR PADRE */
.elementor-416 .elementor-element.elementor-element-3571efc {
    position: relative !important; /* Fija los límites para la capa invisible */
}

/* 2. CREAMOS LA CAPA INVISIBLE CLICABLE */
/* Toma el enlace que está dentro del título/imagen y lo estira por toda la tarjeta */
.elementor-416 .elementor-element.elementor-element-3571efc .gc-link-principal a::after,
.elementor-416 .elementor-element.elementor-element-3571efc .gc-link-principal a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important; /* Lo pone por encima del fondo, pero debajo del botón */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07fcbd2 */.elementor-416 .elementor-element.elementor-element-07fcbd2:hover {
  transform: translateY(-5px);
  box-shadow: 0px 15px 35px rgba(26,67,47,.12);
}
.elementor-416 .elementor-element.elementor-element-07fcbd2:hover .gc-boximage-cart .elementor-button-wrapper {
  opacity: 1;
  transform: translateY(0);
}
.elementor-416 .elementor-element.elementor-element-07fcbd2 .added_to_cart {
  display: none;
}/* End custom CSS */