/* Generated by scripts/build-critical-css.cjs. Edit the source files. */

/* Source: ensutex-ui-refinement-06oct.css */
/* Ensutex · refinamiento compartido de encuadre, jerarquía y controles (06-oct). */
html body:not(.mf):not(.rx) :is(.ensutex-site-nav, .guide-nav) :is(a, button),
html body:not(.mf):not(.rx) #mobileMenuBtn {
  font-family: var(--mk-body, 'Archivo', sans-serif) !important;
  font-kerning: normal;
}

html body:not(.mf):not(.rx) :is(.ensutex-nav-cta:not(.hidden), .guide-nav__cta:not(.hidden)) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  text-align: center !important;
  line-height: 1.2 !important;
}
html body:not(.mf):not(.rx) #mobileMenuBtn {
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}

html body:not(.mf):not(.rx) main :is(a, button):not(.hidden):is(
  [class*="button--primary"], [class*="btn--primary"], [class*="cta--primary"],
  [class*="button--secondary"], [class*="btn--secondary"], [class*="cta--secondary"],
  .ens-cta-primary, .ens-motion-button, .gx-button, .gd-button
),
html body:not(.mf):not(.rx) :is(#qc-review, .qc-review) {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center !important;
  gap: .55rem;
  min-height: 44px;
  max-width: 100%;
  font-family: var(--mk-body, 'Archivo', sans-serif) !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-wrap: balance;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

html body:not(.mf):not(.rx) .qc-payment-summary {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--mk-line, #e7e4e0);
  border-radius: 14px;
  background: #f7f6f4;
  color: var(--mk-ink, #151413);
  font: 500 13px/1.4 var(--mk-body, 'Archivo', sans-serif);
}
html body:not(.mf):not(.rx) .qc-payment-summary__title { font-size: 14px; font-weight: 700; }
html body:not(.mf):not(.rx) .qc-payment-summary__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 5px;
  border-top: 1px solid #e7e4e0;
}
html body:not(.mf):not(.rx) .qc-payment-summary__row > :last-child { text-align: right; font-variant-numeric: tabular-nums; }
html body:not(.mf):not(.rx) .qc-payment-summary p { margin: -4px 0 4px; color: #5e5a56; font-size: 12px; line-height: 1.4; }

html body:not(.mf):not(.rx) main :is(a, button):not(.hidden):is(
  [class*="button--primary"], [class*="btn--primary"], [class*="cta--primary"],
  [class*="button--secondary"], [class*="btn--secondary"], [class*="cta--secondary"],
  .ens-cta-primary, .ens-motion-button, .gx-button, .gd-button
) > :is(svg, span[aria-hidden="true"]) { flex: 0 0 auto; }

html body:not(.mf):not(.rx) :is(.ensutex-nav-cta, .guide-nav__cta, #mobileMenuBtn):focus-visible,
html body:not(.mf):not(.rx) main :is(a, button):not(.hidden):is(
  [class*="button--primary"], [class*="btn--primary"], [class*="cta--primary"],
  [class*="button--secondary"], [class*="btn--secondary"], [class*="cta--secondary"],
  .ens-cta-primary, .ens-motion-button, .gx-button, .gd-button
):focus-visible,
html body:not(.mf):not(.rx) :is(#qc-review, .qc-review):focus-visible {
  outline: 3px solid #ef777d;
  outline-offset: 3px;
}
html body:not(.mf):not(.rx) main .ens-gallery__offer a,
html body:not(.mf):not(.rx) #catalogo [data-product-btn] {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 44px;
  max-width: 100%;
  text-align: center !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
  line-height: 1.2 !important;
}

@media (max-width: 767px) {
  html body:not(.mf):not(.rx) .qc-payment-summary { padding: 11px 12px; font-size: 12.5px; }
  html body.ensutex-home:not(.mf):not(.rx) .ensutex-site-nav.ens-home-nav {
    background: rgba(244, 243, 241, .94) !important;
    -webkit-backdrop-filter: saturate(1.4) blur(14px) !important;
    backdrop-filter: saturate(1.4) blur(14px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .06) !important;
  }
  html body.ensutex-home:not(.mf):not(.rx) .ensutex-site-nav.ens-home-nav #mobileMenuBtn {
    color: var(--mk-ink, #151413) !important;
    background: #fff !important;
    border: 1px solid var(--mk-line, #e7e4e0) !important;
  }
  html body.ensutex-home:not(.mf):not(.rx) .ensutex-site-nav.ens-home-nav #mobileMenuBtn .hamburger-bars span {
    background: var(--mk-ink, #151413) !important;
  }
}

/* ---------------------------------------------------------------------------
   06-oct (tarde) · Escala única de botones y chips en todo el sitio.
   Carlitos: «estoy viendo los tamaños de los copys dentro de los botones y están raros, como
   descentrados». Medido: los botones del hero en escritorio iban a 12,5 px, los de cada producto
   a 12,8 px y las pestañas de la guía de diseño a 11 px. Regla: acción = 16 px (15 px en celular),
   600, alto mínimo 48 px, texto y flecha centrados con flex y 10 px entre ambos. Chips y pestañas
   = 14 px. Nada de subrayado dentro de un botón.
   --------------------------------------------------------------------------- */
html body:not(.mf):not(.rx) main :is(a, button):not(.hidden):is(
  [class*="button--primary"], [class*="btn--primary"], [class*="cta--primary"],
  [class*="button--secondary"], [class*="btn--secondary"], [class*="cta--secondary"],
  .ens-cta-primary, .ens-motion-button, .ens-motion-link, .gx-button, .gd-button, .guide-button, .btn-cat
),
html body:not(.mf):not(.rx) main .ens-gallery__offer a,
html body:not(.mf):not(.rx) #catalogo [data-product-btn] {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-inline: 24px !important;
  font-family: var(--mk-body, 'Archivo', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-align: center !important;
}
html body:not(.mf):not(.rx) main :is(a, button):is(.ens-cta-primary, .ens-motion-button, .ens-motion-link, .gd-button, .guide-button, .btn-cat, [data-product-btn]) :is(span, strong) {
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}
html body:not(.mf):not(.rx) main :is(a, button):is(.ens-cta-primary, .ens-motion-button, .ens-motion-link, .gd-button, .guide-button, .btn-cat, [data-product-btn]) > span[aria-hidden="true"] {
  display: inline-block;
  transform: translateY(-.04em);
}
@media (max-width: 767px) {
  html body:not(.mf):not(.rx) main :is(a, button):not(.hidden):is(
    [class*="button--primary"], [class*="btn--primary"], [class*="cta--primary"],
    [class*="button--secondary"], [class*="btn--secondary"], [class*="cta--secondary"],
    .ens-cta-primary, .ens-motion-button, .ens-motion-link, .gx-button, .gd-button, .guide-button, .btn-cat
  ),
  html body:not(.mf):not(.rx) main .ens-gallery__offer a,
  html body:not(.mf):not(.rx) #catalogo [data-product-btn] {
    font-size: 15px !important;
    padding-inline: 20px !important;
  }
}

/* Chips, filtros y pestañas: 14 px, centrados. */
html body:not(.mf):not(.rx) :is(.cat-tab, .catalog-category-filter) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 8px;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
html body:not(.mf):not(.rx) :is(.cat-tab, .catalog-category-filter) > :is(span, small, b, em):last-child:not(:first-child) { font-size: 12px !important; }
html body:not(.mf):not(.rx) :is(.cat-tab, .catalog-category-filter) .cat-tab__nombre { font-size: 14px !important; }
html body:not(.mf):not(.rx) :is(.cat-tab, .catalog-category-filter) .cat-tab__nombre span { font-size: inherit !important; }
html body:not(.mf):not(.rx) #mobileMenuBtn { font-size: 14px !important; font-weight: 600 !important; }
html body:not(.mf):not(.rx) .chatbot-cta-fixed.ens-chat-prompt { font-size: 14px !important; font-weight: 600 !important; }

/* Puertas del catálogo: el nombre manda, la nota acompaña. */
html body:not(.mf):not(.rx) .cat-puerta .cat-puerta__nombre { font-size: 16px !important; font-weight: 700 !important; line-height: 1.15 !important; }
html body:not(.mf):not(.rx) .cat-puerta .cat-puerta__nota { font-size: 13px !important; line-height: 1.3 !important; }

/* Resumen de pagos del cotizador: nada bajo 14 px en lo que se lee para decidir. */
html body:not(.mf):not(.rx) .qc-payment-summary { font-size: 14px !important; }
html body:not(.mf):not(.rx) .qc-payment-summary__title { font-size: 15px !important; }
html body:not(.mf):not(.rx) .qc-payment-summary p { font-size: 13px !important; }
html body:not(.mf):not(.rx) button[data-pack-btn] {
  min-height: 48px !important;
  gap: 8px !important;
  font-family: var(--mk-body, 'Archivo', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body:not(.mf):not(.rx) button[data-pack-btn] .btn-text { font-size: inherit !important; }
html body:not(.mf):not(.rx) .cat-puerta .cat-puerta__nota { font-size: 14px !important; }
html body:not(.mf):not(.rx) .faq-hub__anchors a { font-size: 15px !important; font-weight: 600 !important; }
html body:not(.mf):not(.rx) main section a.border-2.uppercase.text-xs { font-size: 13px !important; letter-spacing: .08em !important; }

/* Footer oscuro: la regla de «etiqueta en píldora blanca» de marca.css alcanzaba al lema del pie y lo pintaba
   como una franja blanca. En el pie el lema va sin píldora. Y bajo el pie, el espacio que se reserva para la
   barra fija de celular se pinta del mismo gris del pie (antes asomaba una franja clara). */
html body:not(.mf):not(.rx) footer.bg-zinc-900 > div > p.uppercase:is(.tracking-widest, .tracking-\[0\.3em\], .tracking-\[0\.22em\], .tracking-\[0\.25em\]) {
  background: transparent !important;
  color: #a1a1aa !important;
  -webkit-text-fill-color: #a1a1aa !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body:not(.mf):not(.rx) footer.bg-zinc-900 { box-shadow: 0 50vh 0 50vh rgb(24, 24, 27); }
/* Tres controles que reglas antiguas con ID dejaban en 12–13 px. */
html body:not(.mf):not(.rx) #mobileMenuBtn .mobile-menu-label { font-size: 14px !important; font-weight: 600 !important; }
html body:not(.mf):not(.rx) :is(#packs, #promociones, #catalogo) button[data-pack-btn],
html body:not(.mf):not(.rx) #cat-grid [data-product-btn] { font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body:not(.mf):not(.rx) .faq-hub__summary a { font-size: 15px !important; font-weight: 600 !important; }
/* Bajo cada pie oscuro, el espacio reservado para la barra fija del celular se pinta del color del pie. */
html body:not(.mf):not(.rx) footer.bg-zinc-950 { box-shadow: 0 50vh 0 50vh rgb(11, 10, 9); }
html body:not(.mf):not(.rx) footer.gx-pie { box-shadow: 0 50vh 0 50vh rgb(20, 19, 18); }
html body:not(.mf):not(.rx) footer.guide-footer { box-shadow: 0 50vh 0 50vh rgb(7, 6, 6); }
html body:not(.mf):not(.rx) footer.bg-black { box-shadow: 0 50vh 0 50vh #000; }

/* ---------------------------------------------------------------------------
   06-oct · Footer único (antes había 8 diseños distintos en 21 páginas).
   Marca + redes a la izquierda; 4 columnas (Comprar · Guías · Por producto · Ensutex). En celular: marca
   centrada y columnas en 2×2. «Nuestras marcas» solo en el inicio (sin fuga desde el resto del sitio).
   --------------------------------------------------------------------------- */
html body:not(.mf):not(.rx) footer.ens-pie {
  position: relative;
  margin: 0;
  padding: 56px 24px 28px;
  background: #0b0a09 !important;
  color: #a8a29e;
  border-top: 1px solid #262321;
  box-shadow: 0 50vh 0 50vh #0b0a09;
  font-family: var(--mk-body, 'Archivo', sans-serif);
  text-align: left;
}
html body:not(.mf):not(.rx) .ens-pie__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 3fr;
  gap: 32px 48px;
}
html body:not(.mf):not(.rx) .ens-pie__marca { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
html body:not(.mf):not(.rx) .ens-pie__logo { display: block; height: 52px; width: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; }
html body:not(.mf):not(.rx) .ens-pie__lema { margin: 0; color: #a8a29e !important; background: none !important; -webkit-text-fill-color: currentColor !important; font: 500 14px/1.4 var(--mk-body, 'Archivo', sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important; }
html body:not(.mf):not(.rx) .ens-pie__redes { display: flex; gap: 10px; }
html body:not(.mf):not(.rx) .ens-pie__redes a {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border: 1px solid #3a3633; border-radius: 999px; color: #e7e5e4 !important; transition: background-color .2s, border-color .2s;
}
html body:not(.mf):not(.rx) .ens-pie__redes a:hover { background: #E20613; border-color: #E20613; color: #fff !important; }
html body:not(.mf):not(.rx) .ens-pie__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 32px; }
html body:not(.mf):not(.rx) .ens-pie__cols > div { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
html body:not(.mf):not(.rx) .ens-pie__titulo {
  margin: 0 0 8px; color: #fff !important; background: none !important; -webkit-text-fill-color: currentColor !important;
  font: 700 12px/1.2 var(--mk-body, 'Archivo', sans-serif) !important; letter-spacing: .1em !important; text-transform: uppercase !important;
}
html body:not(.mf):not(.rx) .ens-pie__cols a {
  display: inline-flex; align-items: center; min-height: 36px; color: #d6d3d1 !important; text-decoration: none;
  font: 400 15px/1.3 var(--mk-body, 'Archivo', sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html body:not(.mf):not(.rx) .ens-pie__cols a:hover { color: #fff !important; text-decoration: underline; text-underline-offset: 4px; }
html body:not(.mf):not(.rx) .ens-pie :is(a, button):focus-visible { outline: 3px solid #ef777d; outline-offset: 3px; border-radius: 6px; }
html body:not(.mf):not(.rx) .ens-pie__marcas,
html body:not(.mf):not(.rx) .ens-pie__legal {
  grid-column: 1 / -1; margin: 0; padding-top: 18px; border-top: 1px solid #262321;
  color: #8a8480 !important; background: none !important; -webkit-text-fill-color: currentColor !important;
  font: 400 13px/1.5 var(--mk-body, 'Archivo', sans-serif) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html body:not(.mf):not(.rx) .ens-pie__marcas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; }
html body:not(.mf):not(.rx) .ens-pie__marcas a { color: #d6d3d1 !important; font-weight: 600; text-decoration: none; min-height: 36px; display: inline-flex; align-items: center; }
html body:not(.mf):not(.rx) .ens-pie__marcas + .ens-pie__legal { border-top: 0; padding-top: 0; }
@media (max-width: 899px) {
  html body:not(.mf):not(.rx) footer.ens-pie { padding: 44px 20px 24px; }
  html body:not(.mf):not(.rx) .ens-pie__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  html body:not(.mf):not(.rx) .ens-pie__marca { align-items: center; text-align: center; }
  html body:not(.mf):not(.rx) .ens-pie__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
  html body:not(.mf):not(.rx) .ens-pie__legal { text-align: center; }
  html body:not(.mf):not(.rx) .ens-pie__marcas { justify-content: center; }
}
html body:not(.mf):not(.rx) .ens-pie__cols a, html body:not(.mf):not(.rx) .ens-pie__marcas a { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }


/* Source: catalogo-06oct.css */
/* ===========================================================================
   catalogo-06oct.css — encuadre final del catálogo (06-oct-2026, tarde)
   · Héroe: la caja del giro reservaba el 28 % de abajo para el short que el recorte esconde; en celular eso dejaba
     una franja negra vacía bajo la polera y en escritorio subía la polera respecto del copy. Se descuenta ese
     tramo con un margen negativo (la parte recortada es transparente).
   · Encabezado del carrusel: la etiqueta «13 modelos disponibles» se partía en dos renglones y el título quedaba
     corrido a la derecha. Un solo eje izquierdo; flechas a la derecha.
   =========================================================================== */
html body #catalogo-hero.cat-heroe .catalog-page-hero__media { margin-bottom: calc(var(--giro-alto) * -.27) !important; }
/* El modificador histórico --claro recuperaba gris + texto oscuro después del giro.
   Esta ruta usa la escena negra acordada: mismo negro para todo el lienzo y copy blanco. */
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro {
  background: #000 !important;
  color: #fff !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__layout {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(20px, 2.2vw, 32px) !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__copy {
  flex: 0 1 520px !important;
  max-width: 520px !important;
  color: #fff !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__copy h1,
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__copy > p {
  color: #fff !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__media {
  flex: 0 1 440px !important;
  min-width: 0 !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .cat-puerta:not(.cat-puerta--principal) {
  color: #111 !important;
  border-color: #fff !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .cat-puerta:not(.cat-puerta--principal) :is(.cat-puerta__nombre, .cat-puerta__nota, .cat-puerta__flecha) {
  color: #171615 !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .cat-puerta__nota {
  color: #5e5a56 !important;
}
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .cat-puerta--principal .cat-puerta__nota { color: #fff !important; }
html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .cat-puerta:not(.cat-puerta--principal):hover {
  border-color: #e20613 !important;
  background: #fff !important;
}
@media (max-width: 1023px) {
  html body #catalogo-hero.cat-heroe.catalog-page-hero { padding-bottom: 20px !important; }
  html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__layout {
    flex-direction: column !important;
    gap: 12px !important;
  }
  html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__copy,
  html body[data-ens-page="catalog"] #catalogo-hero.cat-heroe.catalog-page-hero--claro .catalog-page-hero__media {
    flex: none !important;
    width: 100% !important;
    max-width: 520px !important;
  }
}

html body #catalogo .catalog-category-lane__heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  text-align: left !important;
}
/* Overrides the older dark-scene paper texture on the live price list.
   The product cards contain their own black/white surfaces; the page itself stays pure white. */
html body:not(.mf):not(.rx)[data-ens-page="catalog"] main > #catalogo.ens-catalog-carousel-section {
  background: #fff !important;
  background-image: none !important;
}
html body:not(.mf):not(.rx)[data-ens-page="catalog"] { background: #fff !important; }
html body #catalogo .catalog-category-lane__heading > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
html body #catalogo .catalog-category-lane__number {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  white-space: nowrap;
  color: var(--mk-rojo-texto, #B8000E) !important;
  font: 700 12px/1.2 var(--mk-body, 'Archivo', sans-serif) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
}
html body #catalogo .catalog-category-lane__heading h3 {
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.05 !important;
}
html body #catalogo .catalog-category-lane__heading h3::before { content: none !important; }
html body #catalogo .catalog-category-lane__heading p {
  max-width: 40ch !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  color: var(--mk-ink-2, #5E5A56) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
html body #catalogo .catalog-category-lane__controls { flex: none; display: flex; gap: 8px; }
html body #catalogo .catalog-category-lane__controls button {
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1;
}

/* La etiqueta «Packs» va centrada sobre su título, no corrida a la izquierda. */
html body #packs-titulo { text-align: center !important; }
html body #packs-titulo .seo-tema { display: flex !important; width: fit-content !important; margin: 0 auto 16px !important; }
/* Cabecera de las tablas de precio: «8 o más» y «1 a 7» en un renglón. */
html body #catalogo .catalog-price-matrix__head span { white-space: nowrap; }

/* El total y los hitos se leen en blanco, sin una lámina gris bajo cada fila.
   Conserva contraste, pero quita el bloque gris que hacía pesado el panel. */
html body[data-ens-page="catalog"] .cotiza-panel .quote-fabric-auto,
html body[data-ens-page="catalog"] .cotiza-panel .camino-minimo,
html body[data-ens-page="catalog"] .cotiza-panel .qc-payment-summary {
  background: #fff !important;
  border: 1px solid #e7e4e0 !important;
}

/* ---------- Cotizador: pie fijo compacto en celular (06-oct) ----------
   En celular el pie (total + diferencia + plazo + abono/saldo + botón) medía ~270 px y dejaba ~300 px para elegir
   tela, tallas o datos. El resumen compacto solo pertenece al celular: en escritorio usa el resumen de dos
   columnas del diseño base para que la lista conserve altura visible. */
@media (max-width: 767px) {
html body .cotiza-panel .camino-ensutex__nav .quote-payment-summary {
  order: -1;
  flex: 1 1 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  width: 100%;
  margin: -4px 0 2px;
}
html body .cotiza-panel .quote-payment-summary .qps-fila {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  color: #151413;
  font: 600 13px/1.35 var(--mk-body, 'Archivo', sans-serif) !important;
}
html body .cotiza-panel .quote-payment-summary .qps-fila em { font-style: normal; font-weight: 400; color: #6a6560; }
html body .cotiza-panel .quote-payment-summary .qps-fila strong {
  flex: none;
  font-size: 14px !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
html body .cotiza-panel .quote-payment-summary .qps-plazo {
  display: block !important;
  margin: 1px 0 0;
  color: #6a6560;
  font: 400 13px/1.35 var(--mk-body, 'Archivo', sans-serif) !important;
}
html body .cotiza-panel .quote-payment-summary .qps-plazo strong { color: #151413; font-weight: 600; font-size: 13px !important; }
html body .cotiza-panel .camino-ensutex__nav .quote-total span { font-size: 13px; }
  html body .cotiza-panel .camino-ensutex__nav { padding-top: 10px !important; gap: 6px 8px !important; }
  html body .cotiza-panel .camino-ensutex__nav .quote-total strong { font-size: 21px !important; }
  html body .cotiza-panel .camino-ensutex__nav :is([data-path-next], [data-path-submit]) { min-height: 48px !important; font-size: 15px !important; }
}
/* Celulares bajos: la cabecera de la hoja cede aire (la bajada se repite en las pestañas).
   El alto de 96dvh deja visible la selección de tela completa antes del resumen fijo. */
@media (max-width: 767px) and (max-height: 720px) {
  html body .cotiza-panel__cabeza { padding-top: 6px !important; padding-bottom: 8px !important; }
  html body .cotiza-panel__titulo { font-size: 1.45rem !important; line-height: 1 !important; }
  html body .cotiza-panel .cotiza-panel__bajada { display: none !important; }
  html body .cotiza-panel .b-path__tabs { margin-bottom: 10px !important; }
  html body .cotiza-panel .b-path__tab { min-height: 40px; padding-block: 5px !important; }
  html body #contacto.cotiza-panel { max-height: 96dvh !important; }
}

/* ---------- Filtros del catálogo en celular (06-oct) ----------
   Carlitos: «esta parte en mobile sobre todo ocupa mucho largo». Los 7 filtros se apilaban en 5 renglones.
   Ahora: «Todos los productos» a todo el ancho y las 6 categorías en 2 filas de 3. Ninguna se esconde. */
html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab__corto { display: none; }
@media (max-width: 767px) {
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
  }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab:first-child { grid-column: 1 / -1; }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    gap: 6px !important;
    border-radius: 12px !important;
    justify-content: center !important;
    white-space: nowrap;
  }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab__nombre { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab__largo { display: none; }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab__corto { display: inline; }
}
@media (max-width: 767px) {
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab:not(:first-child) .cat-tab__n { display: none !important; }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab :is(.cat-tab__nombre, .cat-tab__corto) { white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; }
  html body:not(.mf):not(.rx)[data-ens-page="catalog"] #catalogo .catalog-toolbar__filters #cat-tabs.cat-tabs-row .cat-tab { padding-inline: 4px !important; }
}
/* Mínimo 12 px en etiquetas (E02): cabecera de la tabla de precios y nota de tela Gimnastic. */
html body #catalogo .catalog-price-matrix__head span { font-size: 12px !important; font-weight: 700 !important; }
html body #catalogo .catalog-price-matrix__variant { font-size: 13px !important; line-height: 1.35 !important; }

/* Comparador compacto por tela, dentro de cada ficha de polerón/buzo. */
html body[data-ens-page="catalog"] #catalogo .catalog-price-switch {
  min-width: 0;
  padding: 10px 11px 9px;
  border: 1px solid #e7e3df;
  border-radius: 14px;
  background: #faf8f7;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 3px;
  color: #171514;
  font: 700 13px/1.25 var(--mk-body, "Archivo", sans-serif);
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__heading small {
  color: #6a6560;
  font-size: 10px;
  font-weight: 600;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__heading small {
  max-width: 58%;
  padding: 4px 7px;
  border-radius: 999px;
  background: #fff0f1;
  color: #ad0711;
  font-size: 10px;
  line-height: 1.15;
  text-align: center;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__toggle {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
  padding: 6px 10px;
  border: 1px solid #b8b2ad;
  border-radius: 999px;
  background: #fff;
  color: #35312e;
  font: 700 11px/1.2 var(--mk-body, "Archivo", sans-serif);
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__toggle:hover,
html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__toggle:focus-visible {
  border-color: #e20613;
  color: #b3050f;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__toggle:focus-visible {
  outline: 3px solid rgba(226, 6, 19, .22);
  outline-offset: 2px;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__stage {
  perspective: 900px;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__inner {
  display: grid;
  transform-style: preserve-3d;
  transition: transform 420ms cubic-bezier(.2, .72, .2, 1);
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch.is-gimnastic .catalog-price-switch__inner {
  transform: rotateY(180deg);
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__face {
  grid-area: 1 / 1;
  min-width: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__face--gimnastic {
  transform: rotateY(180deg);
}

html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__face .catalog-price-matrix {
  margin-top: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__inner,
  html body[data-ens-page="catalog"] #catalogo .catalog-price-switch__toggle {
    transition-duration: 0s !important;
  }
}
/* Price rules: short framed explanations, with the same reading type scale. */
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-intro {
  display: grid !important; gap: 20px !important; margin-bottom: 28px; padding-bottom: 24px;
  border-bottom: 1px solid #e7e5e4;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-intro__lead {
  margin: 12px 0 0; font-family: Archivo, sans-serif; font-size: 14px !important;
  line-height: 1.5; color: #57534e;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
  text-align: left !important;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules article {
  min-width: 0; padding: 16px; border: 1px solid #e7e5e4;
  border-radius: 12px; background: #faf9f8;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules h3 {
  margin: 0 0 8px; font-family: Anton, sans-serif !important;
  font-size: 20px !important; line-height: 1.25 !important;
  font-weight: 400 !important; text-transform: uppercase !important;
  text-align: left !important; color: #171614;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules h3 span {
  color: #be0714; white-space: nowrap;
}
html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules p {
  margin: 0; font-family: Archivo, sans-serif !important; font-size: 14px !important;
  line-height: 1.5 !important; text-align: left !important; color: #57534e;
}
@media (max-width: 767px) {
  html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules {
    grid-template-columns: minmax(0, 1fr); gap: 8px;
  }
  html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules article {
    display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr);
    gap: 12px; align-items: start; padding: 12px;
  }
  html body[data-ens-page="catalog"] #catalogo .catalog-pricing-rules h3 {
    margin: 0; font-size: 18px !important;
  }
}


/* Source: ensutex-ux-correction-08oct.css */
/* Correcciones de encuadre revisadas en escritorio y móvil · 08-oct-2026. */

/* El detalle de pagos vive en Estimación, dentro del área que se desplaza.
   El pie reserva únicamente total y avance, dejando espacio para las telas. */
/* Titulos reales en Anton; etiquetas y acciones mantienen Archivo. */
html body:is([data-ens-page="guide-design"], [data-ens-page="guide-sizing"], [data-ens-page="faq"])
  #main-content#main-content :is(h1, h2, h3, h4, h5, h6, table caption),
html body[data-ens-page="faq"] #main-content .faq-hub__section details > summary {
  font-family: "Anton", sans-serif !important;
  font-weight: 400 !important;
}

/* Aire en la respuesta abierta, conservando la escala de lectura. */
html body[data-ens-page="faq"] #main-content .faq-hub__section details > summary {
  padding: 16px !important;
  line-height: 1.4 !important;
}

html body[data-ens-page="faq"] #main-content .faq-hub__section details > p {
  max-width: 72ch;
  margin: 0 !important;
  padding: 0 16px 20px !important;
  line-height: 1.6 !important;
}

html body[data-ens-page="faq"] #main-content .guide-heading > p,
html body[data-ens-page="guide-design"] #main-content#main-content :is(.gd-topic > p:last-child, .gd-terms__rows p, .gd-terms__note p, .gd-bases__lead) {
  line-height: 1.55 !important;
}

html body[data-ens-page="guide-design"] #main-content#main-content .gd-terms__rows h3 {
  margin-bottom: 10px !important;
}

/* Filas y notas de tallas con aire, manteniendo los datos publicados. */
html body[data-ens-page="guide-sizing"] #main-content#main-content :is(.gx-lead, .gx-regla-oro, .gx-tabla-nota, .gx-size-note) {
  line-height: 1.55 !important;
}

html body[data-ens-page="guide-sizing"] #main-content#main-content .gx-tabla :is(th, td) {
  padding: 10px 14px !important;
  line-height: 1.5 !important;
}

html body[data-ens-page="guide-sizing"] #main-content#main-content .gx-tabla tbody :is(th, td) {
  height: 44px !important;
}

html body #contacto .camino-tela__foto {
  display: block;
  width: 100%;
  height: clamp(100px, 15svh, 150px);
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 8px;
}

html body #contacto .quote-fabric-choice-note {
  display: block;
  margin-top: 6px;
  color: #625e5a;
  font-size: 14px;
  line-height: 1.4;
}

html body #contacto .camino-ensutex__title {
  font: 400 24px/1.15 var(--mk-display, "Anton", sans-serif) !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}

html body #contacto .quote-fabric-samples {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

html body #contacto .quote-fabric-samples > span { min-width: 0; }

html body #contacto [data-path-screen="tallas"] .quote-payment-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 20px 0 0 !important;
  padding: 16px;
  border: 1px solid #e7e4e0;
  border-radius: 14px;
  background: #faf8f7;
}

html body #contacto [data-path-screen="tallas"] .quote-payment-summary .qps-fila {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px;
  font-size: 14px !important;
  line-height: 1.45;
}

html body #contacto [data-path-screen="tallas"] .qps-fila em {
  display: block;
  font-style: normal;
  color: #625e5a;
}

html body #contacto [data-path-screen="tallas"] .qps-fila strong {
  font-size: 20px !important;
  color: #171514;
}

html body #contacto [data-path-screen="tallas"] .qps-plazo {
  display: block;
  grid-column: 1 / -1;
  font-size: 14px !important;
}

@media (max-width: 767px) {
  html body #contacto [data-path-screen="tallas"] .quote-payment-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Encadre del uniforme completo sin la franja negra de origen del video. */
html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage video {
  transform: scale(1.055);
  transform-origin: center;
}

@media (max-width: 899px) {
  html body[data-ens-page="faq"] .guide-media--portrait {
    width: min(100%, 256px) !important;
    justify-self: center;
  }
  html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage {
    aspect-ratio: 9 / 16;
  }
  html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage video {
    object-fit: contain;
  }
  html body[data-ens-page="guide-sizing"] .gx-hero__media {
    width: min(100%, 300px) !important;
    justify-self: center !important;
  }
}

/* Proceso: título alineado al eje de la imagen, escena con aire antes de entrar y
   todo el paso visible incluso en ventanas de escritorio bajas. El motor de scroll
   existente conserva el cambio sincronizado de imagen y copy en móvil. */
@media (min-width: 900px) {
  html body.ensutex-home:not(.mf):not(.rx) #proceso.proceso {
    margin-top: clamp(28px, 4svh, 48px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-escena {
    padding-inline: clamp(24px, 4vw, 64px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab {
    width: min(100%, 1280px);
    align-items: flex-start;
    margin: 0 auto clamp(8px, 1.2svh, 14px);
    text-align: left;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab .seo-tema {
    margin: 0 0 clamp(4px, .8svh, 8px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab h2 {
    max-width: 24ch !important;
    font-size: clamp(28px, min(3.2vw, 5.4svh), 44px) !important;
    line-height: 1.02 !important;
    text-align: left;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    --p-renglon: 42px;
    --p-subida: 8px;
    width: min(100%, 1280px);
    min-height: clamp(360px, 58svh, 520px);
    align-content: start;
    grid-template-rows: auto calc(4 * var(--p-renglon) + var(--p-subida)) auto auto auto minmax(0, 1fr);
    column-gap: clamp(28px, 4vw, 56px);
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-lamina {
    grid-row: 1 / -1;
    height: min(58svh, 520px) !important;
    min-height: 0;
    align-self: start;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-etiqueta {
    grid-row: 1;
    margin: 0 0 2px !important;
    font-size: 13px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-titulo {
    grid-row: 2;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-bajada {
    grid-row: 3;
    margin-bottom: clamp(4px, .8svh, 9px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos {
    grid-row: 4;
    gap: clamp(4px, .65svh, 8px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos li {
    font-size: clamp(15px, 1.25vw, 18px) !important;
    line-height: 1.3 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cta {
    grid-row: 5;
    margin-top: clamp(4px, .7svh, 8px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo::before {
    content: "";
    grid-column: 2;
    grid-row: 3 / 6;
    min-height: 0;
    border: 1px solid #e8e4e2;
    border-top: 3px solid #e20613;
    border-radius: 18px;
    background: #faf8f7;
    pointer-events: none;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-bajada {
    padding: 18px 24px 0;
    margin-inline: 0 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-puntos {
    padding-inline: 24px;
    margin-inline: 0 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-cta {
    margin-left: 24px !important;
    margin-bottom: 18px !important;
  }
}

/* Ventanas de escritorio muy bajas: conserva los cuatro pasos y el CTA dentro
   de la escena, reduciendo ritmo y tamaños de copy antes de permitir recortes. */
@media (min-width: 900px) and (max-height: 520px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    min-height: 0;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-lamina {
    height: min(58svh, 280px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-escena {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab {
    margin-bottom: 4px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab .seo-tema {
    margin-bottom: 2px !important;
    padding-block: 4px;
    font-size: 11px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab h2 {
    font-size: clamp(23px, 2vw, 28px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    --p-renglon: 28px;
    --p-subida: 6px;
    row-gap: 1px;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-titulo {
    font-size: clamp(22px, 1.8vw, 26px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-bajada {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 1.25;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos {
    gap: 3px;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos li {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cta {
    min-height: 36px;
    margin-top: 4px;
    padding-inline: 18px;
  }
}

/* Guías: texto y multimedia arrancan en el mismo eje. La altura del marco se
   adapta al formato real de cada video para no reservar un bloque vacío. */
@media (min-width: 900px) {
  html body[data-ens-page="guide-design"] main[data-guia="diseno"] .gd-intro {
    align-items: start !important;
    width: min(1080px, calc(100% - 96px)) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: clamp(24px, 2.6vw, 36px) !important;
    padding-top: clamp(28px, 4svh, 48px) !important;
  }

  html body[data-ens-page="guide-design"] .gd-intro__copy,
  html body[data-ens-page="guide-sizing"] .gx-hero__texto,
  html body[data-ens-page="faq"] .faq-hub__hero-grid > :first-child {
    align-self: start !important;
    margin-top: 0 !important;
  }

  html body[data-ens-page="guide-design"] .guide-media--design {
    align-self: start !important;
    justify-self: start !important;
    width: min(100%, 360px) !important;
  }

  html body[data-ens-page="guide-design"] .guide-media--design .guide-media__stage {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 3 / 4;
  }

  html body[data-ens-page="guide-sizing"] #main-content#main-content[data-guia="tallaje"] .gx-hero {
    align-items: start !important;
    width: min(1040px, calc(100% - 96px)) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: clamp(24px, 2.6vw, 36px) !important;
    padding-top: clamp(28px, 4svh, 48px) !important;
  }

  html body[data-ens-page="guide-sizing"] .gx-hero__media {
    align-self: start !important;
    justify-self: start !important;
    width: min(100%, 380px) !important;
  }

  html body[data-ens-page="guide-sizing"] .gx-hero__media .guide-media__stage {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  html body[data-ens-page="faq"] .faq-hub__hero {
    padding-top: clamp(6rem, 7vw, 7rem);
  }

  html body[data-ens-page="faq"] .faq-hub__hero-grid {
    align-items: start !important;
    width: min(1040px, calc(100% - 96px)) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(24px, 2.6vw, 36px) !important;
  }

  html body[data-ens-page="faq"] .guide-media--portrait {
    align-self: start !important;
    justify-self: start !important;
    width: min(100%, 270px) !important;
  }

  html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage {
    width: 100%;
    max-height: none;
    aspect-ratio: 9 / 16;
  }

  html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage video {
    object-fit: contain;
  }

  /* El copy corto de diseño y tallas ocupa la columna hasta el CTA/dato útil.
     Así la altura visual de ambas columnas acompaña el marco de video. */
  html body[data-ens-page="guide-design"] .gd-intro__note,
  html body[data-ens-page="guide-sizing"] .gx-hero__note {
    box-sizing: border-box;
    max-width: 48ch;
    margin: clamp(14px, 1.6svh, 18px) 0 0;
    padding: 12px 16px;
    border-left: 3px solid #e20613;
    border-radius: 0 12px 12px 0;
    background: #f7f4f2;
    color: #514c49;
    font: 500 15px/1.4 var(--mk-body, "Archivo", sans-serif);
  }

  html body[data-ens-page="guide-design"] .gd-intro__note strong,
  html body[data-ens-page="guide-sizing"] .gx-hero__note strong {
    color: #171514;
    font-weight: 700;
  }

  html body[data-ens-page="guide-design"] .gd-intro__actions {
    margin-top: clamp(10px, 1.2svh, 14px);
  }
}

@media (max-width: 899px) {
  /* En móvil las columnas pasan a una secuencia natural y no reservan huecos;
     los mismos datos y acciones ya están en las secciones inmediatas de la guía. */
  html body[data-ens-page="guide-design"] .gd-intro__note,
  html body[data-ens-page="guide-design"] .gd-intro__actions,
  html body[data-ens-page="guide-sizing"] .gx-hero__note {
    display: none !important;
  }
}

/* El resumen persistente no pertenece a los héroes de consulta. Su estado y la
   selección guardada siguen intactos; se retira solo de estas páginas. */
html body:is([data-ens-page="guide-design"], [data-ens-page="guide-sizing"], [data-ens-page="faq"]) .ens-journey-strip {
  display: none !important;
}

/* En diseño, las opciones pertenecen a la muestra. Superponerlas al marco y
   mantener el pie accesible elimina dos filas vacías sin achicar la prenda. */
html body[data-ens-page="guide-design"] .guide-media--design {
  position: relative;
}

html body[data-ens-page="guide-design"] .guide-media--design .guide-media__choices {
  position: relative;
  margin-bottom: 10px;
}

html body[data-ens-page="guide-design"] .guide-media--design #gd-media-caption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* Cotizador de escritorio: ventana amplia con pie de altura acotada. Solo la
   pantalla activa del flujo scrollea; el pie y el avance quedan siempre visibles. */
@media (min-width: 768px) {
  html body #contacto.cotiza-panel {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: min(960px, calc(100vw - 48px)) !important;
    height: min(760px, calc(100dvh - 40px)) !important;
    max-height: calc(100dvh - 40px) !important;
    border-radius: 22px !important;
    translate: -50% 104%;
  }

  html body #contacto.cotiza-panel.is-open {
    translate: -50% -50%;
  }

  html body #contacto.cotiza-panel .cotiza-panel__cuerpo {
    padding: 16px 28px 0;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav {
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 12px 28px 18px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary {
    order: 0;
    flex: 1 1 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 20px !important;
    width: 100%;
    margin: 0 !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-fila {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 6px 12px;
    min-width: 0;
    font-size: 14px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-fila strong {
    white-space: nowrap;
    font-size: 15px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-plazo {
    grid-column: 1 / -1;
    margin-top: 0;
    font-size: 14px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-plazo strong {
    font-size: 14px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-total span {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  html body #contacto.cotiza-panel {
    max-height: 96dvh;
  }
}

/* En desktop, las copias de los pasos inactivos no deben definir la altura de
   las filas del paso visible. Los cuatro títulos siguen a la vista; solo el
   contenido activo participa en el cálculo vertical. */
@media (min-width: 900px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso
    .proceso-paso:not([data-estado="activo"])
    :is(.proceso-etiqueta, .proceso-bajada, .proceso-resumen-movil, .proceso-puntos, .proceso-cta) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    pointer-events: none;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso
    .proceso-paso[data-estado="activo"]
    :is(.proceso-etiqueta, .proceso-bajada, .proceso-resumen-movil, .proceso-puntos, .proceso-cta) {
    position: relative;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    pointer-events: auto;
  }
}

/* Escritorios bajos: compacta títulos y copy antes de que el CTA salga de la
   escena. La prenda conserva un marco visible y el paso activo mantiene todo
   su contenido. */
@media (min-width: 900px) and (max-height: 640px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-escena {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab {
    margin-bottom: 4px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab .seo-tema {
    margin-bottom: 1px !important;
    padding-block: 4px;
    font-size: 11px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab h2 {
    font-size: clamp(23px, 2vw, 28px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    min-height: 0;
    --p-renglon: 26px;
    --p-subida: 6px;
    row-gap: 0;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-lamina {
    height: min(58svh, 330px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-titulo {
    font-size: clamp(19px, 1.55vw, 23px) !important;
    line-height: 1 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-bajada {
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos {
    gap: 3px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-puntos li {
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cta {
    min-height: 36px !important;
    margin-top: 4px !important;
    padding-inline: 18px !important;
  }
}

/* En tablet angosta la estimación vuelve a una columna: cada importe conserva
   su línea junto al texto y el pie no consume el alto de la lista de productos. */
@media (min-width: 768px) and (max-width: 959px) {
  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }
}

/* La regla global del proceso usa un selector más específico. En ventanas
   cortas se compactan también sus márgenes y las filas del paso activo para
   que el CTA no quede debajo del borde visible. */
@media (min-width: 900px) and (max-height: 640px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-cuerpo {
    --p-renglon: 22px;
    --p-subida: 4px;
    row-gap: 0 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-titulo {
    font-size: clamp(19px, 1.55vw, 23px) !important;
    line-height: 1 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-bajada {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-puntos {
    gap: 3px !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-puntos li {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso.proceso .proceso-cta {
    min-height: 36px !important;
    margin-top: 4px !important;
    padding-inline: 18px !important;
  }
}

/* Ventanas bajas: recupera área de selección reduciendo el marco y el pie sin
   convertir el resumen en una capa que tape los productos. */
@media (min-width: 768px) and (max-height: 650px) {
  html body #contacto.cotiza-panel {
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
  }

  html body #contacto.cotiza-panel .cotiza-panel__cuerpo {
    padding: 8px 16px 0;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav {
    gap: 6px 10px;
    padding: 8px 16px 10px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary {
    gap: 3px 12px !important;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-fila {
    font-size: 12px !important;
    line-height: 1.2;
  }

  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-fila strong,
  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-plazo,
  html body #contacto.cotiza-panel .camino-ensutex__nav .quote-payment-summary .qps-plazo strong {
    font-size: 12px !important;
  }
}

/* Diseño y pagos: una lámina de alto contraste con la secuencia completa. */
html body[data-ens-page="guide-design"] #main-content .gd-terms__note {
  box-sizing: border-box;
  display: grid;
  gap: 10px;
  margin-top: clamp(20px, 3vw, 32px) !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
  border: 1px solid #242220 !important;
  border-left: 5px solid #e20613 !important;
  border-radius: 18px !important;
  background: #151413 !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(15, 14, 13, .12);
}

html body[data-ens-page="guide-design"] #main-content .gd-terms__note p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font: 500 clamp(15px, 1.25vw, 18px)/1.55 var(--mk-body, "Archivo", sans-serif) !important;
}

html body[data-ens-page="guide-design"] #main-content .gd-terms__note strong {
  color: #fff !important;
  font-weight: 800 !important;
}

/* Desktop: el paso activo contiene su copia en una tarjeta que mide el texto.
   La imagen llena la columna y los bullets quedan centrados sin recortarse. */
@media (min-width: 900px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    --p-renglon: clamp(42px, 5svh, 48px);
    --p-subida: 14px;
    min-height: clamp(500px, 60svh, 560px) !important;
    grid-template-rows: auto calc(4 * var(--p-renglon) + var(--p-subida) + clamp(18px, 2.2svh, 26px)) minmax(min-content, 1fr) !important;
    align-content: stretch !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab {
    margin-bottom: clamp(18px, 2.2svh, 26px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab .seo-tema {
    margin-bottom: clamp(9px, 1.3svh, 14px) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cab h2 {
    font-size: clamp(34px, 3.1vw, 46px) !important;
    line-height: 1.08 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-titulo {
    font-size: clamp(30px, 2.8vw, 42px) !important;
    line-height: 1.04 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo::before {
    content: none !important;
    display: none !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle {
    box-sizing: border-box;
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    min-width: 0;
    min-height: min-content;
    align-content: center;
    justify-items: center;
    gap: clamp(8px, 1.1svh, 12px);
    padding: clamp(20px, 2.3vw, 32px);
    border: 1px solid #e8e4e2;
    border-top: 3px solid #e20613;
    border-radius: 20px;
    background: #faf8f7;
    text-align: center;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-paso:not([data-estado="activo"]) .proceso-detalle {
    visibility: hidden;
    pointer-events: none;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-paso[data-estado="activo"] .proceso-detalle {
    visibility: visible;
    pointer-events: auto;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle > .proceso-bajada {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: 40ch;
    margin: 0 !important;
    font-size: clamp(20px, 1.55vw, 23px) !important;
    line-height: 1.35 !important;
    text-align: center;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle > .proceso-puntos {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: min(100%, 43ch);
    margin: 0;
    text-align: left;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle > .proceso-puntos li {
    font-size: clamp(16px, 1.22vw, 18px) !important;
    line-height: 1.42 !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle > .proceso-cta {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: center;
    margin: 4px 0 0 !important;
  }
}

@media (min-width: 900px) and (max-height: 699px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-cuerpo {
    min-height: 0 !important;
    --p-renglon: clamp(26px, 4.2svh, 34px);
    --p-subida: 6px;
    grid-template-rows: auto calc(4 * var(--p-renglon) + var(--p-subida)) minmax(min-content, 1fr) !important;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle {
    gap: 6px;
    padding: 14px 18px;
  }

  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-titulo {
    font-size: clamp(23px, 2.15vw, 31px) !important;
  }
}

@media (max-width: 899px) {
  html.proceso-js body.ensutex-home:not(.mf):not(.rx) #proceso .proceso-detalle {
    display: contents !important;
  }
}

/* El video FAQ conserva el cuadro completo en una tarjeta más compacta. */
@media (min-width: 900px) {
  html body[data-ens-page="faq"] .faq-hub__hero-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .72fr) !important;
    align-items: center !important;
  }

  html body[data-ens-page="faq"] .guide-media--portrait {
    width: min(100%, 330px) !important;
    justify-self: center !important;
  }
}

html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage {
  aspect-ratio: 9 / 13 !important;
  max-height: none !important;
}

html body[data-ens-page="faq"] .guide-media--portrait .guide-media__stage video {
  transform: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 899px) {
  html body[data-ens-page="faq"] .guide-media--portrait {
    width: min(100%, 240px) !important;
    justify-self: center !important;
  }
}

/* La pasada incluida queda destacada y explica que todos los ajustes se agrupan en ella. */
html body[data-ens-page="guide-design"] #main-content .gd-terms__pass {
  display: grid;
  justify-items: start;
  gap: 8px;
  margin: 10px 0 12px;
  padding: 13px 14px;
  border: 1px solid #f0d1d2;
  border-left: 4px solid #e20613;
  border-radius: 12px;
  background: #fff5f5;
}
html body[data-ens-page="guide-design"] #main-content .gd-terms__pass > span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #e20613;
  color: #fff;
  font: 800 11px/1 var(--mk-body, "Archivo", sans-serif);
  letter-spacing: .045em;
}
html body[data-ens-page="guide-design"] #main-content .gd-terms__pass > p {
  margin: 0 !important;
  color: #302b29 !important;
  font: 600 15px/1.5 var(--mk-body, "Archivo", sans-serif) !important;
}
html body[data-ens-page="guide-design"] #main-content .gd-terms__timing {
  margin-top: 10px !important;
  color: #625d59 !important;
  font-size: 14px !important;
}


/* Source: quote-experience-08oct.css */
/* Cotizar: cantidad directa, elección visible y condiciones en su etapa. */
html body #contacto.cotiza-panel .camino-ensutex__layout {
  align-items: stretch !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
}
html body #contacto.cotiza-panel .camino-ensutex__layout > [data-camino-root] {
  width: 100% !important;
}
html body #contacto.cotiza-panel .camino-ensutex__nav { width: 100%; }
html body #contacto.cotiza-panel .camino-ensutex__title,
html body #contacto.cotiza-panel .quote-design-included h4,
html body #contacto.cotiza-panel .quote-second-offer h3 {
  font-family: 'Anton', var(--mk-display), sans-serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}
html body #contacto.cotiza-panel :is(.camino-ensutex__lead,.camino-estimacion,.quote-design-included,.quote-second-offer,.quote-field-help,.quote-second-selected) {
  font-family: 'Archivo', var(--mk-body), sans-serif;
  font-size: 14px;
  line-height: 1.55;
}
html body #contacto.cotiza-panel .camino-ensutex__lead { margin: 0 0 16px; }
html body #contacto.cotiza-panel .quote-price-tiers { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
html body #contacto.cotiza-panel .quote-price-tiers > span { padding: 6px 10px; border: 1px solid #e7e2de; border-radius: 8px; font-size: 13px; }
html body #contacto.cotiza-panel .camino-linea {
  grid-template-columns: 56px minmax(0,1fr) minmax(200px,240px);
  gap: 8px 16px;
  padding: 16px;
}
html body #contacto.cotiza-panel .camino-linea__foto { grid-column: 1; grid-row: 1 / 3; }
html body #contacto.cotiza-panel .camino-linea__name { grid-column: 2; grid-row: 1; line-height: 1.4; }
html body #contacto.cotiza-panel .camino-linea__qty { grid-column: 3; grid-row: 1 / 3; align-items: stretch; gap: 5px; }
html body #contacto.cotiza-panel .camino-linea__qty > label { display: block; font-size: 13px; }
html body #contacto.cotiza-panel .camino-step { width: 100%; max-width: 210px; display: flex; }
html body #contacto.cotiza-panel .camino-step input {
  flex: 1 1 auto; min-width: 72px; width: 100%; min-height: 44px;
  padding: 8px; font: 700 18px/1.2 'Archivo', sans-serif; text-align: center;
  appearance: auto; pointer-events: auto; cursor: text; touch-action: manipulation;
}
html body #contacto.cotiza-panel .camino-step__btn { width: 44px; min-height: 44px; flex: 0 0 44px; }
html body #contacto.cotiza-panel .camino-qty-help { font-size: 12px; font-weight: 400; line-height: 1.4; color: #625e5a; }
html body #contacto.cotiza-panel .camino-linea__quitar { grid-column: 2; grid-row: 2; min-height: 44px; }
html body #contacto.cotiza-panel .camino-qty-slider {
  grid-column: 3; grid-row: 3; width: 100%; min-width: 0; height: 32px; margin: 0;
  accent-color: #e20613; cursor: pointer; touch-action: pan-y;
}
html body #contacto.cotiza-panel .quote-design-included {
  padding: 18px 20px; margin: 0 0 16px; border: 1px solid #272321;
  border-left: 5px solid #e20613; border-radius: 14px; background: #151413;
  color: #fff; box-shadow: 0 10px 26px rgba(17, 15, 14, .12);
}
html body #contacto.cotiza-panel .quote-design-included__eyebrow {
  display: block; margin-bottom: 7px; color: #ff727a;
  font: 800 12px/1.35 'Archivo', var(--mk-body), sans-serif;
  letter-spacing: .045em; text-transform: uppercase;
}
html body #contacto.cotiza-panel .quote-design-included h4 { font-size: 25px !important; margin-bottom: 10px !important; color: #fff; }
html body #contacto.cotiza-panel .quote-design-included p { color: #f3f0ed; }
html body #contacto.cotiza-panel .quote-design-included p strong { color: #fff; font-weight: 800; }
html body #contacto.cotiza-panel :is(.quote-design-included,.quote-second-offer) p { margin: 0 0 10px; }
html body #contacto.cotiza-panel :is(.quote-design-included,.quote-second-offer) p:last-child { margin-bottom: 0; }
html body #contacto.cotiza-panel .camino-estimacion { margin: 0 0 14px; padding: 0; border: 0; background: none; }
html body #contacto.cotiza-panel .camino-estimacion p { margin: 0; }
html body #contacto.cotiza-panel .quote-payment-summary { margin-top: 18px; }
html body #contacto.cotiza-panel .quote-payment-summary .qps-fila { padding: 14px 16px; align-items: start; gap: 12px; }
html body #contacto.cotiza-panel .quote-payment-summary .qps-fila span { line-height: 1.5; }
html body #contacto.cotiza-panel .quote-payment-summary .qps-fila b { display: block; margin-bottom: 5px; color: #171614; }
html body #contacto.cotiza-panel .quote-payment-summary .qps-fila em { display: block; font-size: 13px; line-height: 1.5; font-style: normal; }
html body #contacto.cotiza-panel .quote-payment-summary .qps-fila > strong { font-size: 17px; white-space: nowrap; }
html body #contacto.cotiza-panel .quote-second-offer { padding: 20px; border: 1px solid #e7e2de; border-radius: 14px; background: #faf8f7; }
html body #contacto.cotiza-panel .quote-second-offer__label { color: #625e5a; font-size: 12px; }
html body #contacto.cotiza-panel .quote-second-offer__price { display: grid; gap: 3px; }
html body #contacto.cotiza-panel .quote-second-offer__price strong { font-size: 24px; color: #bd0812; }
html body #contacto.cotiza-panel .quote-second-offer :is(button,[role=button]) {
  display: block; min-height: 44px; width: 100%; margin-top: 16px; padding: 10px 14px;
  border: 1px solid #9b9692; border-radius: 999px; font: 700 14px/1.3 'Archivo', sans-serif; background: #fff; color: #171614;
}
html body #contacto.cotiza-panel [data-quote-offer=open] [data-path-screen=tallas] .camino-ensutex__card > :not(.quote-second-offer) { display: none !important; }
html body #contacto.cotiza-panel [data-quote-offer=open] .quote-second-offer { display: block; }
html body #contacto.cotiza-panel .quote-field-help { margin: 7px 0 0; color: #625e5a; font-size: 12px; }
html body #contacto.cotiza-panel #form-cotizador { gap: 18px !important; }
html body #contacto.cotiza-panel .quote-reference-upload { padding: 0; margin: 0; border: 0; }
html body #contacto.cotiza-panel .quote-reference-upload summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-size: 14px; font-weight: 700; }
html body #contacto.cotiza-panel .quote-reference-upload summary::after { content: '+'; margin-left: auto; font-size: 20px; }
html body #contacto.cotiza-panel .quote-reference-upload[open] summary::after { content: '−'; }
html body #contacto.cotiza-panel .quote-reference-upload > label { display: block; margin: 10px 0 5px; font-size: 13px; }
html body #contacto.cotiza-panel .quote-second-selected { margin: 0; padding: 12px 16px; border-radius: 10px; background: #faf8f7; }
html body #contacto.cotiza-panel .quote-second-selected button { display: block; min-height: 44px; color: #625e5a; text-decoration: underline; background: none; border: 0; }
html body #contacto.cotiza-panel .camino-telas { display: block; }
html body #contacto.cotiza-panel .quote-fabric-product { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }
html body #contacto.cotiza-panel .quote-fabric-product h4,
html body #contacto.cotiza-panel .quote-fabric-auto-product h4 { grid-column: 1 / -1; margin: 0 0 4px; font: 400 20px/1.25 'Anton',sans-serif !important; text-transform: uppercase !important; }
html body #contacto.cotiza-panel .quote-fabric-pending { grid-column: 1 / -1; }
html body #contacto.cotiza-panel .quote-fabric-pending label { min-height: 0; padding: 14px 16px; }
html body #contacto.cotiza-panel .quote-fabric-pending label strong i { width: 32px; height: 32px; }
html body #contacto.cotiza-panel .quote-fabric-product .camino-tela__foto { height: 140px; object-fit: cover; }
html body #contacto.cotiza-panel .quote-fabric-auto { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; gap: 16px; }
html body #contacto.cotiza-panel .quote-fabric-auto-product { display: grid; align-content: start; gap: 8px; }
html body #contacto.cotiza-panel .quote-fabric-auto-product .camino-tela__foto { width: 100%; height: 110px; object-fit: cover; border-radius: 10px; }
html body #contacto.cotiza-panel .quote-fabric-auto-product p { margin: 0; line-height: 1.5; }
html body #contacto.cotiza-panel .quote-fabric-auto-product button { min-height: 44px; padding: 10px 14px; border: 1px solid #b9b4af; border-radius: 999px; background: #fff; font-weight: 700; }
@media (max-width: 767px) {
  html body #contacto.cotiza-panel .camino-linea { grid-template-columns: 44px minmax(0,1fr) auto; gap: 8px 12px; padding: 12px; }
  html body #contacto.cotiza-panel .camino-linea__foto { width: 44px; grid-column: 1; grid-row: 1; }
  html body #contacto.cotiza-panel .camino-linea__name { grid-column: 2 / -1; grid-row: 1; font-size: 15px; }
  html body #contacto.cotiza-panel .camino-linea__qty { grid-column: 1 / 3; grid-row: 2; flex-direction: column; align-items: stretch; margin-top: 0; }
  html body #contacto.cotiza-panel .camino-step { max-width: none; }
  html body #contacto.cotiza-panel .camino-linea__quitar { grid-column: 3; grid-row: 2; justify-self: end; align-self: center; }
  html body #contacto.cotiza-panel .camino-qty-slider { grid-column: 1 / -1; grid-row: 3; height: 32px; }
  html body #contacto.cotiza-panel .quote-design-included { padding: 14px 16px; }
  html body #contacto.cotiza-panel .quote-design-included h4 { font-size: 23px !important; }
  html body #contacto.cotiza-panel .quote-second-offer { padding: 16px; }
  html body #contacto.cotiza-panel .quote-second-offer h3 { font-size: 22px !important; }
  html body #contacto.cotiza-panel .quote-fabric-product .camino-tela__foto { height: 100px; }
  html body #contacto.cotiza-panel .quote-fabric-auto { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) and (max-height: 680px) {
  html body #contacto.cotiza-panel .quote-second-offer { padding: 14px; line-height: 1.5; }
  html body #contacto.cotiza-panel .quote-second-offer h3 { margin-bottom: 8px !important; }
  html body #contacto.cotiza-panel .quote-second-offer p { margin-bottom: 8px; }
  html body #contacto.cotiza-panel .quote-second-offer :is(button,[role=button]) { margin-top: 10px; }
}