/* QIE Molecular · logo oficial SVG. Se conserva su proporción 1922:592. */
.logo.qie-molecular-logo {
  display: inline-flex;
  align-items: center;
  width: 180px;
  max-width: 100%;
  min-width: 0;
  line-height: 0;
}
.logo.qie-molecular-logo img {
  display: block;
  width: 100%;
  height: auto;
  flex: 0 0 auto;
}
footer .logo.qie-molecular-logo {
   scale: 1.5!important;
}
@media (max-width: 520px) {
  .logo.qie-molecular-logo { width: 158px; }
}

/* QIE Molecular · iconos y contenido de la barra superior */
.utility-contact-line,
.utility-shipping-line {
  gap: 10px;
  flex-wrap: wrap;
}
.utility-inline-piece {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.utility-inline-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #fff;
  stroke: currentColor;
}
.utility-separator {
  color: rgba(255,255,255,.72);
}
@media (max-width: 900px) {
  .utility-contact-line,
  .utility-shipping-line {
    gap: 8px;
  }
}
/* QIE Molecular · móvil: barra superior centrada, sin separadores "|" colgando al partir la línea */
@media (max-width: 640px) {
  .utility-inner.utility-two { row-gap: 4px; }
  .utility-inner.utility-two .utility-item {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    column-gap: 16px;
    row-gap: 4px;
  }
  .utility-inner.utility-two .utility-separator { display: none; }
}



/* QIE Molecular · separación solicitada entre Header, Slider y Logos */
#pb-i1788798548193w8817itoqwp .gallery-section#slider {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

/* El espacio inferior del slider aporta los 25px completos antes de los logos. */
#pb-i17887985917596qodc44dhlf #LOGO-DEMO-03 .logo-inner {
  padding-top: 0 !important;
}



      .st0 {
        fill: var(--color-key);
      }

      .st1 {
        fill: var(--color-dark);
      }
  
/* QIE Molecular · logos de marcas en el carrusel infinito */
.marquee .client-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 130px;
  flex: 0 0 220px;
  margin: 0 12px;
  padding: 24px;
  background: var(--color-white, #fff);
  border-radius: var(--radius-card, 20px);
  box-shadow: 0 18px 50px rgba(51,96,99, .07);
}

.marquee .client-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* QIE Molecular · forzar 3 columnas en cifras (solo Home) */
#trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-grid {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  #trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-grid {
    grid-template-columns: 1fr;
  }
}
#trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-icon {
  display: flex;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  color: var(--color-key);
}
#trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
#trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-grid article {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#trayectoria-stats-01 #DEMO-TRAYECTORIA-01 .tray-value {
  display: flex;
  align-items: baseline;
}

#TITLE-DEMO-03 .title-col-left-01-2
 {
    width: 80% !important;
}
/* QIE Molecular · títulos en negrita y párrafos a 3 líneas parejas */
#icon-cards-02 .icon-card h3 {
  font-weight: 700!important;
}

/* QIE Molecular · íconos Phosphor (rellenos) en cards de 3 columnas */
#icon-cards-02 .icon-card-icon svg {
  fill: currentColor;
  stroke: none;
}
/* QIE Molecular · cards clicables con flecha hacia contacto (consistente con .ui-circle-btn de la guía de estilos) */
#icon-cards-02 a.icon-card {
  display: flex;
  flex-direction: column;
}
/* QIE Molecular · forzar que los párrafos se repartan en 3 líneas */
#icon-cards-02 .icon-card p {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

#icon-cards-02 .icon-card-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: auto;
  color: var(--color-key);
  transition: transform .24s ease, color .24s ease;
}
#icon-cards-02 .icon-card-arrow svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#icon-cards-02 a.icon-card:hover .icon-card-arrow {
  color: var(--color-support);
  transform: translateX(4px);
}
#acordeon-02 .acc-multiple button {
  padding: 22px 0;
}
/* QIE Molecular · espaciado interno del acordeón de FAQ */
#acordeon-02 .acc-multiple button {
  padding: 30px 26px;
}
#acordeon-02 .acc-multiple article > div {
  padding: 0 26px;
}
#acordeon-02 .acc-multiple p {
  padding: 0 0 30px;
}
#acordeon-02 .acc-multiple article.open > div {
  max-height: 280px; /* más espacio por si el padding empuja el contenido y se corta */
}
/* QIE Molecular · fusionar título de FAQ con el bloque oscuro del acordeón */
#pb-i1788798924192yy51dk5sf9 {
  background: var(--color-dark);
  padding-top: 60px;
}
.title-resource-inner.pb-section-content {
  padding-bottom: 40px!important;
}
article.open {
  margin-bottom: 5px!important;
}

/* QIE Molecular · acordeón FAQ más angosto y con texto más pequeño */
#acordeon-02 .acc-section {
  max-width: 70% !important;
  margin: 0 auto !important;
}
#acordeon-02 .acc-multiple button h3 {
  font-size: 15px !important;
}
#acordeon-02 .acc-multiple p {
  font-size: 13px !important;
}

#acordeon-02 .acc-multiple button h4 {
  font-size: 25px !important;
}
/* QIE Molecular · botón "Contactar" bajo el carrusel de testimonios */
#CARRUSELES-01 .carousel-footer {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
#CARRUSELES-01 .carousel-contact-btn {
  gap: 8px;
}
#CARRUSELES-01 .carousel-contact-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
/* QIE Molecular · carrusel de testimonios: 3 cards anchas, sin foto, fade en bordes, loop automático */
.carousel-embed #CAROUSEL-01 .service-photo {
  display: none;
}
/* QIE Molecular · título centrado con botón debajo en el carrusel de testimonios */
.carousel-embed #CAROUSEL-01 .carousel-head {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
.carousel-embed #CAROUSEL-01 .service-card {
  flex: 0 0 420px;
  min-height: 220px;
}
.carousel-embed #CAROUSEL-01 .carousel-section {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
}
.carousel-embed #CAROUSEL-01 .carousel-track {
  overflow: visible;
  width: max-content;
  animation: qie-testimonios-scroll 30s linear infinite;
}
.carousel-embed #CAROUSEL-01 .carousel-track:hover {
  animation-play-state: paused;
}
@keyframes qie-testimonios-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.carousel-head h2 {
  padding-top: 59px;
}
/* QIE Molecular · cards de marcas: logo en placa blanca en vez de foto de fondo */
#cards-02 .demo-card::before,
#cards-02 .demo-card::after {
  display: none;
}
#cards-02 .demo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}
#cards-02 .demo-card-logo {
  width: 340px;
  height: 160px;
  border-radius: var(--radius-card);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
#cards-02 .demo-card-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
#cards-02 .demo-card {
  background: var(--color-dark) !important; /* cambia este valor al color que quieras */
}

/* QIE Molecular · hero de Marcas: reducir alto real (vence las 2 capas de min-height: 100vh) */
#hero-12.screen-section {
  min-height: auto !important;
  display: block !important;
}
#hero-12.screen-section > .hero-minimal {
  min-height: auto !important;
  height: auto !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
#hero-12 .hero-mascot {
  width: 450px !important;
  height: auto !important;
  margin: 0 !important;
  display: block;
  cursor: pointer;
  animation: qie-mascot-enter 1.6s cubic-bezier(.22, 1, .36, 1) forwards,
             qie-mascot-float 2s ease-in-out 1.6s infinite;
}
#hero-12 .hero-mascot:hover {
  transform: scale(1.08) rotate(-3deg);
}
@keyframes qie-mascot-enter {
  from { opacity: 0; transform: translateX(260px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes qie-mascot-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
/* QIE Molecular · animación de entrada para el título y párrafo del hero de Marcas */
@keyframes qie-fade-up {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: translateY(0); }
}
#hero-12 .hero-text-block h1 {
  opacity: 0;
  animation: qie-fade-up .9s cubic-bezier(.22, 1, .36, 1) .35s forwards;
}
#hero-12 .hero-text-block p {
  opacity: 0;
  animation: qie-fade-up .9s cubic-bezier(.22, 1, .36, 1) .6s forwards;
}
/* QIE Molecular · imagen real en hero de imagen lateral */
#hero-01 .visual {
  overflow: hidden;
}
#hero-01 .visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* QIE Molecular · evitar que se corten las cabezas en las fotos del equipo */
#cards-04 .demo-card::before {
  background-position: center 33%;
}

/* QIE Molecular · página de marca (Omega/Biolabs): video, logo, 3 columnas, carrusel de destacados */

/* 1. Video en vez de imagen */
.about-square-video {
  background-image: none !important;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.about-square-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 2. Logo junto a "Confianza" */
.additional-label-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.additional-label-logo {
  width: 250px!important;
  height: auto;
  object-fit: contain;
}

/* 3. Listas en 3 columnas (solo en esta sección, sin afectar otras páginas) */
#pb-i1788818826529vsxje62yezh .additional-01-copy {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

/* 4. Productos destacados como carrusel (4 visibles) */
#featured-grid {
  display: flex !important;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  scrollbar-width: none;
}
#featured-grid::-webkit-scrollbar { display: none; }
#featured-grid .product-card {
  flex: 0 0 calc((100% - 2 * 24px) / 3);
  scroll-snap-align: start;
}
#featured-grid .product-img {
  aspect-ratio: 16 / 9;
}

/* QIE Molecular · productos destacados: carrusel con flechas visibles */
.featured-carousel-wrap {
  position: relative;
}
#featured-grid {
  display: flex !important;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  scrollbar-width: none;
}
#featured-grid::-webkit-scrollbar { display: none; }
#featured-grid .product-card {
  flex: 0 0 calc((100% - 2 * 24px) / 3);
  scroll-snap-align: start;
}
#featured-grid .product-img {
  aspect-ratio: 16 / 9;
}
.featured-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--color-line);
  background: #fff;
  color: var(--color-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  z-index: 5;
  transition: background .2s ease, transform .2s ease;
}
.featured-carousel-btn:hover {
  background: var(--color-key);
  color: #fff;
}
.featured-carousel-prev { left: -22px; }
.featured-carousel-next { right: -22px; }
/* QIE Molecular · flechas del carrusel (consistente con .ui-circle-btn de la guía de estilos) */
.featured-carousel-btn {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: var(--radius-button, 50%);
  border: 1px solid var(--color-key) !important;
  background: #fff !important;
  color: var(--color-key) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--type-card, 18px);
  font-weight: var(--weight-medium, 500);
  line-height: 1;
  cursor: pointer;
  z-index: 5;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease, border-color .24s ease;
}
.featured-carousel-btn:hover {
  background: var(--color-key) !important;
  color: #fff !important;
  transform: translateY(calc(-50% - 2px));
  box-shadow: 0 14px 28px rgba(51,96,99,.12);
}
.featured-carousel-prev { left: -22px; }
.featured-carousel-next { right: -22px; }

.title-block .crumb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--small);
  color: var(--color-muted);
  margin-top: 18px;
  margin-bottom: 18px;
}

/* QIE Molecular · misma apariencia de .product-img, pero con nombre que el script no reconoce */
/* Solo afecta al carrusel "Productos destacados" de las páginas de marca (#featured-grid):
   recuadro de imagen más bajo (16:9, máx. 200px) y foto centrada y completa. Se usa "contain"
   porque con "cover" se cortaban frascos, ilustraciones y rótulos de varias fotos. */
#featured-grid .product-card .product-img-safe {
  aspect-ratio: 16 / 9;
  max-height: 200px;
  width: 100%;
  border-radius: var(--radius-card);
  background: var(--color-light);
  overflow: hidden;
  position: relative;
}
#featured-grid .product-card .product-img-safe img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform .6s cubic-bezier(.4,0,.2,1);
}
#featured-grid .product-card:hover .product-img-safe img {
  transform: scale(1.05);
}
#featured-grid .product-img-safe .brand-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--color-white);
  color: var(--color-dark);
  padding: 5px 12px;
  border-radius: var(--radius-label);
  font-size: var(--small);
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
/* QIE Molecular · Productos Destacados responsive */
@media (max-width: 1024px) {
  #featured-grid .product-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}

@media (max-width: 640px) {
  #featured-grid .product-card {
    flex: 0 0 100%;
  }
  .featured-carousel-wrap {
    padding: 0 12px;
  }
  .featured-carousel-btn {
    width: 34px;
    height: 34px;
  }
  .featured-carousel-prev { left: -10px; }
  .featured-carousel-next { right: -10px; }
}

.accordion-embed .accordion-module .acc-section {
  width:min(calc(100% - 40px),var(--max));
  margin:auto;
  padding:90px 0;
  border-top:0px!important;
  }
  /* QIE Molecular · quitar línea y círculos de hitos en "Trayectoria" */
#trayectoria-stats-08 .tray-milestone-line {
  border-top: none!important;
}
#trayectoria-stats-08 .tray-milestone-line article::before {
  display: none!important;
}
#trayectoria-stats-08 .tray-milestone-line article {
  padding-top: 0!important;
}
/* QIE Molecular · Nosotros: las métricas, el título "Nuestro Equipo" y las tarjetas del equipo usan el
   mismo ancho de contenido que las secciones .mol-wrap de arriba (1440px menos 30px por lado), para
   que todo quede alineado también en pantallas anchas */
@media (min-width: 1001px) {
  #pb-global-css-scope #pb-i1788819728056k0c52h13yua .tray-wrap,
  #pb-global-css-scope #pb-i1788819764623mpelgsyxh1p .pb-section-content,
  #pb-global-css-scope #pb-i1788819783223u0nuowas7ti .pb-section-content,
  #pb-global-css-scope #pb-i17888198104884o0qml844ye .pb-section-content {
    width: min(1380px, calc(100% - 60px)) !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Métricas: contenedor centrado y 4 columnas iguales con número y texto centrados */
#pb-global-css-scope #trayectoria-stats-08 .tray-wrap { margin: 0 auto !important; }
#pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line {
  display: grid !important;
  justify-content: space-between;
  align-items: start;
  gap: var(--space-content) !important;
}
@media (min-width: 1001px) {
  #pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
#pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line article {
  padding: 0 !important;
  text-align: center !important;
}
/* "24-48h" con la misma tipografía que los contadores (antes salía en Open Sans 700) */
#pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line article strong {
  font-family: var(--font-primary) !important;
  font-size: var(--type-stats) !important;
  font-weight: var(--weight-black) !important;
}
#pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line article p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: var(--type-body) !important;
  font-weight: var(--weight-regular) !important;
  color: var(--color-muted) !important;
}

/* QIE Molecular · reducir alto del hero de imagen lateral */
#hero-01.screen-section {
  min-height: auto !important;
  display: block !important;
}
#hero-01.screen-section > .hero {
  min-height: auto !important;
  height: auto !important;
  padding-top: 5px !important;
  padding-bottom: 20px !important;
}
/* QIE Molecular · Institución/Laboratorio y Consulta técnica ocupan el ancho completo */
#FORM-DEMO-30 .contact-form label:nth-child(3),
#FORM-DEMO-30 .contact-form label:nth-child(4) {
  grid-column: 1 / -1;
}


/* QIE Molecular · flechas del slider, idéntico al botón de referencia */
.gallery-embed .gallery-module .slider-actions {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: auto;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  gap: 0;
  pointer-events: none;
}
.gallery-embed .gallery-module .slider-actions button.slider-arrow-btn {
  border-width: medium !important;
  border-style: none !important;
  border-color: currentcolor;
  border-image: none;
  display: block !important;
  place-content: center;
  place-items: center;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2) !important;
  cursor: pointer;
  margin: 0px;
  padding: 0px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 40px !important;
  pointer-events: auto;
  transform: none;
  box-shadow: none !important;
}

/* QIE Molecular · hero de Marcas: mascota a la izquierda, texto centrado en su columna */

#hero-12 .hero-inner-side {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
}

#hero-12 .hero-text-block {
  text-align: left !important;
}
#hero-12 .hero-text-block h1 {
  margin: 0 0 4px !important;
}
#hero-12 .hero-text-block p {
display: block;
padding: 0;
text-align: left;
max-width: 520px;
margin-left: 0 !important;
margin-right: 0 !important;
}


/* QIE Molecular · mostrar la categoría del producto tal cual, sin forzar mayúsculas */
#featured-grid .product-cat {
  text-transform: none;
}
/* QIE Molecular · título del producto (product-cat) un poco más grande */
#featured-grid .product-cat {
  font-size: var(--type-h6)!important; /* 20px, un paso arriba de --small (13px) */
  text-transform: none;
}


/*titulo largo de la seccion de marcas */
#TITLE-DEMO-01 .title-block{width: 100%;max-width: 100%;}

/* QIE Molecular · centrar la lista única bajo el párrafo (páginas con 1 sola columna de lista) */
#pb-i1788818826529vsxje62yezh .additional-01-copy {
  display: flex !important;
  justify-content: center !important;
}

/*productos destacados*/
/* QIE Molecular · asegurar color blanco y centrado cuando el título es h1 en modo oscuro */
#TITLE-DEMO-09 h1 {
  color: var(--pb-theme-white, var(--color-white)) !important;
  text-align: center;
  max-width: 50%;
  margin: 0 auto;
}

.price-card h4 {
  max-width: 46%;
}

/* QIE Molecular · agrandar el párrafo de las price-card (vence la regla específica de packages-embed) */
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21A .price-card p,
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21 .price-card p,
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21C .price-card p {
  font-size: var(--card) !important;
}
/* QIE Molecular · quitar el fondo celeste del bloque de precios/paquetes */
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21A .demo-block,
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21 .demo-block,
#pb-global-css-scope .packages-embed #DEMO-RECURSOS-2-21C .demo-block {
  background: #fff !important;
}
.title-layout-01-1 {
  padding:24px 56px;
  background: var(--color-light);
  border-radius: var(--radius-card);
}
/* QIE Molecular · flecha junto al texto del botón "Consultar con un Especialista" */
.pb-standard-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pb-standard-cta-secondary svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
/* QIE Molecular · fondo menta claro en el acordeón de FAQ */
#pb-i1788819379196odp0fg2c9tn .acc-multiple {
  background: var(--color-light);
  border-top: none;
  border-radius: var(--radius-card, 20px);
  padding: 8px 28px;
}
#pb-i1788819379196odp0fg2c9tn .acc-multiple article {
  border-bottom: 1px solid rgba(51,96,99,.08);
}
#pb-i1788819379196odp0fg2c9tn .acc-multiple article:last-child {
  border-bottom: none;
}

.acc-accordion .acc-multiple .faq h3 {
  font-size: 25px!important;
  color: red!important;
}
#pb-global-css-scope .page-builder-section[data-section-category="Acordeones"]
.accordion-module button h3{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  text-align:inherit!important;
  font-family:var(--pb-style-font-primary)!important;
  font-size: 25px!important;
  line-height:1.25!important;
}
.steps-intro  {
  width: 64%;
}
.steps-list p {
  width: 60%;
}
/* QIE Molecular · flecha junto al texto del botón "Hablar con un especialista" */
.cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cta-secondary svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
/* QIE Molecular · hover del botón "Hablar con un especialista", consistente con el resto del sitio */
.steps-actions a.cta-secondary {
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.steps-actions a.cta-secondary:hover {
  background: var(--color-dark) !important;
  border-color: var(--color-dark) !important;
  transform: translateY(-2px);
}
/* QIE Molecular · fondo --color-key en la sección "¿Listo para potenciar...?" */
#pb-global-css-scope .page-builder-section[data-section-category="Títulos"].page-builder-alt-color-on #TITLE-DEMO-03 {
  background: var(--color-key) !important;
}
/* QIE Molecular · botón "Hablar con un especialista" en --color-dark sobre fondo --color-key */
/* Se usa --secondary-color (#336063) y no --color-dark: en las secciones de color alternativo
   --color-dark se redefine a blanco y el botón quedaba blanco sobre blanco */
#TITLE-DEMO-03 .contact-btn {
  background: var(--secondary-color, #336063) !important;
  color: #FFFFFF !important;
}
#TITLE-DEMO-03 .contact-btn:hover {
  background: #FFFFFF !important;
  color: var(--secondary-color, #336063) !important;
}
/* QIE Molecular · padding vertical de la sección "¿Listo para potenciar...?" */
#TITLE-DEMO-03 .title-resource-inner {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.title-col-left-01-2 h2 {
  width: 80%!important;
}
.title-col-right-01-2 p {
  width: 70%!important;
  padding:0 0 20px 0!important;
}
/* QIE Molecular · móvil: el título largo ensanchaba la columna y cortaba texto y botón por la derecha */
@media (max-width: 900px) {
  #TITLE-DEMO-03 .title-grid-01-2 { grid-template-columns: minmax(0, 1fr); }
  .title-col-left-01-2 h2,
  .title-col-right-01-2 p { width: 100%!important; }
}
@media (max-width: 640px) {
  #TITLE-DEMO-03 .title-col-left-01-2 h2 { font-size: var(--type-h4)!important; overflow-wrap: break-word; }
}
/* QIE Molecular · móvil en páginas de marca y Contáctanos:
   - el título centrado (50%) y su párrafo (40%) pasan a ancho completo
   - la lista de líneas de producto pasa de 3 columnas a 1
   - los botones de cada producto se apilan para que no se parta el texto */
@media (max-width: 640px) {
  #TITLE-DEMO-10 h2,
  #TITLE-DEMO-10 p { width: 100%!important; max-width: 100%!important; }
  #TITLE-DEMO-10 h2 { font-size: var(--type-h4)!important; overflow-wrap: break-word; }
  #pb-global-css-scope .page-builder-section .additional-01-copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  #pb-global-css-scope .page-builder-section .additional-01-copy > div { padding: 0 !important; }
  #featured-grid .product-actions { flex-direction: column; }
  #featured-grid .product-actions .btn-info-sm,
  #featured-grid .product-actions .btn-quote-sm { width: 100%; white-space: nowrap; justify-content: center; text-align: center; }

  /* Nosotros: más aire entre métricas apiladas y título "Nuestro Equipo" a ancho completo */
  #pb-global-css-scope #trayectoria-stats-08 .tray-milestone-line { row-gap: calc(2 * var(--space-content)) !important; }
  #TITLE-DEMO-09 h2,
  #TITLE-DEMO-09 p { width: 100%!important; max-width: 100%!important; }
  #TITLE-DEMO-09 h2 { font-size: var(--type-h4)!important; }

  /* Título de la página de marca: cabe en una línea sin partirse por el guion */
  #TITLE-DEMO-01 h2 { font-size: var(--type-h3)!important; }

  /* Flechas del carrusel de productos: centradas debajo de la tarjeta, sin montarse en sus bordes */
  .featured-carousel-wrap { padding-bottom: 58px; }
  .featured-carousel-btn { top: auto; bottom: 0; transform: none; width: 40px; height: 40px; }
  .featured-carousel-btn:hover { transform: translateY(-2px); }
  .featured-carousel-prev { left: calc(50% - 46px); right: auto; }
  .featured-carousel-next { right: calc(50% - 46px); left: auto; }

  /* Cinta de logos: menos franja blanca arriba y abajo (el recurso trae 82px por lado) */
  #pb-global-css-scope #LOGO-DEMO-03 .logo-inner { padding-bottom: 24px !important; }
  /* En Inicio el aire superior ya está en 0 (regla propia más arriba); no se toca */
  #pb-global-css-scope .page-builder-section:not(#pb-i17887985917596qodc44dhlf) #LOGO-DEMO-03 .logo-inner { padding-top: 24px !important; }
  /* Cursor decorativo del constructor: en pantallas táctiles no se usa y dejaba una línea vacía */
  #customCursor, #boundedCursor, .cursor-trail { display: none !important; }
}
/* QIE Molecular · ícono junto al texto del botón en TITLE-DEMO-03 */
#TITLE-DEMO-03 .contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#TITLE-DEMO-03 .contact-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
/* QIE Molecular · quitar el margin del párrafo dentro de las cards de íconos */
#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card p {
  margin: 0 !important;
}
icon-card {
  display: flex!important;
  flex-direction: row!important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    text-align: left !important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-icon {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-content h3,
#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-content p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-content h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

#pb-i1788820090727va6fcbfzgrh #icon-cards-02 .icon-card-content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* QIE Molecular · reducir el espacio vertical (arriba y abajo) SOLO en las cards de íconos de Contáctanos
   (se ancla al id único del wrapper de esta página para no afectar el mismo bloque en Home u otras páginas) */
#pb-i1788820090727va6fcbfzgrh .icon-card {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  min-height: 150px !important;
}
/* QIE Molecular · (sin padding-bottom en icon-cards-section: ese elemento tiene fondo oscuro (--color-dark) de base,
   agregarle padding-bottom deja ver una franja oscura debajo de las cards) */
#pb-i1788820090727va6fcbfzgrh .icon-cards-inner {
  padding-top: 10px !important;
  padding-bottom: 40px !important;
}
/* QIE Molecular · achicar el alto de la card en layout horizontal */
/* QIE Molecular · achicar el alto de la card en layout horizontal */
#icon-cards-03 .icon-card {
  min-height: auto!important;
  padding: 24px!important;
}
/* QIE Molecular · reducir el espacio vertical de la sección completa */
#icon-cards-03.icon-cards-section {
  padding-top: 20px;
}
#icon-cards-03 .icon-cards-inner {
  padding: 10px 0 !important;
}
/* QIE Molecular · reducir el espacio vertical de la sección completa */
#icon-cards-03.icon-cards-section {
  padding-top: 20px;
}
#icon-cards-03 .icon-cards-inner {
  padding: 10px 0 !important;
}