/* ============================================================
   PROCESO — Cómo trabajamos (5 etapas)
   ============================================================ */

  /* Contenido siempre visible (número + título + descripción) — el hover/focus
     solo agrega énfasis (línea, número, título), nunca oculta información:
     así el proceso se entiende igual con mouse, teclado o touch. */
  .process-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:36px;}
  .process-step{position:relative;padding-left:44px;border-left:2px solid var(--go-line);outline:none;transition:border-color .35s ease;}

  .process-num{position:absolute;left:-13px;top:0;width:26px;height:26px;border-radius:50%;background:var(--go-surface);border:2px solid var(--go-line);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;font-size:10px;color:var(--go-black);transition:background-color .35s var(--ease-premium), border-color .35s var(--ease-premium), color .35s var(--ease-premium), transform .35s var(--ease-premium);}
  .process-title{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:var(--go-black);transition:transform .3s var(--ease-premium);}
  .process-desc{margin-top:8px;font-size:13.5px;line-height:1.6;color:var(--go-muted);max-width:340px;}

  .process-step:hover,
  .process-step:focus-visible{border-color:var(--go-orange);}
  .process-step:hover .process-num,
  .process-step:focus-visible .process-num{background:var(--go-orange);border-color:var(--go-orange);color:#fff;transform:scale(1.15);}
  .process-step:hover .process-title,
  .process-step:focus-visible .process-title{transform:translateX(4px);}

  @media (min-width:1024px){
    .process-timeline{flex-direction:row;gap:0;}
    .process-step{flex:1;padding-left:0;padding-top:32px;padding-right:28px;border-left:none;border-top:2px solid var(--go-line);}
    .process-step:last-child{padding-right:0;}
    .process-num{left:0;top:-13px;}
    .process-desc{max-width:none;}
  }

  html[data-theme="dark"] .process-num{background:var(--go-surface);}