/* =========================================================
   ANTARES — AJUSTE DE HERO + FORMULARIO
   Se carga después del CSS del tema.
   ========================================================= */

/* Hero más compacto y equilibrado en escritorio */
@media (min-width: 1051px) {
  .hero {
    min-height: 680px;
    padding: 126px 0 58px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(460px, .88fr);
    gap: 54px;
  }

  .hero-content {
    max-width: 850px;
  }

  .hero h1 {
    max-width: 850px;
    margin-top: 22px;
    font-size: clamp(52px, 4.05vw, 70px);
    line-height: .985;
    letter-spacing: -.058em;
    text-wrap: balance;
  }

  .hero-lead {
    max-width: 650px;
    margin-top: 21px;
    font-size: 17px;
    line-height: 1.62;
  }

  .hero-actions {
    margin-top: 27px;
  }

  .hero-proof {
    margin-top: 27px;
  }

  .system-card {
    width: 100%;
    max-width: 555px;
    min-height: 490px;
    padding: 15px;
    border-radius: 28px;
    justify-self: end;
  }

  .system-window {
    min-height: 458px;
  }

  .window-top {
    height: 45px;
  }

  .window-body {
    padding: 15px;
  }

  .metric-grid {
    margin-top: 15px;
  }

  .metric {
    padding: 12px;
  }

  .workflow,
  .chart {
    padding: 14px;
  }

  .flow-node {
    min-height: 66px;
    padding: 10px;
  }

  .bars {
    height: 70px;
    margin-top: 13px;
  }

  .orbit-badge {
    width: 102px;
    height: 102px;
    right: -20px;
    bottom: 56px;
  }

  .orbit-badge img {
    width: 67px;
    height: 67px;
  }
}

/* Evita que el hero vuelva a crecer demasiado en pantallas ultraanchas */
@media (min-width: 1600px) {
  .hero h1 {
    font-size: 70px;
  }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 1050px) {
  .hero {
    padding-top: 126px;
    padding-bottom: 68px;
  }

  .hero h1 {
    font-size: clamp(48px, 7.2vw, 66px);
  }

  .system-card {
    max-width: 590px;
  }
}

/* Estado del formulario */
.antares-form-status {
  display: none;
  margin-top: 15px;
  padding: 13px 15px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.antares-form-status.is-sending,
.antares-form-status.is-success,
.antares-form-status.is-error {
  display: block;
}

.antares-form-status.is-sending {
  color: #344054;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
}

.antares-form-status.is-success {
  color: #05603a;
  background: #ecfdf3;
  border: 1px solid #abefc6;
}

.antares-form-status.is-error {
  color: #b42318;
  background: #fef3f2;
  border: 1px solid #fecdca;
}

.contact-card .btn[disabled] {
  cursor: wait;
  opacity: .72;
  transform: none;
}

/* El texto anterior indicaba que se abriría el correo; ya no aplica. */
.contact-card .form-note {
  font-size: 0;
}

.contact-card .form-note::after {
  content: 'Tu información se enviará directamente al equipo de Antares.';
  font-size: 11px;
}


/* =========================================================
   HERO COMERCIAL V1.1
   Mensaje: del Excel a una operación en órbita.
   ========================================================= */
.hero h1 .hero-blue {
  color: var(--sky);
}

.hero h1 .hero-gold {
  color: var(--gold);
}

@media (min-width: 1051px) {
  .hero-content {
    max-width: 820px;
  }

  .hero h1 {
    max-width: 820px;
    font-size: clamp(54px, 4.25vw, 72px);
    line-height: .98;
  }

  .hero-lead {
    max-width: 720px;
  }
}

@media (max-width: 760px) {
  .hero h1 {
    text-wrap: balance;
  }
}

/* =========================================================
   HERO ACTIVO V1.2
   Contadores y gráfico con animación sutil.
   ========================================================= */
.metric strong.antares-counter {
  display: inline-block;
  min-width: 3ch;
}

.antares-live-bars i {
  will-change: height, opacity;
}

.live-pill {
  animation: antaresLiveGlow 2.8s ease-in-out infinite;
}

@keyframes antaresLiveGlow {
  0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,.10); }
  50% { box-shadow: 0 0 0 8px rgba(46,204,113,.06); }
}

/* =========================================================
   SEO Y RENDIMIENTO V1.3
   ========================================================= */
.hero-badge {
  text-wrap: balance;
}

/* Reserva proporción de imágenes antes de que terminen de cargar. */
.brand img,
.mini-brand img,
.orbit-badge img,
.footer-brand img,
.value-logo img {
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  .live-pill,
  .antares-live-bars i {
    animation: none !important;
    transition: none !important;
  }
}