.lp-cintas__hero-tablet-scaler,
.lp-cintas__products-tablet-scaler,
.lp-cintas__products-tablet-inner,
.lp-cintas__lines-tablet-scaler,
.lp-cintas__lines-tablet-inner,
.lp-cintas__cta-tablet-scaler,
.lp-cintas__cta-tablet-inner {
  display: contents;
}

@media (min-width: 768px) and (max-width: 1727px) {
  :root {
    --layout-scale: min(
      1,
      calc((100vw - (2 * var(--hero-padding-x))) / var(--hero-width))
    );
    --hero-tablet-scale: var(--layout-scale);
    --cta-bridge-gris-height: calc(var(--cta-bridge-gris-height-base) * var(--layout-scale));
    --cta-bridge-celeste-height: calc(var(--cta-bridge-celeste-height-base) * var(--layout-scale));
    --cta-bridge-total-height: calc(var(--cta-bridge-gris-height) + var(--cta-bridge-celeste-height));
    --footer-deco-scale: var(--layout-scale);
    --footer-circle-scale: var(--layout-scale);
    --products-viewport-extra: calc(
      (100vw - var(--hero-width) * var(--hero-tablet-scale)) / (2 * var(--hero-tablet-scale))
    );
  }


  .lp-cintas__hero {
    height: auto;
    overflow: visible;
  }

  .lp-cintas__hero-tablet-scaler {
    display: block;
    width: calc(var(--hero-width) * var(--hero-tablet-scale));
    height: min(
      100vh,
      calc(var(--hero-max-height) * var(--hero-tablet-scale))
    );
    margin: 0 auto;
    overflow: hidden;
  }

  .lp-cintas__hero-inner {
    width: var(--hero-width);
    max-width: var(--hero-width);
    height: var(--hero-max-height);
    margin: 0;
    transform: scale(var(--hero-tablet-scale));
    transform-origin: top left;
  }


  .lp-cintas__products {
    overflow: visible;
  }

  /* Mismo patrón que hero / líneas: escala centrada proporcional al desktop */
  .lp-cintas__products-tablet-scaler {
    display: block;
    width: calc(var(--hero-width) * var(--hero-tablet-scale));
    margin: 0 auto;
    overflow: visible;
  }

  .lp-cintas__products-tablet-inner {
    display: block;
    width: var(--hero-width);
    zoom: var(--hero-tablet-scale);
    overflow: visible;
  }

  @supports not (zoom: 1) {
    .lp-cintas__products-tablet-inner {
      zoom: unset;
      transform: scale(var(--hero-tablet-scale));
      transform-origin: top left;
    }

    .lp-cintas__products-tablet-scaler {
      overflow: visible;
    }
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-header-wrap,
  .lp-cintas__products-tablet-inner .lp-cintas__products-footer-shell {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-header {
    max-width: none;
    width: 100%;
    margin: 0;
    padding-left: var(--hero-padding-left-inner);
    padding-right: var(--hero-padding-right-inner);
    box-sizing: border-box;
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-viewport {
    width: calc(var(--hero-width) + var(--products-viewport-extra));
    max-width: none;
    overflow: hidden;
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-track {
    padding-left: var(--hero-padding-left-inner);
    padding-right: 0;
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-track::after {
    content: "";
    display: block;
    width: calc(var(--hero-padding-left-inner) - var(--product-card-gap));
    flex-shrink: 0;
  }

  .lp-cintas__products-tablet-inner .lp-cintas__products-footer-inner {
    max-width: none;
    width: 100%;
    margin: 0;
    padding-left: var(--hero-padding-left-inner);
    padding-right: var(--hero-padding-right-inner);
    box-sizing: border-box;
  }


  .lp-cintas__lines {
    overflow: visible;
  }

  .lp-cintas__lines-tablet-scaler {
    display: block;
    width: calc(var(--hero-width) * var(--hero-tablet-scale));
    margin: 0 auto;
  }

  .lp-cintas__lines-tablet-inner {
    display: block;
    width: var(--hero-width);
    zoom: var(--hero-tablet-scale);
  }

  @supports not (zoom: 1) {
    .lp-cintas__lines-tablet-inner {
      zoom: unset;
      transform: scale(var(--hero-tablet-scale));
      transform-origin: top left;
    }

    .lp-cintas__lines-tablet-scaler {
      overflow: hidden;
    }
  }

  .lp-cintas__lines-tablet-inner .lp-cintas__lines-inner {
    max-width: none;
    width: 100%;
    margin: 0;
  }


  .lp-cintas__cta {
    overflow: visible;
    padding: 0;
  }

  .lp-cintas__cta-stack {
    grid-template-rows: auto var(--cta-bridge-total-height);
  }

  .lp-cintas__cta-tablet-scaler {
    display: block;
    grid-row: 1 / -1;
    grid-column: 1;
    align-self: end;
    justify-self: center;
    position: relative;
    z-index: 2;
    width: calc(var(--hero-width) * var(--hero-tablet-scale));
    margin: 0 auto;
  }

  .lp-cintas__cta-tablet-inner {
    display: block;
    width: var(--hero-width);
    zoom: var(--hero-tablet-scale);
  }

  @supports not (zoom: 1) {
    .lp-cintas__cta-tablet-inner {
      zoom: unset;
      transform: scale(var(--hero-tablet-scale));
      transform-origin: top left;
    }

    .lp-cintas__cta-tablet-scaler {
      overflow: hidden;
    }
  }


  .lp-cintas__cta-bridge {
    display: block;
    grid-row: 2;
    width: 100%;
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-shell {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-card {
    display: block;
    max-width: var(--cta-width);
    margin: 0 auto;
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-logo {
    display: none;
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-copy {
    position: absolute;
    width: 44%;
    max-width: 665px;
    padding:
      var(--cta-copy-pt)
      24px
      var(--cta-copy-pb)
      var(--cta-copy-pl);
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-title {
    font-size: var(--cta-title-size);
    line-height: var(--cta-title-lh);
    margin-bottom: var(--cta-title-gap);
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-text {
    font-size: var(--cta-text-size);
    margin-bottom: auto;
  }

  .lp-cintas__cta-tablet-inner .lp-cintas__cta-btn {
    width: auto;
    max-width: none;
    margin-top: 24px;
  }


  .lp-cintas__footer {
    overflow-x: clip;
  }
}