/* Wicion · Cómo funciona deslizante V37.0 */
.wicion-how-section{
  --wh-bg:#fdfdfd;--wh-title:#2f3f49;--wh-title-size:54px;--wh-title-size-mobile:27px;
  --wh-line:#c5a059;--wh-line-width:62px;--wh-line-height:2px;--wh-max-width:1480px;
  --wh-heading-gap:72px;--wh-pt:42px;--wh-pb:72px;--wh-pt-mobile:28px;--wh-pb-mobile:44px;
  --wh-card-bg:#f4f4f4;--wh-card-border:#f0efed;--wh-card-border-width:1px;--wh-card-radius:16px;
  --wh-card-min-height:158px;--wh-card-min-height-mobile:86px;--wh-card-padding:42px;--wh-card-padding-mobile:18px;
  --wh-icon-circle-bg:#fff;--wh-icon-circle-border:#f0efed;--wh-icon-color:#c5a059;--wh-icon-circle-size:60px;--wh-icon-circle-size-mobile:36px;--wh-icon-size:26px;--wh-icon-size-mobile:17px;
  --wh-number-bg:#c5a059;--wh-number-color:#fff;--wh-number-circle:31px;--wh-number-circle-mobile:22px;--wh-number-size:18px;--wh-number-size-mobile:12px;
  --wh-step-title:#8c7851;--wh-step-title-size:23px;--wh-step-title-size-mobile:13px;--wh-step-text:#7b7b7b;--wh-step-text-size:15px;--wh-step-text-size-mobile:9px;
  --wh-dot-active:#8c7851;--wh-dot-inactive:#ccc;--wh-dot-size:8px;--wh-dot-gap:8px;--wh-transition:380ms;
  background:var(--wh-bg);color:var(--wh-title);padding:var(--wh-pt) 18px var(--wh-pb);overflow:hidden;scroll-margin-top:90px;
}
.wicion-how-inner{width:min(var(--wh-max-width),100%);margin:0 auto;text-align:center}
.wicion-how-heading{margin:0;font-family:var(--wh-title-font,'Cormorant Garamond',serif);font-size:var(--wh-title-size);font-weight:var(--wh-title-weight,400);line-height:1.05;color:var(--wh-title);letter-spacing:-.02em}
.wicion-how-line{display:block;width:var(--wh-line-width);height:var(--wh-line-height);margin:18px auto 0;border-radius:999px;background:var(--wh-line)}
.wicion-how-carousel{position:relative;margin-top:var(--wh-heading-gap);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.wicion-how-carousel.is-dragging{cursor:grabbing}
.wicion-how-stage{display:grid;position:relative}
.wicion-how-slide{grid-area:1/1;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateX(58px);transition:opacity var(--wh-transition) ease,transform var(--wh-transition) cubic-bezier(.2,.75,.25,1);will-change:transform,opacity}
.wicion-how-slide.is-before{transform:translateX(-58px)}
.wicion-how-slide.is-active{opacity:1;pointer-events:auto;transform:translateX(var(--wh-drag-x,0px));z-index:2}
.wicion-how-card{position:relative;width:100%;min-height:var(--wh-card-min-height);padding:var(--wh-card-padding);display:grid;place-items:center;align-content:center;background:var(--wh-card-bg);border:var(--wh-card-border-width) solid var(--wh-card-border);border-radius:var(--wh-card-radius);box-sizing:border-box}
.wicion-how-card.has-shadow{box-shadow:0 12px 34px rgba(52,48,42,.06)}
.wicion-how-icon-circle{position:absolute;left:50%;top:0;transform:translate(-50%,-36%);width:var(--wh-icon-circle-size);height:var(--wh-icon-circle-size);display:grid;place-items:center;border-radius:50%;background:var(--wh-icon-circle-bg);border:1px solid var(--wh-icon-circle-border);color:var(--wh-icon-color);box-shadow:0 7px 14px rgba(55,50,44,.10)}
.wicion-how-icon-circle svg{width:var(--wh-icon-size);height:var(--wh-icon-size);display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wicion-how-icon-circle img{width:var(--wh-icon-size);height:var(--wh-icon-size);object-fit:contain;display:block}
.wicion-how-content{display:grid;gap:12px;width:min(100%,1280px);margin:0 auto;padding-top:4px}
.wicion-how-step-head{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.wicion-how-number{width:var(--wh-number-circle);height:var(--wh-number-circle);flex:0 0 var(--wh-number-circle);display:grid;place-items:center;border-radius:50%;background:var(--wh-number-bg);color:var(--wh-number-color);font-family:var(--wh-number-font,'Montserrat',sans-serif);font-size:var(--wh-number-size);font-weight:800;line-height:1}
.wicion-how-step-title{margin:0;color:var(--wh-step-title);font-family:var(--wh-step-title-font,'Montserrat',sans-serif);font-size:var(--wh-step-title-size);font-weight:var(--wh-step-title-weight,700);line-height:1.2}
.wicion-how-step-text{margin:0 auto;color:var(--wh-step-text);font-family:var(--wh-step-text-font,'Montserrat',sans-serif);font-size:var(--wh-step-text-size);line-height:1.55;max-width:96%}
.wicion-how-dots{display:flex;align-items:center;justify-content:center;gap:var(--wh-dot-gap);margin-top:64px}
.wicion-how-dot{appearance:none;-webkit-appearance:none;width:var(--wh-dot-size);height:var(--wh-dot-size);padding:0;border:0;border-radius:50%;background:var(--wh-dot-inactive);cursor:pointer;transition:transform .18s ease,background .18s ease}
.wicion-how-dot:hover{transform:scale(1.2)}
.wicion-how-dot.is-active{background:var(--wh-dot-active);transform:scale(1.04)}
.wicion-how-dot:focus-visible{outline:2px solid var(--wh-dot-active);outline-offset:4px}
@media(max-width:760px){
  .wicion-how-section{padding:var(--wh-pt-mobile) 12px var(--wh-pb-mobile);scroll-margin-top:72px}
  .wicion-how-heading{font-size:var(--wh-title-size-mobile);letter-spacing:-.01em}
  .wicion-how-line{margin-top:12px}
  .wicion-how-carousel{margin-top:calc(var(--wh-heading-gap) * .54)}
  .wicion-how-card{min-height:var(--wh-card-min-height-mobile);padding:var(--wh-card-padding-mobile);border-radius:min(var(--wh-card-radius),14px)}
  .wicion-how-icon-circle{width:var(--wh-icon-circle-size-mobile);height:var(--wh-icon-circle-size-mobile);transform:translate(-50%,-38%)}
  .wicion-how-icon-circle svg,.wicion-how-icon-circle img{width:var(--wh-icon-size-mobile);height:var(--wh-icon-size-mobile)}
  .wicion-how-content{gap:7px;padding-top:2px}
  .wicion-how-step-head{gap:6px}
  .wicion-how-number{width:var(--wh-number-circle-mobile);height:var(--wh-number-circle-mobile);flex-basis:var(--wh-number-circle-mobile);font-size:var(--wh-number-size-mobile)}
  .wicion-how-step-title{font-size:var(--wh-step-title-size-mobile)}
  .wicion-how-step-text{font-size:var(--wh-step-text-size-mobile);line-height:1.45;max-width:96%}
  .wicion-how-dots{margin-top:34px}
}
@media(prefers-reduced-motion:reduce){.wicion-how-slide,.wicion-how-dot{transition:none!important}}
