.elementor-12385 .elementor-element.elementor-element-b52ed5e{--display:flex;--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:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:15px 15px 15px 15px;box-shadow:0px 5px 15px -5px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12385 .elementor-element.elementor-element-ea22cba{--display:flex;--min-height:fit-content;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-12385 .elementor-element.elementor-element-c850896 img{width:100%;}.elementor-widget-button .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-12385 .elementor-element.elementor-element-ff218f1{--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:5px;--padding-left:16px;--padding-right:16px;}.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-12385 .elementor-element.elementor-element-8fd7af0{text-align:center;}.elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:700;line-height:1.2em;}@media(min-width:768px){.elementor-12385 .elementor-element.elementor-element-b52ed5e{--content-width:300px;}}@media(max-width:1024px){.elementor-12385 .elementor-element.elementor-element-b52ed5e{--border-radius:12.5px 12.5px 12.5px 12.5px;}.elementor-12385 .elementor-element.elementor-element-ea22cba{--border-radius:12.5px 12.5px 12.5px 12.5px;}.elementor-12385 .elementor-element.elementor-element-ff218f1{--padding-top:14px;--padding-bottom:28px;--padding-left:14px;--padding-right:14px;}.elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title{font-size:15.5px;}}@media(max-width:767px){.elementor-12385 .elementor-element.elementor-element-b52ed5e{--border-radius:10px 10px 10px 10px;}.elementor-12385 .elementor-element.elementor-element-ea22cba{--border-radius:10px 10px 10px 10px;}.elementor-12385 .elementor-element.elementor-element-ff218f1{--padding-top:12px;--padding-bottom:26px;--padding-left:12px;--padding-right:12px;}.elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title{font-size:14px;line-height:1.1em;}}/* Start custom CSS for heading, class: .elementor-element-8fd7af0 *//* ========================================================
   CSS PARA WIDGET ENCABEZADO (TITULO) - TECNITALIA
   ======================================================== */

/* Aplica directo al contenedor del widget y al texto/enlace interno */
.elementor-12385 .elementor-element.elementor-element-8fd7af0,
.elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title,
.elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title a {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif !important;
  font-size: clamp(14px, 1.2vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  
  /* Transición suave para el cambio de color al hacer hover */
  transition: color 0.3s ease-in-out !important;
  
  /* Control de desborde (máximo 2 líneas con puntos suspensivos) */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* EFECTO HOVER: Cambia al Rojo Tecnitalia */
.elementor-12385 .elementor-element.elementor-element-8fd7af0:hover,
.elementor-12385 .elementor-element.elementor-element-8fd7af0:hover .elementor-heading-title,
.elementor-12385 .elementor-element.elementor-element-8fd7af0:hover .elementor-heading-title a {
  color: #e52d27 !important; /* Rojo Tecnitalia */
}

/* ========================================================
   ADAPTACIÓN MÓVIL
   ======================================================== */
@media (max-width: 420px) {
  .elementor-12385 .elementor-element.elementor-element-8fd7af0,
  .elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title,
  .elementor-12385 .elementor-element.elementor-element-8fd7af0 .elementor-heading-title a {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64be0ee */.elementor-12385 .elementor-element.elementor-element-64be0ee {
  display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b52ed5e *//* ========================================================
   TARJETA TECNITALIA - ESTILOS BASE Y CONTENEDOR DE IMAGEN
   ======================================================== */
.elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-img {
  background-color: #f4f5f7;
  overflow: hidden;
  position: relative;
  border-radius: 16px 16px 0 0;
}

.elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-img img {
  width: clamp(180px, 18.67vw, 280px);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: ease all .35s;
}

/* Zoom fluido de la imagen */
.elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-img:hover img {
  transform: scale(1.08) !important;
}

/* Sombra/Degradado superpuesto sobre la imagen */
.elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-img::before {
  content: ""; 
  position: absolute; 
  inset: 0; 
  pointer-events: none; 
  z-index: 1;
  background: linear-gradient(
    rgba(0, 0, 0, 0.01) 20%,
    rgba(0, 0, 0, 0.06) 120%
  ); 
}

/* Limpieza de elementos secundarios de WooCommerce */
.elementor-12385 .elementor-element.elementor-element-b52ed5e ul li { list-style: none; }
.elementor-12385 .elementor-element.elementor-element-b52ed5e .added_to_cart { display: none; }

/* ========================================================
   ELEVACIÓN Y SOMBRA DE LA TARJETA COMPLETA AL HOVER
   ======================================================== */
.elementor-12385 .elementor-element.elementor-element-b52ed5e {
  border-radius: 16px;
  transition: ease all .35s;
}

.elementor-12385 .elementor-element.elementor-element-b52ed5e:hover {
  transform: translateY(-5px);
  box-shadow: 0px 15px 35px rgba(229, 45, 39, 0.15); /* Sombra suave con tinte Rojo Tecnitalia */
}

/* ========================================================
   EL BOTÓN (Estado Inicial Oculto)
   ======================================================== */
.elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-addcart {
  position: absolute;
  bottom: 15px; 
  left: 50%;
  transform: translate(-50%, 150%);
  width: 80%;
  opacity: 0;
  z-index: 4;
  transition: ease all .35s;
}

/* Revelado deslizable del botón en Hover */
.elementor-12385 .elementor-element.elementor-element-b52ed5e:hover .gc-addcart {
  transform: translate(-50%, 0) !important; 
  opacity: 1;
}

/* ========================================================
   DISEÑO VISUAL DEL BOTÓN - ROJO TECNITALIA CON GLASSMORPHISM
   ======================================================== */
.gc-addcart .elementor-button {
  background: rgba(229, 45, 39, 0.85) !important; /* Rojo Tecnitalia semitransparente */
  backdrop-filter: blur(6px);
  border-radius: 50px;
  color: #FFFFFF !important;
  width: 100%;
  border: none;
  font-weight: 700;
  box-shadow: 0px 8px 20px rgba(229, 45, 39, 0.25);
}

/* --- ANIMACIÓN CONTENEDOR, BOTÓN E ICONO --- */
.gc-addcart .elementor-button-wrapper,
.gc-addcart .elementor-button,
.gc-addcart .elementor-button-icon {
  transition: ease-in-out all .35s;
}

/* EFECTO HOVER EN EL BOTÓN (Rojo sólido intenso + elevación) */
.gc-addcart .elementor-button:hover {
  box-shadow: 0px 12px 30px rgba(229, 45, 39, 0.4) !important;
  background: #b31217 !important; /* Rojo oscuro corporativo */
  color: #FFFFFF !important;
}

/* Animación y salto del icono al pasar el cursor sobre el botón */
.gc-addcart .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px) scale(1.1) rotate(-8deg);
}

/* ========================================================
   ADAPTACIÓN MÓVIL
   ======================================================== */
@media (max-width: 420px) {
  .elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-addcart { 
    bottom: 10px; 
  }
  
  .elementor-12385 .elementor-element.elementor-element-b52ed5e .gc-addcart .elementor-button {
    font-size: 12px !important;
    padding: 8px !important;
  }
}/* End custom CSS */