/* WolfFIT SM · Inicio v10: escaparate, categorías, pilares, pasos y pagos */

/* ---- Tarjetas de producto: botones siempre a la misma altura ---- */
.pc5-bd{gap:4px}
.pc5-lo{margin:2px 0 0;min-height:1.25em}
.pc5-lo.nil{visibility:hidden}
.pc5-bd>.pc5-add,.pc5-bd>.pc5-lo+.pc5-add,.pc5-bd>.pc5-pr+.pc5-add{margin-top:auto!important}
.pc5-bd>.pc5-lo{margin-bottom:12px}
.pc5-pr{min-height:30px}

/* ---- Franja de categorías (inicio): sin números, sin íconos abajo, sin efecto al pasar el cursor ---- */
.wfh-chip:hover,.wfh-st:hover{background:none!important}
button.wfh-chip:hover:after{transform:scaleX(0)}
.wfh-chip:hover i{transform:none;background:radial-gradient(circle at 30% 25%,rgba(235,221,178,.26),rgba(200,168,98,.06))}
.wfh-st{padding:22px 18px}
.wfh-st>div{text-align:center}

/* ---- A la vista ---- */
.wfx9{padding:76px 0 30px}
.wfx9 .wfo-in{max-width:1280px}
.wfx9-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}
.wfx9-tx{max-width:640px}
.wfx9-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c8a862}
.wfx9-hd h2{margin:8px 0 10px;font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:#fff}
.wfx9-sub{margin:0;max-width:540px;color:#a9a9b3;font-size:16px;line-height:1.55}
.wfx9-ctl{display:flex;gap:8px;flex:none}
.wfx9-ctl button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:24px;line-height:1;color:#fff;cursor:pointer;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transform:none!important;padding:0 0 3px}
.wfx9-ctl button:hover{box-shadow:inset 0 0 0 1px #ebddb2}
.wfx9-sc{padding:6px 2px 8px}
.wfx9-pg{height:2px;margin:14px 2px 0;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.wfx9-pg i{display:block;height:100%;width:30%;border-radius:2px;background:#ebddb2;transition:margin-left .35s ease,width .35s ease}
.wfx9-ft{display:flex;justify-content:center;margin-top:30px}
.wfx9-all{padding:0 30px;height:48px;border-radius:999px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transform:none!important}
.wfx9-all:hover{box-shadow:inset 0 0 0 1px #ebddb2;color:#ebddb2}
.wfx9.fit .wfx9-ctl,.wfx9.fit .wfx9-pg{display:none}
.wfx9.fit .wfx9-sc{justify-content:center}
@media (max-width:760px){
 .wfx9{padding:52px 0 18px}
 .wfx9-hd{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:22px}
 .wfx9-sub{font-size:15px}
 .wfx9-ctl{display:none}
}

/* ---- Pilares: qué es cada suplemento ---- */
.wfp10{padding:80px 0 88px;background:#1e2025;border-bottom:1px solid rgba(200,168,98,.8)}
.wfp10-in{max-width:1280px;margin:0 auto;padding:0 24px}
.wfp10-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px}
.wfp10-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c8a862}
.wfp10-hd h2{margin:8px 0 0;font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:#fff;text-transform:none}
.wfp10-hd p{max-width:360px;margin:0;color:#a9a9b3;font-size:15px;line-height:1.55}
.wfp10-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wfp10-c{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#17181c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.wfp10-v{position:relative;height:240px;display:grid;place-items:center;background:radial-gradient(110% 90% at 50% 20%,#fff,#eceef2 60%,#dcdfe6)}
.wfp10-v img{max-width:68%;max-height:86%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(0,0,0,.2))}
.wfp10-v.ph{background:radial-gradient(120% 110% at 25% 0,#34363e,#17181c 70%)}
.wfp10-gl{display:none;color:rgba(235,221,178,.55)}
.wfp10-v.ph .wfp10-gl{display:block;width:84px;height:84px}
.wfp10-ct{position:absolute;left:16px;top:16px;padding:6px 12px;border-radius:999px;background:#15161a;color:#ebddb2;font-size:12px;font-weight:700;letter-spacing:.01em}
.wfp10-go{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#15161a!important;color:#ebddb2!important;box-shadow:inset 0 0 0 1px rgba(200,168,98,.75)!important;transform:none!important;transition:background .25s,color .25s}
.wfp10-go:hover{background:#ebddb2!important;color:#15161a!important}
.wfp10-b{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px}
.wfp10-b h3{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:#fff;text-transform:none}
.wfp10-tg{margin:4px 0 20px;color:#ebddb2;font-size:14.5px;font-weight:600}
.wfp10-b dl{display:grid;gap:16px;margin:0 0 20px}
.wfp10-b dt{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#c8a862}
.wfp10-b dd{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:#c9c9d1}
.wfp10-dt{margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#9a9ba5}
.wfp10-nt{margin:26px 0 0;text-align:center;font-size:12.5px;color:#7f808a}
@media (max-width:900px){
 .wfp10{padding:56px 0 60px}
 .wfp10-hd{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px}
 .wfp10-g{grid-template-columns:1fr;gap:18px}
 .wfp10-v{height:210px}
}

/* ---- Comprar es fácil ---- */
.wfs10{padding:80px 0 92px;background:#1e2025;border-bottom:1px solid rgba(200,168,98,.8)}
.wfs10-in{max-width:1180px;margin:0 auto;padding:0 24px}
.wfs10-hd{max-width:560px;margin:0 auto 60px;text-align:center}
.wfs10-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c8a862}
.wfs10-hd h2{margin:8px 0 10px;font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:#fff;text-transform:none}
.wfs10-hd p{margin:0;color:#a9a9b3;font-size:16px}
.wfs10-tr{position:relative}
.wfs10-ls{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.wfs10-st{position:relative;padding:0 10px;text-align:center}
.wfs10-nd{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#26282e;color:#a9a9b3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.wfs10-nd b{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#15161a;color:#ebddb2;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(200,168,98,.65)}
.wfs10-st h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em;text-transform:none;opacity:.55;transition:opacity .5s}
.wfs10-st p{margin:0 auto;max-width:230px;font-size:14.5px;line-height:1.5;color:#a9a9b3;opacity:.55}
.wfs10-rail{position:absolute;left:12.5%;right:12.5%;top:35px;height:2px;border-radius:2px;background:rgba(255,255,255,.13)}
.wfs10-fill{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,#c8a862,#ebddb2);transform:scaleX(0);transform-origin:left}
.wfs10-truck{position:absolute;top:50%;left:0;display:grid;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#ebddb2;color:#15161a;opacity:0;box-shadow:0 6px 18px -4px rgba(235,221,178,.55)}
.wfs10-tr.on .wfs10-fill{transform:scaleX(1);transition:transform 3.6s linear}
.wfs10-tr.on .wfs10-truck{left:100%;opacity:1;transition:left 3.6s linear,opacity .3s}
.wfs10-tr.on .wfs10-nd{animation:wfs10-lit .7s calc(var(--i)*1.2s) both}
.wfs10-tr.on .wfs10-st h3,.wfs10-tr.on .wfs10-st p{animation:wfs10-up .7s calc(var(--i)*1.2s) both}
.wfs10-tr.on .wfs10-st:last-child .wfs10-nd:after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 0 rgba(235,221,178,.5);animation:wfs10-ring 2s 4.4s infinite ease-out}
@keyframes wfs10-lit{0%{background:#26282e;color:#a9a9b3;transform:scale(1)}45%{transform:scale(1.16)}100%{background:#ebddb2;color:#15161a;transform:scale(1);box-shadow:inset 0 0 0 1px rgba(200,168,98,.9),0 10px 26px -8px rgba(235,221,178,.5)}}
@keyframes wfs10-up{0%{opacity:.55;transform:translateY(6px)}100%{opacity:1;transform:none}}
@keyframes wfs10-ring{0%{box-shadow:0 0 0 0 rgba(235,221,178,.5)}100%{box-shadow:0 0 0 18px rgba(235,221,178,0)}}
@keyframes wfs10-seg{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (max-width:760px){
 .wfs10{padding:56px 0 64px}
 .wfs10-hd{margin-bottom:38px}
 .wfs10-ls{grid-template-columns:1fr;gap:34px}
 .wfs10-st{display:grid;grid-template-columns:60px 1fr;column-gap:18px;align-items:center;text-align:left;padding:0}
 .wfs10-nd{grid-row:1 / span 2;width:60px;height:60px;margin:0}
 .wfs10-st p{max-width:none;margin:0}
 .wfs10-rail{display:none}
 .wfs10-st:not(:last-child):before,.wfs10-st:not(:last-child):after{content:"";position:absolute;left:29px;top:64px;bottom:-30px;width:2px;border-radius:2px}
 .wfs10-st:not(:last-child):before{background:rgba(255,255,255,.13)}
 .wfs10-st:not(:last-child):after{background:linear-gradient(180deg,#c8a862,#ebddb2);transform:scaleY(0);transform-origin:top}
 .wfs10-tr.on .wfs10-st:not(:last-child):after{animation:wfs10-seg 1.2s calc(var(--i)*1.2s) linear both}
}
@media (prefers-reduced-motion:reduce){
 .wfs10 *,.wfs10 *:after{animation:none!important;transition:none!important}
 .wfs10-fill{transform:scaleX(1)}
 .wfs10-truck{display:none}
 .wfs10-nd{background:#ebddb2;color:#15161a}
 .wfs10-st h3,.wfs10-st p{opacity:1}
 .wfs10-st:not(:last-child):after{transform:scaleY(1)}
}

/* ---- Métodos de pago: logos ---- */
.wfb10{display:flex;flex-direction:column;align-items:center;gap:14px;margin:38px auto 0}
.wfb10-t{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8e8f99}
.wfb10-l{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none}
.wfb10-i{display:grid;place-items:center;min-width:120px;height:52px;padding:0 20px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -16px #000}
.wfb10-i img{max-width:96px;max-height:28px;object-fit:contain}
.wfb10-i span{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:#1b1c21}
@media (max-width:560px){.wfb10-i{min-width:104px;height:48px}}
.wfp10-v img{mix-blend-mode:multiply}
.wfx9.fit .wfx9-hd{justify-content:center;text-align:center}
.wfx9.fit .wfx9-sub{margin-left:auto;margin-right:auto}
@media (max-width:760px){.wfx9.fit .wfx9-hd{align-items:center}}
.wfp10-v{background:#fff}
.wfp10-v.ph{background:radial-gradient(120% 110% at 25% 0,#34363e,#17181c 70%)}