/* Leveragency · sección "Analogías" — el quiebre visual entre Proceso y Precios.
   Pieza tipográfica sobre fondo tinta: sin tabla, sin grilla, sin cards.
   Todo scopeado bajo .sec-analogias. Ámbar (máx. 3 por pantalla): eyebrow (heredado
   de .sec--tinta) + números 01–05 (cuentan como un solo elemento, mismo set) +
   el subrayado de "perdés meses". Nada más lleva color de señal acá. */

/* respiración generosa: este bloque es el respiro entre dos secciones densas */
.sec-analogias{
  padding-top:clamp(96px,13vw,168px);
  padding-bottom:clamp(96px,13vw,168px);
}

.sec-analogias .an-wrap{
  max-width:900px;
  margin:0 auto;
}

/* ---------- lista de analogías ---------- */
.sec-analogias .an-lista{
  list-style:none;
  margin:clamp(28px,4vw,44px) 0 0;
  padding:0;
  counter-reset:analogia;
}

.sec-analogias .an-item{
  counter-increment:analogia;
  position:relative;
  padding:11px 0 11px 46px;
  font-family:var(--fd);
  font-variation-settings:'SOFT' 0,'WONK' 0;
  font-weight:600;
  font-size:clamp(26px,3vw,38px);
  line-height:1.22;
  letter-spacing:-.01em;
  color:var(--papel);
  text-wrap:balance;
}
.sec-analogias .an-item:first-child{padding-top:0}

/* número en mono, colgando en el margen izquierdo — mismo tono que el eyebrow de .sec--tinta */
.sec-analogias .an-item::before{
  content:counter(analogia,decimal-leading-zero);
  position:absolute;
  left:0;
  top:.6em;
  font-family:var(--fm);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--ambar-tinta);
  line-height:1;
}

/* ---------- el giro ---------- */
.sec-analogias .an-giro{
  margin:clamp(40px,6vw,64px) 0 0;
  max-width:34ch;
}

/* ---------- cierre ---------- */
.sec-analogias .an-cierre{
  margin:16px 0 0;
  max-width:52ch;
}

/* ---------- CTA ---------- */
.sec-analogias .an-cta{
  margin-top:clamp(30px,4vw,40px);
}

@media (max-width:520px){
  .sec-analogias .an-cta{display:grid;grid-template-columns:1fr}
  .sec-analogias .an-cta .btn{width:100%}
}