/* ==========================================================================
   Componente pasos de compra CDP (cdp-buy-steps)
   Copiado tal cual de paraguay/terminales/terminal-de-asuncion.
   Usa --cdp-primary-alt, definido en cdp-buscador.css.
   ========================================================================== */

body > .container > section:not(.cdp-buy-steps) { background: #fff; border-radius: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); margin-bottom: 16px; padding: 30px;}

body > .container > section:not(.cdp-buy-steps) > h2 { font-weight: 500;}

.cdp-buy-steps > h2 { color: var(--cdp-primary-alt); font-weight: 500;}

.cdp-buy-steps-intro { margin-bottom: 0;}

.cdp-buy-steps-list { counter-reset: cdp-buy-step; display: flex; flex-direction: column; gap: 14px; list-style: none; margin: 36px 0 18px; padding: 0;}

.cdp-buy-step { align-items: center; background: #fff; border: 1px solid #eee; border-left-color: #1BCEC8; border-left-width: 4px; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, .06); box-sizing: border-box; counter-increment: cdp-buy-step; display: grid; gap: 18px; grid-template-columns: 48px 28px minmax(0, 1fr); min-width: 0; padding: 20px 22px; position: relative;}

.cdp-buy-step:not(:last-child)::after { background: #1BCEC8; bottom: -14px; content: ""; height: 14px; left: 49px; position: absolute; width: 3px;}

.cdp-buy-step::before { align-items: center; background: rgba(159, 24, 151, .1); border: 2px solid rgba(159, 24, 151, .28); border-radius: 50%; color: var(--cdp-primary-alt); content: counter(cdp-buy-step); display: flex; font-size: 18px; font-weight: 600; height: 48px; justify-content: center; margin-bottom: 0; width: 48px;}

.cdp-buy-step:last-child::before { background: rgba(26, 88, 85, .08); border-color: rgba(26, 88, 85, .36); color: #1A5855;}

.cdp-buy-step-icon { align-items: center; background: rgba(159, 24, 151, .1); border-radius: 50%; color: var(--cdp-primary-alt); display: inline-flex; height: 28px; justify-content: center; position: static; width: 28px;}

.cdp-buy-step:last-child .cdp-buy-step-icon { background: rgba(26, 88, 85, .12); color: #1A5855;}

.cdp-buy-step-icon svg { display: block; height: 17px; width: 17px;}

.cdp-buy-step-icon path { fill: currentColor;}

.cdp-buy-step p { margin-bottom: 0; min-width: 0;}

.cdp-buy-steps-note { margin-bottom: 0;}

@media (max-width: 767.98px) {
  body > .container > section:not(.cdp-buy-steps) { margin-bottom: 16px; padding: 22px;}
  .cdp-buy-steps-list { gap: 12px; margin-top: 32px;}
  .cdp-buy-step { gap: 12px; grid-template-columns: 44px 28px minmax(0, 1fr); padding: 18px;}
  .cdp-buy-step::before { height: 44px; width: 44px;}
  .cdp-buy-step:not(:last-child)::after { bottom: -12px; height: 12px; left: 43px;}
}