/* Leveragency · sección "Proceso" — timeline con días.
   Todo scopeado bajo .sec-proceso. El único ámbar es el hilo de la línea. */

.sec-proceso .pr-hitos{list-style:none;margin:0;padding:0;display:grid;gap:0}

.sec-proceso .pr-hito{position:relative;padding:0 0 30px 34px}
.sec-proceso .pr-hito:last-child{padding-bottom:0}

/* hilo ámbar (vertical en mobile) */
.sec-proceso .pr-hito::before{content:"";position:absolute;left:6.25px;top:0;bottom:0;width:1.5px;background:var(--ambar)}
.sec-proceso .pr-hito:first-child::before{top:7px}
.sec-proceso .pr-hito:last-child::before{bottom:auto;height:7px}

/* punto */
.sec-proceso .pr-punto{position:absolute;left:0;top:1px;width:13px;height:13px;border-radius:50%;background:var(--tinta);box-shadow:0 0 0 4px var(--papel-bajo)}

.sec-proceso .pr-dia{display:block;font-family:var(--fm);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:10px;line-height:1}
.sec-proceso .pr-hito h3{font-size:clamp(21px,1.9vw,26px);margin-bottom:.4em}
.sec-proceso .pr-hito p{font-size:16.5px;line-height:1.5;color:var(--tinta-cuerpo);margin:0;max-width:42ch}

.sec-proceso .pr-nota{margin-top:clamp(32px,4vw,44px);max-width:62ch}
.sec-proceso .pr-cta{margin-top:24px}
@media (max-width:520px){
  .sec-proceso .pr-cta{display:grid;gap:12px}
  .sec-proceso .pr-cta .btn{width:100%}
}

/* ---------- desktop: timeline horizontal ---------- */
@media (min-width:900px){
  .sec-proceso .pr-hitos{grid-template-columns:repeat(4,1fr);column-gap:32px}
  .sec-proceso .pr-hito{padding:34px 0 0 0}
  .sec-proceso .pr-hito::before{left:0;right:-32px;top:6px;bottom:auto;width:auto;height:1.5px}
  .sec-proceso .pr-hito:first-child::before{top:6px}
  .sec-proceso .pr-hito:last-child::before{display:none}
  .sec-proceso .pr-punto{top:0}
  .sec-proceso .pr-hito h3{min-height:2.3em;margin-bottom:.55em}
  .sec-proceso .pr-hito p{max-width:32ch}
}