/* ============================================================
   Auditas — Hero
   ============================================================ */
.hero {
  position: relative;
  min-height: 543px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--black90);
  isolation: isolate;
}

.hero__bgwrap { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
  /* El diseño refleja la foto (equipo a la izquierda, muro a la derecha
     tras el texto). scaleX(-1) hace el espejo; scale da holgura al parallax. */
  transform: scaleX(-1) scale(1.08);
  transform-origin: center;
}
.hero__overlay { position: absolute; inset: 0; background: var(--grad-hero); }

.hero__inner { position: relative; z-index: 2; width: 100%; }

.hero__content {
  margin-left: auto;
  width: min(606px, 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--sp-40);
  text-align: right;
  padding-block: var(--sp-64);
}

.hero__logo { width: 297px; max-width: 72%; height: auto; }

.hero__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  width: 100%;
}
.hero__text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 11px;
  width: 100%;
}
.hero__titlewrap { display: flex; flex-direction: column; gap: var(--sp-6); width: 100%; }

.hero__title {
  font-family: var(--font-title);
  font-weight: var(--fw-bold);
  font-size: var(--fs-h1);
  color: var(--whitef);
  letter-spacing: -0.01em;
}
.hero__title-sub {
  font-family: var(--font-body);
  font-weight: var(--fw-reg);
  font-size: var(--fs-l);
  color: var(--grayudit);
}
.hero__line {
  width: 100%;
  height: 2px;
  background: var(--grad-yellow-h);
  border-radius: 2px;
}
.hero__desc {
  font-family: var(--font-body);
  font-size: var(--fs-body-lg);
  color: var(--grayudit);
  max-width: 606px;
}

.hero__cta { display: flex; align-items: center; gap: 9px; }
.hero__btn .btn__icon img { width: 16px; height: 16px; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .hero { min-height: 88vh; align-items: flex-end; }
  .hero__bg { transform: none; object-position: 50% 35%; }
  .hero__overlay {
    background:
      linear-gradient(180deg, rgba(19,18,23,0.35) 0%, rgba(19,18,23,0.80) 68%, rgba(19,18,23,0.94) 100%);
  }
  .hero__content {
    margin: 0 auto;
    width: 100%;
    align-items: center;
    text-align: center;
    gap: var(--sp-24);
    padding-block: var(--sp-56) var(--sp-64);
  }
  .hero__info, .hero__text, .hero__titlewrap { align-items: center; }
  .hero__logo { width: 240px; max-width: 64%; }
  .hero__line { width: 120px; }
  .hero__cta { justify-content: center; }
}