/*
  HCG | Ajuste de proporciones v2 | 2026-11-04
  Solo afecta Experiencia HCG, marcas y diagnóstico final.
  Mantiene intactos JS, Pixel, Contact/Lead, WhatsApp, VSL, casos y backend.
*/

/* 1. Experiencia HCG: jerarquía compacta entre título y cifras */
.authority-section {
  padding-top: clamp(30px, 4.5vw, 50px);
  padding-bottom: clamp(20px, 3.2vw, 35px);
  text-align: center;
}
.authority-section > .section-label {
  margin-bottom: 10px;
}
.authority-section > h2 {
  max-width: 620px;
  margin: 0 auto 21px;
  font-size: clamp(25px, 3.15vw, 32px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -.035em;
}
.authority-section .proof {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 655px);
  gap: clamp(12px, 2.5vw, 30px);
  margin: 0 auto;
  padding: 0;
}
.authority-section .proof > div {
  flex: 1 1 0;
  min-width: 0;
  gap: 4px;
}
.authority-section .proof > div:first-child {
  flex: 1.45 1 0;
}
.authority-section .proof strong {
  font-size: clamp(27px, 3.15vw, 37px);
  line-height: 1.1;
}
.authority-section .proof span:not(.proof-sep) {
  max-width: 190px;
  text-align: center;
  font-size: clamp(12px, 1.3vw, 14px);
  line-height: 1.35;
}
.authority-section .proof-sep {
  flex: 0 0 1px;
  height: 43px;
  margin: 0;
}

/* 2. Marcas: menos altura, logos proporcionados y respiro uniforme */
.trusted-brands {
  padding-top: clamp(24px, 3.1vw, 34px);
  padding-bottom: clamp(24px, 3vw, 30px);
}
.trusted-brands .section-label {
  margin-bottom: 9px;
}
.trusted-brands h2 {
  margin: 0 auto 18px;
  font-size: clamp(25px, 3.1vw, 32px);
  line-height: 1.2;
}
.trusted-brands .brand-rail {
  margin: 0;
  height: 83px;
  mask-image: linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-image: linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%);
}
.trusted-brands .brand-track img {
  width: 1735px;
  height: 75px;
  object-fit: contain;
}
.trusted-brands .brand-caption {
  margin: 12px auto 0;
  font-size: 11px;
}

/* 3. Diagnóstico final: tarjeta central con anchura y espacios consistentes */
.closing-section {
  padding: clamp(45px, 6vw, 72px) 0 clamp(50px, 6.5vw, 80px);
  background: var(--white);
}
.closing-section > .wrap {
  width: min(calc(100% - 36px), 840px);
}
.closing-card {
  width: 100%;
  margin: 0 auto;
  padding: clamp(27px, 4.5vw, 45px) clamp(20px, 4.5vw, 45px);
  background: var(--pale);
  border: 1px solid var(--line);
  border-radius: 19px;
  text-align: center;
}
.closing-card > .section-label {
  margin: 0 auto 14px;
}
.closing-card > h2 {
  max-width: 660px;
  margin: 0 auto;
  font-size: clamp(27px, 3.35vw, 36px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.04em;
}
.closing-card > p:not(.section-label):not(.cta-microcopy) {
  max-width: 640px;
  margin: 17px auto 0;
  font-size: clamp(14px, 1.55vw, 16px);
  line-height: 1.62;
  color: var(--slate);
}
.closing-card .closing-list {
  display: grid;
  gap: 11px;
  list-style: none;
  width: min(100%, 570px);
  padding: 0;
  margin: 23px auto 25px;
  text-align: left;
}
.closing-card .closing-list li {
  position: relative;
  padding-left: 29px;
  font-size: clamp(13px, 1.5vw, 15px);
  line-height: 1.45;
  color: var(--navy);
}
.closing-card .closing-list li::before {
  content: "✓";
  position: absolute;
  top: 1px;
  left: 0;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #eaf5db;
  color: #41780f;
  font-weight: 800;
  font-size: 12px;
}
.closing-card > .closing-cta {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
}
.closing-card > .cta-microcopy {
  max-width: 610px;
  margin: 12px auto 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--slate);
  text-align: center;
}

@media (max-width: 600px) {
  .authority-section {
    padding-top: 30px;
    padding-bottom: 24px;
  }
  .authority-section > h2 {
    margin-bottom: 19px;
    font-size: clamp(23px, 6.4vw, 28px);
  }
  .authority-section .proof { gap: 9px; }
  .authority-section .proof strong { font-size: clamp(23px, 6.4vw, 28px); }
  .authority-section .proof span:not(.proof-sep) { font-size: 10.5px; }
  .authority-section .proof-sep { height: 38px; }

  .trusted-brands { padding-top: 28px; padding-bottom: 24px; }
  .trusted-brands h2 { margin-bottom: 15px; }
  .trusted-brands .brand-rail { height: 74px; }
  .trusted-brands .brand-track img { width: 1527px; height: 66px; }
  .trusted-brands .brand-caption { margin-top: 8px; font-size: 10px; }

  .closing-section { padding: 40px 0 54px; }
  .closing-section > .wrap { width: min(calc(100% - 28px), 840px); }
  .closing-card { padding: 28px 18px; border-radius: 15px; }
  .closing-card > h2 { font-size: clamp(24px, 6.5vw, 29px); }
  .closing-card > p:not(.section-label):not(.cta-microcopy) { font-size: 14px; }
  .closing-card .closing-list { gap: 12px; margin: 22px auto; }
  .closing-card .closing-list li { font-size: 13px; }
  .closing-card > .closing-cta { min-height: 62px; }
}