/* Portada en computador: texto 70%, tarjeta 30%, separados por 24 px. */
@media (min-width: 981px) {
  .rediseno.portada #inicio .hero-grid-compact {
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    column-gap: 24px;
  }

  .rediseno.portada #inicio .hero-grid-compact > .hero-copy {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    justify-self: stretch;
    transform: none;
    container-type: inline-size;
  }

  .rediseno.portada #inicio h1 {
    font-size: clamp(3.2rem, 11.9cqw, 5.75rem);
    letter-spacing: -0.02em;
    line-height: 1.02;
    margin-bottom: 18px;
  }

  .rediseno.portada #inicio .hero-copy .hero-lead {
    line-height: 1.55;
    margin-bottom: 22px;
  }
}