/* Ajustes finales de densidad y composición. Mantiene la capa liquid glass existente. */

.hero {
  min-height: calc(100dvh - 92px);
  justify-content: flex-start;
  padding: clamp(0px, 1vh, 10px) 0 32px;
}

.hero__copy,
.hero h1,
.hero h1 em {
  overflow: visible;
}

.hero h1 {
  line-height: .9;
  padding-bottom: .04em;
}

.hero h1 em {
  display: block;
  margin-top: .08em;
  margin-bottom: -.1em;
  padding: 0 .08em .16em;
  line-height: 1.04;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.hero__intro {
  margin-top: 10px;
}

.download-card {
  margin-top: 15px;
}

/* El detalle de formato/calidad/tamaño ya está seleccionado arriba y no se repite. */
.result > .result__meta {
  display: none !important;
}

/* Chrome no debe pintar una segunda caja dentro del campo al pegar/autocompletar. */
.url-field input,
.url-field input:focus,
.url-field input:-webkit-autofill,
.url-field input:-webkit-autofill:hover,
.url-field input:-webkit-autofill:focus {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: var(--white) !important;
  caret-color: var(--turquoise-soft);
  transition: background-color 9999s ease-out 0s;
}

.url-field input::selection {
  color: var(--white);
  background: rgba(56, 228, 208, .2);
}

@media (min-width: 761px) and (max-height: 900px) {
  .hero {
    min-height: auto;
    padding-top: 0;
  }
  .hero h1 {
    font-size: clamp(3rem, 5vw, 4.75rem);
  }
  .download-card {
    margin-top: 11px;
  }
}

@media (max-width: 680px) {
  .hero {
    min-height: calc(100dvh - 78px);
    padding-top: 0;
  }
  .hero h1 em {
    padding-bottom: .18em;
  }
}