/* LP4 · Hero compacto: promesa, explicación y CTA visibles en el primer viewport.
   Tokens de Negocio Propio (--np2-). */

.copy-lp4 .bar {
  position: sticky;
  transform: none;
}

.copy-lp4 .hero {
  padding-block: clamp(var(--np2-space-6), 5vh, var(--np2-space-8)) var(--np2-section-space-compact);
}

.copy-lp4 .hero .tag {
  margin-bottom: var(--np2-space-4);
}

.copy-lp4 .hero h1 {
  max-width: 16ch;
  font-size: clamp(2.75rem, 5.25vw, 5.25rem);
  line-height: .94;
  text-transform: none;
}

.copy-lp4 .hero .say {
  max-width: 64ch;
  margin-top: var(--np2-space-5);
  font-size: clamp(1rem, 1.25vw, 1.22rem);
  line-height: 1.42;
}

.copy-lp4 .hero .cta {
  gap: var(--np2-space-3);
  margin-top: var(--np2-space-5);
}

.copy-lp4 .hero .letters {
  margin-top: var(--np2-space-7);
}

.copy-lp4 .method__descriptor {
  max-width: 34ch;
  margin: var(--np2-space-4) 0 0;
  color: var(--np2-color-texto);
  font-family: var(--np2-font-display);
  font-size: clamp(1.35rem, 2.5vw, 2.1rem);
  font-weight: 500;
  letter-spacing: var(--np2-tracking-tight);
  line-height: 1.12;
  text-wrap: balance;
}

.copy-lp4 .method__descriptor + .say {
  margin-top: var(--np2-space-4);
}

.copy-lp4 .haul__intro {
  max-width: 64ch;
  margin: var(--np2-space-5) 0 0;
  font-size: clamp(var(--np2-text-base), 1.4vw, var(--np2-text-lg));
  line-height: 1.55;
}

.copy-lp4 .plate__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--np2-space-3);
  margin-bottom: var(--np2-space-5);
  padding-bottom: var(--np2-space-3);
  border-bottom: var(--np2-border-thin) solid var(--np2-color-linea);
}

.copy-lp4 .plates .plate__top b {
  margin: 0;
}

.copy-lp4 .plate__top span {
  color: var(--np2-color-texto-secundario);
  font-family: var(--np2-font-mono);
  font-size: var(--np2-text-xs);
  font-weight: 700;
  letter-spacing: var(--np2-tracking-label);
  line-height: 1.25;
  text-align: right;
  text-transform: uppercase;
}

.copy-lp4 .plates li:first-child .plate__top {
  border-color: var(--np2-color-linea-oscura);
}

.copy-lp4 .plates li:first-child .plate__top span {
  color: var(--np2-color-maiz);
}

@media (max-width: 48rem) {
  .copy-lp4 .bar__in {
    gap: var(--np2-space-3);
  }

  .copy-lp4 .hero h1 {
    max-width: 15ch;
    font-size: clamp(2.55rem, 11vw, 3.75rem);
    line-height: .95;
  }

  .copy-lp4 .hero .say {
    font-size: var(--np2-text-base);
  }
}

@media (max-width: 30rem) {
  .copy-lp4 .bar__brand small {
    display: block;
  }

  .copy-lp4 .bar .btn {
    padding-inline: var(--np2-space-3);
  }

  .copy-lp4 .hero h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 10.5vw, 3.05rem);
  }

  .copy-lp4 .plate__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .copy-lp4 .plate__top span {
    text-align: left;
  }
}