/* Alteria — G1 Hero de página interna */

.alteria-phero {
  position: relative;
  overflow: hidden;
  padding-block: 8rem 3rem;
}
@media (min-width: 640px) { .alteria-phero { padding-block: 9rem 4rem; } }

/* Lavado suave para que el hero no arranque plano. */
.alteria-phero::before {
  content: "";
  position: absolute;
  top: -30%;
  left: 50%;
  width: 900px;
  height: 600px;
  transform: translateX(-50%);
  border-radius: 9999px;
  opacity: .10;
  filter: blur(160px);
  background: var(--alteria-gradient-aurora);
  pointer-events: none;
}

.alteria-phero__inner { position: relative; }

/* Sin imagen: una columna centrada. */
.alteria-phero__copy { max-width: 46rem; margin-inline: auto; text-align: center; }

.alteria-phero__title {
  margin-top: 1rem;
  font-size: 34px;
  line-height: var(--alteria-lh-snug);
}
@media (min-width: 640px)  { .alteria-phero__title { font-size: 44px; } }
@media (min-width: 1024px) { .alteria-phero__title { font-size: 54px; } }

.alteria-phero__lead {
  margin-top: 1.25rem;
  font-size: var(--alteria-fs-lead);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-phero__acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.5rem;
  margin-top: 2rem;
}

.alteria-phero__secundario {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: var(--alteria-fs-sm);
  font-weight: 600;
  color: var(--alteria-primary);
  transition: color .2s ease;
}
.alteria-phero__secundario:hover { color: var(--alteria-primary-hover); }
.alteria-phero__secundario svg { transition: transform .2s ease; }
.alteria-phero__secundario:hover svg { transform: translateX(4px); }

/* Con imagen: dos columnas y texto a la izquierda. */
@media (min-width: 1024px) {
  .alteria-phero--media .alteria-phero__inner {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 3rem;
  }
  .alteria-phero--media .alteria-phero__copy { max-width: none; margin: 0; text-align: left; }
  .alteria-phero--media .alteria-phero__acciones { justify-content: flex-start; }
}

.alteria-phero__media {
  margin-top: 2.5rem;
  overflow: hidden;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-2xl);
  box-shadow: var(--alteria-shadow-card);
  animation-delay: 200ms;
}
.alteria-phero__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
@media (min-width: 1024px) { .alteria-phero__media { margin-top: 0; } }