/* Unificación del sitio · contenido (Academy, artículo, landings de uso y de contactología).
   Ver sections/lenteo-sitio.liquid. Contenedor, títulos, separaciones y botones salen de
   lenteo-grilla.css (--lt-*). Las secciones diseñadas sobre el frame de 1920 se achicaban con
   `zoom` entre 1101 y 1919: acá se apaga, porque el contenedor ya se achica solo. */

/* Borde izquierdo/derecho del contenedor, para que lo use el texto de las bandas a todo el ancho. */
#MainContent { --lt-borde: max(var(--lt-gutter), calc((100% - var(--lt-container)) / 2)); --lt-h1: 56px; }
@media (max-width: 767px) { #MainContent { --lt-h1: 36px; } }

/* ============ Landings de uso: deporte, gaming, descanso, pantalla y oficina, miopía infantil, lens ============ */
:is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent {
  /* --- sin zoom --- */
  .lnt-lp, .lnt-tg__mod, .lnt-tg__mod * { zoom: 1 !important; }

  /* --- landing-lenteo: contenedor --- */
  .lnt-lp__in { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; padding: 0 !important; margin-inline: auto !important; }
  .lnt-lp__grid { max-width: none !important; transform: none !important; left: 0 !important; gap: var(--lt-gap) !important; margin-top: var(--lt-cabeza-gap) !important; }
  .lnt-lp__mod--banda > .lnt-lp__in > .lnt-lp__caja { padding-inline: 0 !important; }
  .lnt-lp__promo, .lnt-lp__diag, .lnt-lp__video, .lnt-lp__banner:not(.lnt-lp__banner--ancho) {
    width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; margin-inline: auto !important; box-sizing: border-box;
  }
  .lnt-lp__cierre { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; margin-inline: auto !important; box-sizing: border-box; }
  .lnt-lp__prods { max-width: none !important; }
  .lnt-lp__promo, .lnt-lp__diag, .lnt-lp__video, .lnt-lp__cierre, .lnt-lp__cierre img, .lnt-lp__mod--banda > .lnt-lp__in > .lnt-lp__caja, .lnt-lp__banner img { border-radius: var(--lt-radio) !important; }

  /* --- separación entre secciones --- */
  .lnt-lp__mod, .lnt-lp__promo, .lnt-lp__diag, .lnt-lp__video, .lnt-lp__banner, .lnt-lp__cierre { padding-top: 0 !important; margin-top: var(--lt-seccion) !important; margin-bottom: 0 !important; }
  .lnt-lp__mod { padding-bottom: 0 !important; }
  .lnt-lp { padding-bottom: 0 !important; }

  /* --- hero: fondo a todo el ancho, texto alineado al contenedor --- */
  .lnt-lp__hero { min-height: max(520px, min(var(--lp-hero-height, 700px), 46vw)) !important; padding-top: clamp(80px, 14vw, var(--lp-hero-texto-y, 190px)) !important; }
  .lnt-lp__hero-txt { max-width: none !important; padding: 0 var(--lt-borde) !important; box-sizing: border-box; }
  .lnt-lp__h1 { font-size: var(--lt-h1) !important; line-height: 1.2 !important; }
  .lnt-lp__lema { right: var(--lt-borde) !important; }
  .lnt-lp__franja { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; box-sizing: border-box; }

  /* --- cabeza de módulo: antetítulo, título, bajada --- */
  .lnt-lp__kicker { font-family: 'Syne', 'Switzer', sans-serif !important; font-size: var(--lt-ante) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: uppercase; color: var(--lt-naranja) !important; margin: 0 0 var(--lt-ante-gap) !important; transform: none !important; }
  .lnt-lp__h2 { font-size: var(--lt-titulo) !important; line-height: 1.32 !important; font-weight: 600 !important; transform: none !important; }
  .lnt-lp__mod-sub { font-size: var(--lt-bajada) !important; margin-top: var(--lt-titulo-gap) !important; }

  /* --- cards y botones --- */
  .lnt-lp__card { border-radius: var(--lt-radio) !important; }
  .lnt-lp__btn, .lnt-lp__promo-btn { height: var(--lt-btn-h) !important; border-radius: 4px !important; font-size: 16px !important; padding: 0 28px !important; min-width: 0 !important; }
  .lnt-lp__pastilla, .lnt-lp__filtro { height: var(--lt-chip-h) !important; border-radius: 999px !important; font-size: var(--lt-chip-f) !important; }

  /* --- tips-guia --- */
  .lnt-tg__mod { padding: 0 !important; margin-top: var(--lt-seccion); }
  .lnt-tg__mod:has(> .lnt-tg__w > .lnt-tg__cab) + .lnt-tg__mod { margin-top: var(--lt-cabeza-gap); }
  .lnt-tg__w { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; margin: 0 auto !important; }
  .lnt-tg__tk { font-family: 'Syne', 'Switzer', sans-serif !important; font-size: var(--lt-ante) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: uppercase; color: var(--lt-naranja) !important; margin-bottom: var(--lt-ante-gap) !important; }
  .lnt-tg__h2 { font-size: var(--lt-titulo) !important; line-height: 1.32 !important; font-weight: 600 !important; }
  .lnt-tg__sub { font-size: var(--lt-bajada) !important; margin-top: var(--lt-titulo-gap) !important; }
  .lnt-tg__card { border-radius: var(--lt-radio) !important; }
  .lnt-tg__card--sobre { min-height: var(--ch, 285px) !important; }
  @media (max-width: 1100px) { .lnt-tg__card--sobre { min-height: min(var(--ch, 285px), 240px) !important; } }
  .lnt-tg__cards { gap: var(--lt-gap) !important; }
  .lnt-tg__btn { height: var(--lt-btn-h) !important; border-radius: 4px !important; font-size: 16px !important; padding: 0 28px; min-width: 0 !important; }

  /* --- módulo en fila (antetítulo al lado del título) --- */
  .lnt-lp__mod--fila .lnt-lp__kicker { margin: 0 24px 0 0 !important; }

  /* --- hero de tips-guia --- */
  .lnt-tg__hero { margin-top: 0 !important; }
  .lnt-tg__hero-in { padding: 0 var(--lt-borde) !important; box-sizing: border-box; }
  .lnt-tg__hh { font-size: var(--lt-h1) !important; line-height: 1.2 !important; }
  .lnt-tg__hk, .lnt-tg__split .lnt-tg__hk, .lnt-tg__foto .lnt-tg__hk { font-family: 'Syne', 'Switzer', sans-serif !important; font-size: var(--lt-ante) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: uppercase; color: var(--lt-naranja) !important; margin-bottom: var(--lt-ante-gap) !important; }
  .lnt-lp__hero-k { font-family: 'Syne', 'Switzer', sans-serif !important; font-size: var(--lt-ante) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: uppercase; }

  /* --- títulos de banda (cartel y split): H2 de sección --- */
  .lnt-tg__split h2, .lnt-tg__foto h2 { font-size: var(--lt-titulo) !important; line-height: 1.32 !important; font-weight: 600 !important; white-space: normal; }
  .lnt-tg__split-p, .lnt-tg__foto p { font-size: var(--lt-bajada) !important; }
  .lnt-tg__foto, .lnt-tg__split { border-radius: var(--lt-radio) !important; }
  .lnt-tg__link { font-size: var(--lt-ver) !important; }
  .lnt-tg__foto-tx { padding-inline: clamp(24px, 5vw, 80px) !important; }

  /* --- títulos chicos que el Figma pone en mayúscula: como el resto de los H2 --- */
  .lnt-tg__mod[style*="--hw: 700"] .lnt-tg__h2 { text-transform: lowercase; }
  .lnt-tg__mod[style*="--hw: 700"] .lnt-tg__h2::first-letter { text-transform: uppercase; }
  .lnt-tg__mod[style*="--sb: #171717"] .lnt-tg__split h2 { text-transform: lowercase; }
  .lnt-tg__mod[style*="--sb: #171717"] .lnt-tg__split h2::first-letter { text-transform: uppercase; }

  /* --- bandas con fondo propio: aire adentro --- */
  .lnt-lp__mod--fondo { padding-block: 56px !important; }
  .lnt-tg__mod[style*="--mb"]:has(.lnt-tg__cab) { padding: 56px 0 32px !important; }
  .lnt-tg__mod[style*="--mb"]:not(:has(.lnt-tg__cab)) { margin-top: 0 !important; padding: 0 0 56px !important; }
  .lnt-tg__split-tx { padding-right: clamp(24px, 3vw, 60px) !important; }

  /* --- corte de línea de escritorio: solo vale con el ancho del diseño --- */
  @media (max-width: 1599px) {
    .lnt-lp__hero-sub, .lnt-lp__mod-sub, .lnt-tg__hp, .lnt-tg__sub, .lnt-tg__split-p, .lnt-tg__foto p { white-space: normal !important; }
  }
}

/* Landings de uso, arreglos de armado (el `padding: 0 !important` de .lnt-tg__mod le saca el aire al hero y los anchos fijos del frame de 1920 pisan las tarjetitas en pantallas chicas). */
:is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod.lnt-tg__hero {
  padding-top: clamp(56px, 10vw, var(--pad, 157px)) !important; padding-bottom: clamp(40px, 4vw, 60px) !important;
}
:is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__mini {
  min-width: 0 !important; max-width: 100%; box-sizing: border-box; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}
@media (max-width: 1100px) {
  :is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__mini { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  :is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__split-tx { padding: 28px 20px 32px !important; }
  :is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__split-foto { min-height: 0 !important; height: auto !important; padding: 0 !important; }
  :is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__split-foto > img { position: static !important; display: block; width: 100% !important; height: auto !important; }
  :is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent .lnt-tg__mod .lnt-tg__split-foto .lnt-tg__mini { position: static !important; margin: 12px 0 0 !important; }
}

/* Fin de página: 88 hasta el pie */
:is(body.deporte, body.gaming, body.descanso, body.pantalla-y-oficina, body.anteojos-para-chicos, body.lens) #MainContent { padding-bottom: var(--lt-seccion); }

/* Lens: la banda de cierre va a todo el ancho y su texto sale del contenedor */
body.lens #MainContent .lnt-lp__cierre { width: auto !important; border-radius: 0 !important; }
body.lens #MainContent .lnt-lp__cierre img { border-radius: 0 !important; }
body.lens #MainContent .lnt-lp__cierre-in { padding-left: var(--lt-borde) !important; padding-right: var(--lt-borde) !important; box-sizing: border-box; }

/* ============ Academy, artículo y páginas de categoría (contactología y hermanas) ============ */
:is(body.blog-template, body.article-template, body.page-template.lentes-de-contacto, body.page-template.comprar-anteojos, body.page-template.salud-visual, body.page-template.cristales-y-tecnologia, body.page-template.materiales) #MainContent {
  /* sin zoom */
  .shopify-section > *, .shopify-section .lnt-hh, .shopify-section .lnt-start, .shopify-section .lnt-cat, .shopify-section .lnt-art { zoom: 1 !important; }

  /* fondo de página: las secciones sin banda de color dejan ver el crema */
  > .shopify-section:has(> .lnt-vids, > .lnt-art, > .lnt-faq, > .lnt-ben, > .lnt-vd, > .lnt-cta, > .lnt-cat, > .lnt-cx) { background: transparent !important; }
  .lnt-cx, .lnt-cat { background: transparent !important; }

  /* separación entre secciones: 88 / 56 (la primera, el hero, no la lleva) */
  > .shopify-section:not(:first-child):not(.section-breadcrumb) { margin-top: var(--lt-seccion); }
  > .shopify-section:has(> .lnt-start) { padding-block: 56px; }

  /* contenedor 1600 / 390 */
  .lnt-hh__wrap, .lnt-start, .lnt-cat, .lnt-vids, .lnt-art, .lnt-vd, .lnt-faq, .lnt-ben, .lnt-cx__herowrap, .lnt-cx__pills, .lnt-cx__grid, .lnt-cta {
    width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; margin-inline: auto !important; padding-inline: 0 !important; box-sizing: border-box;
  }
  .lnt-start, .lnt-cat, .lnt-vids, .lnt-art, .lnt-vd, .lnt-faq, .lnt-ben { padding-block: 0 !important; }
  > .shopify-section:has(> .lnt-cta) { padding: 0 !important; }
  .lnt-hh__left { padding: 6px 0 106px !important; }
  @media (min-width: 851px) { .lnt-hh__videocard { right: var(--lt-borde) !important; } }
  .lnt-cx__herowrap { padding-block: 52px !important; }
  .lnt-cx__pills { margin-block: 32px !important; }
  .lnt-cx__grid { padding-block: 0 !important; margin-bottom: 0 !important; gap: var(--lt-gap) !important; }

  /* H1 de página */
  .lnt-hh__h, .lnt-cx__h { font-size: var(--lt-h1) !important; line-height: 1.15 !important; }
  .lnt-hh { min-height: clamp(520px, 40vw, 744px) !important; }
  .lnt-hh__h { max-width: 560px; }
  .lnt-cta--fila .lnt-cta__wrap { padding: 40px clamp(24px, 4vw, 64px) !important; }
  .lnt-cta--fila .lnt-cta__text { max-width: 620px !important; }

  /* H2 de sección: Switzer 600, 36 / 24 */
  .lnt-start__title, .lnt-cat__title, .lnt-vids__title, .lnt-art__title, .lnt-vd__title, .lnt-faq__title, .lnt-cta__h {
    font-family: 'Switzer', sans-serif !important; font-size: var(--lt-titulo) !important; line-height: 1.32 !important; font-weight: 600 !important; letter-spacing: -.01em !important;
    margin: 0 0 var(--lt-cabeza-gap) !important; max-width: none !important;
  }
  .lnt-faq__title { padding-bottom: 20px !important; }
  .lnt-cta__h { margin-bottom: var(--lt-titulo-gap) !important; }
  .lnt-vd__title { text-align: left !important; }
  .lnt-cta__sub { font-size: var(--lt-bajada) !important; }

  /* grillas y cards */
  .lnt-start__grid { grid-template-columns: minmax(0, 958fr) minmax(0, 660fr) !important; align-items: start !important; gap: var(--lt-gap) !important; }
  .lnt-side { align-self: stretch; gap: var(--lt-gap) !important; }
  .lnt-card { height: auto !important; flex: 1 !important; }
  .lnt-hero, .lnt-card, .lnt-cat__card, .lnt-vcard, .lnt-acard, .lnt-acard__media, .lnt-cxcard, .lnt-vd__player, .lnt-faq__card, .lnt-ben__bar { border-radius: var(--lt-radio) !important; }
  .lnt-cta { border-radius: var(--lt-radio) !important; }
  .lnt-cat__grid, .lnt-art__grid, .lnt-vids__row { gap: var(--lt-gap) !important; }

  /* botones */
  .lnt-cxbtn, .lnt-btn, .lnt-art__mas { height: var(--lt-btn-h) !important; min-height: 0 !important; min-width: 0 !important; padding: 0 28px !important; border-radius: 4px !important; font-size: 16px !important; line-height: 1 !important; box-sizing: border-box; }
  .lnt-art__mas-wrap { margin-top: var(--lt-cabeza-gap) !important; }
  .lnt-cx__btns { gap: 16px; }

  @media (max-width: 900px) {
    .lnt-start__grid { grid-template-columns: minmax(0, 1fr) !important; }
    .lnt-hero { aspect-ratio: auto !important; min-height: 300px; }
    .lnt-hero__h { font-size: 24px !important; }
  }
  @media (max-width: 767px) {
    .lnt-hh__h { max-width: none; }
    .lnt-cat__grid, .lnt-art__grid { grid-template-columns: 1fr !important; }
    .lnt-cat__card { min-height: 0 !important; }
    .lnt-cxbtn, .lnt-btn { width: 100%; }
  }
}

/* Fin de página: 88 hasta el pie */
/* (el artículo se suma) */
:is(body.blog-template, body.article-template, body.page-template.lentes-de-contacto, body.page-template.comprar-anteojos, body.page-template.salud-visual, body.page-template.cristales-y-tecnologia, body.page-template.materiales) #MainContent { padding-bottom: var(--lt-seccion); }

/* Artículo: migas de pan en el contenedor; la columna de lectura se mantiene */
body.article-template #MainContent .section-breadcrumb { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)) !important; max-width: none !important; margin-inline: auto !important; padding-inline: 0 !important; }
body.article-template #MainContent > .shopify-section { margin-top: 0 !important; }

/* ============ Academy · páginas de categoría: indicaciones de Denise del 30-oct («Lenteo_academy» / comprar anteojos,
   tu visión, cristales, lentes de contacto). Hero en tarjeta de 1600 × 440 con las pastillas adentro, 64 / 40 entre
   secciones, artículos 3 × 512 de 236, preguntas en dos columnas (480 + 1056), franja beige de 160 y barra de 5 de 112.
   Va al final: pisa el bloque de arriba. Para volver a 88 / 56 entre secciones, sacar la primera línea. ============ */
:is(body.blog-template, body.page-template.lentes-de-contacto, body.page-template.comprar-anteojos, body.page-template.salud-visual, body.page-template.cristales-y-tecnologia, body.page-template.materiales) #MainContent {
  --lt-seccion: 64px;

  /* hero: tarjeta dentro del contenedor, a 32 del encabezado */
  .lnt-cx { display: grid !important; width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)); margin: 32px auto 0 !important; }
  .lnt-cx__hero { grid-area: 1 / 1; min-height: 440px !important; border-radius: var(--lt-radio); align-items: flex-start !important; }
  .lnt-cx__herowrap { width: 100% !important; padding: 48px 64px 94px !important; }
  .lnt-cx__content { max-width: 560px !important; }
  .lnt-cx__eyebrow { font-family: 'Switzer', sans-serif !important; font-size: 15px !important; line-height: 20px !important; font-weight: 500 !important; letter-spacing: .06em !important; text-transform: none !important; background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 0 8px !important; }
  .lnt-cx__h { font-size: 48px !important; line-height: 56px !important; margin: 0 0 16px !important; }
  .lnt-cx__sub { font-size: 18px !important; line-height: 28px !important; max-width: 560px !important; margin: 0 0 32px !important; }
  .lnt-cx__btns { gap: 16px !important; }
  /* colores del hero (Denise, 30-oct): texto #171717, antetítulo #C2410C, botón principal negro y secundario con borde negro */
  .lnt-cx__eyebrow { color: #C2410C !important; }
  .lnt-cx__h, .lnt-cx__sub { color: #171717 !important; }
  .lnt-cxbtn--solid { background: #171717 !important; border: 1px solid #171717 !important; color: #fff !important; }
  .lnt-cxbtn--outline { background: transparent !important; border: 1px solid #171717 !important; color: #171717 !important; }
  .lnt-cx__pills { grid-area: 1 / 1; align-self: end; justify-self: start; position: relative; z-index: 3; display: flex !important; flex-wrap: wrap; gap: 12px !important; width: auto !important; max-width: calc(100% - 128px) !important; min-height: 0 !important; margin: 0 0 40px 64px !important; padding: 0 !important; background: transparent !important; border: 0 !important; overflow: visible !important; }
  .lnt-cxpill { height: 36px !important; padding: 0 14px !important; font-size: 14px !important; line-height: 1 !important; font-weight: 500 !important; color: #171717 !important; background: rgba(255,255,255,.62) !important; border: 1px solid rgba(23,23,23,.5) !important; border-radius: 999px !important; white-space: nowrap; }
  .lnt-cxpill[aria-pressed="true"] { background: #171717 !important; border-color: #171717 !important; color: #fff !important; font-weight: 500 !important; }
  @media (hover: hover) and (pointer: fine) { .lnt-cxpill:hover { color: #171717 !important; background: #fff !important; } .lnt-cxpill[aria-pressed="true"]:hover { color: #fff !important; background: #171717 !important; } }

  /* artículos: 3 × 512, tarjetas de texto de 236 */
  .lnt-art__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px 32px !important; }
  .lnt-acard { height: 236px; box-sizing: border-box; background: #fff !important; border: 1px solid #CFCDC6; border-radius: var(--lt-radio) !important; box-shadow: none !important; transform: none !important; }
  .lnt-acard__media { display: none !important; }
  .lnt-acard__body { padding: 24px !important; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }
  .lnt-acard__badge { align-self: flex-start; padding: 0 !important; background: none !important; color: #C2410C !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; letter-spacing: .06em; text-transform: uppercase; border-radius: 0 !important; }
  .lnt-acard__h { margin: 8px 0 0 !important; font-family: 'Switzer', sans-serif !important; font-size: 19px !important; line-height: 26px !important; font-weight: 600 !important; color: #171717 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .lnt-acard__excerpt { margin: 8px 0 0 !important; font-size: 14px !important; line-height: 20px !important; color: #5f6670 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .lnt-acard__meta { margin: auto 0 0 !important; font-size: 12px !important; line-height: 16px !important; color: #5f6670 !important; }

  /* preguntas: título (y «Ver todas») a la izquierda en 480, acordeón en 1056 con filas de 64 */
  .lnt-faq__card { display: grid !important; grid-template-columns: 480px minmax(0, 1fr); column-gap: 64px; align-items: start; background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; max-width: none !important; }
  .lnt-faq__title { grid-column: 1; grid-row: 1; padding: 0 !important; margin: 0 !important; }
  .lnt-faq__item { grid-column: 2; background: #fff; border: 1px solid #CFCDC6 !important; border-radius: var(--lt-radio); margin: 0 0 8px !important; overflow: hidden; }
  .lnt-faq__q { min-height: 62px !important; padding: 0 24px !important; font-size: 16px !important; }
  .lnt-faq__q-text { font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; }
  .lnt-faq__more { grid-column: 1; grid-row: 2; align-self: start; margin: 16px 0 0 !important; font-size: 15px !important; text-decoration: underline; text-underline-offset: 3px; color: #171717 !important; }

  .lnt-art__mas { min-width: 240px !important; justify-content: center; }
  /* franja «¿No encontraste…?»: beige de 160, sin foto */
  .lnt-cta { background: #F1EDE5 !important; min-height: 160px !important; }
  .lnt-cta__bg, .lnt-cta__scrim { display: none !important; }
  .lnt-cta--fila .lnt-cta__wrap { padding: 0 64px !important; min-height: 160px; align-items: center; }
  .lnt-cta__h { font-size: 28px !important; line-height: 36px !important; margin: 0 0 4px !important; color: #171717 !important; }
  .lnt-cta__sub { font-size: 16px !important; line-height: 24px !important; color: #171717 !important; margin: 0 !important; }
  .lnt-cta .lnt-btn { height: 52px !important; border-radius: 4px !important; font-size: 15px !important; }
  .lnt-cta .lnt-btn--outline { background: transparent !important; color: #171717 !important; border: 1px solid #171717 !important; }
  .lnt-cta .lnt-btn--solid { background: #171717 !important; color: #fff !important; border: 1px solid #171717 !important; }

  /* barra de confianza: 5 columnas iguales de 112 con línea divisoria */
  .lnt-ben__bar { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 112px; padding: 0 !important; border: 1px solid #CFCDC6; }
  .lnt-ben__item { display: flex; align-items: center; gap: 16px; padding: 0 24px; box-sizing: border-box; width: auto !important; }
  .lnt-ben__item + .lnt-ben__item { border-left: 1px solid #CFCDC6; }
  .lnt-ben__icon { width: 40px !important; height: 40px !important; object-fit: contain; flex: none; }
  .lnt-ben__h { font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; margin: 0 !important; }
  .lnt-ben__sub { font-size: 13px !important; line-height: 18px !important; margin: 2px 0 0 !important; }

  @media (min-width: 768px) and (max-width: 1100px) { .lnt-cx__herowrap { padding-bottom: 150px !important; } }
  @media (max-width: 1100px) {
    .lnt-art__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .lnt-faq__card { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
    .lnt-faq__title, .lnt-faq__item, .lnt-faq__more { grid-column: 1; grid-row: auto; }
    .lnt-faq__more { margin: 8px 0 0 !important; order: 99; }
    .lnt-ben__bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lnt-ben__item:nth-child(4) { border-left: 0; }
    .lnt-ben__item:nth-child(n+4) { border-top: 1px solid #CFCDC6; min-height: 112px; }
  }
  @media (max-width: 767px) {
    --lt-seccion: 40px;
    .lnt-cx { margin-top: 16px !important; }
    .lnt-cx__hero { min-height: 500px !important; align-items: flex-end !important; }
    .lnt-cx__hero { background: #faf8f5; }
    .lnt-cx__bg { bottom: auto !important; height: 250px !important; object-position: center 25%; }
    .lnt-cx__overlay { top: 0 !important; left: 0 !important; width: 100% !important; bottom: auto !important; height: 250px !important; background: linear-gradient(to bottom, rgba(250,248,245,0) 40%, #faf8f5 100%) !important; }
    .lnt-cx__herowrap { padding: 250px 24px 116px !important; justify-content: flex-start; }
    .lnt-cx__eyebrow { font-size: 13px !important; line-height: 18px !important; }
    .lnt-cx__h { font-size: 32px !important; line-height: 40px !important; }
    .lnt-cx__sub { font-size: 15px !important; line-height: 22px !important; margin-bottom: 20px !important; }
    .lnt-cx__btns { flex-direction: column; align-items: stretch; gap: 12px !important; }
    .lnt-cx__pills { margin: 0 0 24px 24px !important; max-width: calc(100% - 48px) !important; gap: 8px !important; }
    .lnt-cxpill { height: 32px !important; font-size: 13px !important; }
    .lnt-art__grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    .lnt-acard { height: auto; }
    .lnt-acard__body { padding: 20px !important; }
    .lnt-acard__h { font-size: 16px !important; line-height: 23px !important; }
    .lnt-acard__excerpt { display: none !important; }
    .lnt-acard__meta { margin-top: 12px !important; }
    .lnt-faq__q { min-height: 54px !important; padding: 0 16px !important; }
    .lnt-cta { min-height: 250px !important; }
    .lnt-cta--fila .lnt-cta__wrap { flex-direction: column; align-items: stretch; justify-content: center; gap: 16px; padding: 20px 24px !important; min-height: 250px; }
    .lnt-cta__h { font-size: 22px !important; line-height: 28px !important; }
    .lnt-cta__sub { font-size: 14px !important; line-height: 20px !important; }
    .lnt-cta__btns { flex-direction: column; gap: 12px; }
    .lnt-cta .lnt-btn { width: 100% !important; height: 48px !important; }
    .lnt-ben__bar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
    .lnt-ben__item { padding: 16px; gap: 12px; min-height: 0; }
    .lnt-ben__item + .lnt-ben__item { border-left: 0; }
    .lnt-ben__item:nth-child(even) { border-left: 1px solid #CFCDC6; }
    .lnt-ben__item:nth-child(n+3) { border-top: 1px solid #CFCDC6; }
    .lnt-ben__icon { width: 32px !important; height: 32px !important; }
    .lnt-ben__h { font-size: 13px !important; line-height: 18px !important; }
    .lnt-ben__sub { font-size: 11px !important; line-height: 15px !important; }
  }
}

/* Cristales y tecnologías: «Conocé todas las tecnologías» sin giro. Imagen arriba (16:9) y el texto de cada una siempre a la vista
   debajo, en 3 × 512 (indicaciones de Denise, 30-oct). En teléfono, carrusel de cards de 280. */
body.page-template.cristales-y-tecnologia #MainContent {
  .lnt-fg { max-width: none !important; width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)); margin-inline: auto; padding: 0 !important; }
  .lnt-fg__head { text-align: left !important; max-width: 1000px !important; margin: 0 0 var(--lt-cabeza-gap) !important; }
  .lnt-fg__title { font-size: var(--lt-titulo) !important; line-height: 1.32 !important; font-weight: 600 !important; margin: 0 0 var(--lt-titulo-gap) !important; }
  .lnt-fg__sub { font-size: 18px !important; line-height: 28px !important; }
  .lnt-fg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 40px 32px !important; }
  .lnt-fc { perspective: none !important; height: auto !important; cursor: default; text-align: left; }
  .lnt-fc__inner { transform: none !important; transform-style: flat !important; height: auto !important; display: flex; flex-direction: column; }
  .lnt-fc__front { position: relative !important; inset: auto !important; aspect-ratio: 16 / 9; border-radius: var(--lt-radio) !important; }
  .lnt-fc__front::after, .lnt-fc__label { display: none !important; }
  .lnt-fc__back { position: static !important; transform: none !important; background: transparent !important; padding: 16px 0 0 !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; overflow: visible !important; -webkit-backface-visibility: visible; backface-visibility: visible; }
  .lnt-fc__back-title { font-family: 'Switzer', sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 19px !important; line-height: 26px !important; font-weight: 600 !important; color: #171717 !important; margin: 0 0 6px !important; }
  .lnt-fc__back-text { font-size: 14px !important; line-height: 20px !important; color: #5f6670 !important; }
  @media (max-width: 1100px) { .lnt-fg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 767px) {
    .lnt-fg__grid { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px !important; margin-right: calc(-1 * var(--lt-gutter)); padding-right: var(--lt-gutter); scrollbar-width: none; }
    .lnt-fg__grid::-webkit-scrollbar { display: none; }
    .lnt-fc { flex: 0 0 280px; scroll-snap-align: start; }
    .lnt-fc__front { aspect-ratio: auto; height: 288px; }
    .lnt-fc__back-title { font-size: 17px !important; line-height: 24px !important; }
    .lnt-fg__sub { font-size: 15px !important; line-height: 22px !important; }
  }
}

/* Academy · home (/blogs/academy), indicaciones de Denise del 30-oct: hero en tarjeta de 1600 × 400, 5 categorías de 300 × 136,
   «Empezá por acá» en 2 columnas de 784 (destacada de 376 y dos de 176) y artículos 3 × 512 (reglas del bloque anterior). */
body.blog-template.blog-template.blog-template #MainContent {
  > .shopify-section:has(> .lnt-hh) { margin-top: 32px !important; }
  .lnt-hh { width: min(var(--lt-container), 100% - 2 * var(--lt-gutter)); margin: 0 auto; min-height: 400px !important; border-radius: var(--lt-radio); overflow: hidden; }
  .lnt-hh__wrap { width: 100% !important; padding: 0 64px !important; }
  .lnt-hh__left { padding: 22px 0 !important; max-width: 560px !important; }
  .lnt-hh__eyebrow { font-size: 15px !important; margin-bottom: 8px !important; }
  .lnt-hh__h { font-size: 48px !important; line-height: 56px !important; margin-bottom: 16px !important; }
  .lnt-hh__sub { font-size: 18px !important; line-height: 28px !important; margin-bottom: 24px !important; }
  .lnt-hh__pills { margin-top: 20px !important; gap: 12px !important; }
  .lnt-hh__pill { height: 36px !important; padding: 0 14px !important; font-size: 14px !important; line-height: 1 !important; }

  .lnt-cat__grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 25px !important; }
  .lnt-cat__card { min-height: 136px !important; height: 136px; padding: 24px !important; box-sizing: border-box; justify-content: center; }
  .lnt-cat__icon { display: none !important; }
  .lnt-cat__h { font-size: 19px !important; line-height: 24px !important; margin: 0 0 6px !important; }
  .lnt-cat__desc { font-size: 14px !important; line-height: 20px !important; }

  .lnt-start__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 32px !important; align-items: stretch !important; }
  .lnt-hero { height: 376px !important; min-height: 0 !important; aspect-ratio: auto !important; }
  .lnt-side { gap: 24px !important; }
  .lnt-card { height: 176px !important; flex: none !important; }
  @media (max-width: 1100px) { .lnt-start__grid { grid-template-columns: minmax(0, 1fr) !important; } .lnt-hero { height: 300px !important; } }
  @media (max-width: 767px) {
    > .shopify-section:has(> .lnt-hh) { margin-top: 16px !important; }
    .lnt-hh { min-height: 380px !important; }
    .lnt-hh__wrap { padding: 0 24px !important; }
    .lnt-hh__left { padding: 32px 0 !important; }
    .lnt-hh__h { font-size: 32px !important; line-height: 40px !important; }
    .lnt-hh__sub { font-size: 15px !important; line-height: 22px !important; }
    .lnt-hh__pill { height: 32px !important; font-size: 13px !important; }
    .lnt-cat__grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    .lnt-cat__card { height: 72px; min-height: 72px !important; padding: 0 16px !important; }
    .lnt-cat__desc { display: none !important; }
    .lnt-hero { height: 160px !important; }
    .lnt-side { gap: 12px !important; }
    .lnt-card { height: 112px !important; }
  }
}