/* Hallmark · redesign · body-only e-commerce · genre: modern-minimal · theme: custom (warm-white + JFM orange #F6921E · Rubik + Nunito Sans) · pre-emit critique: P4 H5 E4 S5 R4 V4 */

:root{
  --bg:#FCFBF7; --surface:#FFFFFF; --panel:#F5F4F1; --panel-2:#FBFAF8;
  --ink:#1A1714; --ink-2:#57524B; --muted:#948E84;
  --line:#EAE7E1; --line-2:#F1EEE8;
  --brand:#F6921E; --brand-press:#DE7C0A; --brand-deep:#B4610A; --brand-tint:#FDF2E4;
  --stock:#1C9B57; --sale:#D63A2C;
  --r:14px; --maxw:1200px;
  --ease:cubic-bezier(0.23,1,0.32,1);
  --sh-2:0 6px 16px rgba(26,23,20,.07),0 1px 3px rgba(26,23,20,.05);
  --sh-3:0 20px 50px rgba(26,23,20,.13);
  --fh:'Rubik',system-ui,-apple-system,"Segoe UI",sans-serif;
  --fb:'Nunito Sans',system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3{margin:0;font-family:var(--fh);font-weight:700;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.eyebrow{font-family:var(--fh);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.tnum{font-variant-numeric:tabular-nums}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:6px}
.ar{display:inline-block;transition:transform .2s var(--ease)}

.anno{border-bottom:1px solid var(--line);background:var(--panel-2)}
.anno .wrap{display:flex;align-items:center;justify-content:center;gap:10px;height:36px;font-size:12.5px;color:var(--ink-2);font-weight:600}
.anno .dot{width:4px;height:4px;border-radius:50%;background:var(--brand)}
.anno .hide-sm{display:none}
@media(min-width:720px){.anno .hide-sm{display:inline}}

.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:20px;height:68px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo__mark{width:30px;height:30px}
.logo__txt{font-family:var(--fh);font-weight:800;font-size:19px;letter-spacing:-.03em;line-height:1}
.logo__txt small{display:block;font-size:9px;font-weight:600;letter-spacing:.24em;color:var(--muted);margin-top:2px}
.search{flex:1;max-width:540px;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:0 6px 0 16px;height:44px;transition:border-color .18s var(--ease),background .18s var(--ease)}
.search:focus-within{border-color:var(--brand);background:#fff}
.search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.search input{flex:1;border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink);outline:none}
.search input::placeholder{color:var(--muted)}
.search button{background:var(--ink);color:#fff;height:34px;padding:0 16px;border-radius:999px;font-family:var(--fh);font-weight:600;font-size:13px;transition:transform .16s var(--ease)}
.search button:active{transform:scale(.97)}
.hd__act{display:flex;align-items:center;gap:4px;flex-shrink:0}
.iconbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--ink-2);transition:background .16s var(--ease),color .16s var(--ease)}
.iconbtn svg{width:20px;height:20px}.iconbtn .lbl{display:none}
@media(min-width:1000px){.iconbtn .lbl{display:inline}}
.iconbtn__cart{position:relative}
.iconbtn__cart .b{position:absolute;top:2px;right:3px;background:var(--brand);color:#fff;font-family:var(--fh);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 3px}
@media(hover:hover) and (pointer:fine){.iconbtn:hover{background:var(--panel);color:var(--ink)}}
.hd__msearch{display:inline-flex}
@media(min-width:701px){.hd__msearch{display:none}}
@media(max-width:700px){.search{display:none}}
.nav{border-bottom:1px solid var(--line);background:#fff}
.nav .wrap{display:flex;gap:2px;height:48px;align-items:center;overflow-x:auto;scrollbar-width:none}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{font-family:var(--fh);font-size:13.5px;font-weight:500;color:var(--ink-2);padding:8px 13px;border-radius:8px;white-space:nowrap;transition:color .16s var(--ease),background .16s var(--ease)}
.nav a.on{color:var(--ink);font-weight:600}
.nav a.on::after{content:"";display:block;height:2px;background:var(--brand);border-radius:2px;margin-top:5px}
@media(hover:hover) and (pointer:fine){.nav a:hover{color:var(--ink);background:var(--panel)}}

.note{max-width:var(--maxw);margin:0 auto;padding:14px 22px 0}
.note div{background:var(--brand-tint);border:1px solid #F3D8B4;border-radius:12px;padding:11px 15px;font-size:13px;color:var(--brand-deep)}

.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--fh);font-weight:600;font-size:14.5px;padding:14px 24px;border-radius:12px;transition:transform .16s var(--ease),box-shadow .2s var(--ease),background .16s var(--ease);white-space:nowrap}
.btn:active{transform:scale(.975)}
.btn--brand{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(180,97,10,.28)}
.btn--dark{background:var(--ink);color:#fff}
.btn--out{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn--light{background:#fff;color:var(--ink)}
.btn--wa{background:#1FA855;color:#fff}
@media(hover:hover) and (pointer:fine){.btn--brand:hover{background:var(--brand-press)}.btn--out:hover{border-color:var(--ink)}.btn:hover .ar{transform:translateX(4px)}}

/* hero carousel */
.hero{padding:40px 0 8px}
.hero__vp{position:relative}
.hero__slides{display:grid}
.hslide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility .55s var(--ease);pointer-events:none}
.hslide.on{opacity:1;visibility:visible;pointer-events:auto}
.hgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 22px}
.hslide h1{font-size:clamp(34px,5.4vw,62px);font-weight:800;letter-spacing:-.035em;line-height:1.02}
.hslide h1 em{font-style:normal;color:var(--brand)}
.hlead{color:var(--ink-2);font-size:clamp(15px,1.55vw,18px);margin:18px 0 26px;max-width:42ch}
.hcta{display:flex;gap:12px;flex-wrap:wrap}
.hpanel{position:relative;border:1px solid var(--line);border-radius:26px;overflow:hidden;aspect-ratio:1/.86;background:#0a0e1a;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:22px}
.hpanel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,18,.12) 0%,rgba(8,10,18,0) 34%,rgba(8,10,18,.66) 100%);pointer-events:none}
.hchip{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.95);border-radius:999px;padding:7px 13px;font-family:var(--fh);font-size:12px;font-weight:600;color:var(--ink)}
.hchip .dot{width:6px;height:6px;border-radius:50%;background:var(--brand)}
.hcap{position:relative;z-index:1;color:#fff}
.hcap b{font-family:var(--fh);font-weight:700;font-size:18px;display:block;letter-spacing:-.01em}
.hcap span{font-size:13px;color:rgba(255,255,255,.78)}
.hero__ctrl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px}
.hero__arr{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink-2);transition:border-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}
.hero__arr svg{width:18px;height:18px}
.hero__arr:active{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){.hero__arr:hover{border-color:var(--ink);color:var(--ink)}}
.hero__dots{display:flex;gap:8px}
.hdot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .2s var(--ease),width .2s var(--ease)}
.hdot.on{background:var(--brand);width:26px;border-radius:5px}
.hero__stats{display:flex;gap:30px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.hero__stats div{display:flex;flex-direction:column}
.hero__stats b{font-family:var(--fh);font-weight:700;font-size:21px;letter-spacing:-.02em;white-space:nowrap}
.hero__stats span{font-size:12.5px;color:var(--muted)}
@media(max-width:880px){.hgrid{grid-template-columns:1fr;gap:24px}.hpanel{aspect-ratio:16/10}.hero__slides .hslide{align-self:start}}

/* trust */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-2);margin-top:44px}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust__i{display:flex;align-items:center;gap:13px;padding:22px 8px}
.trust__i+.trust__i{border-left:1px solid var(--line)}
.trust__ic{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center}
.trust__ic img{width:46px;height:46px;object-fit:contain}
.trust__i b{font-family:var(--fh);font-size:14px;font-weight:600;display:block}
.trust__i span{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){.trust .wrap{grid-template-columns:1fr 1fr}.trust__i:nth-child(3){border-left:0}.trust__i:nth-child(3),.trust__i:nth-child(4){border-top:1px solid var(--line)}}

/* section */
.sec{padding:60px 0}
.sec--panel{background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:82px}
.sec--gamer{background:#16151b;border-top:1px solid #262430;border-bottom:1px solid #262430}
.sec--gamer .sec__head h2,.sec--gamer .sec__head h2 span{color:#fff}
.sec--gamer .eyebrow{color:#C9BEE8}
.sec--gamer .sec__more{color:#cfc7e6}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}
.sec__head h2{font-size:clamp(23px,2.9vw,34px);font-weight:700}
.sec__head .eyebrow{margin-bottom:10px;display:block}
.sec__more{font-family:var(--fh);font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .16s var(--ease)}
@media(hover:hover) and (pointer:fine){.sec__more:hover{color:var(--brand-deep)}.sec__more:hover .ar{transform:translateX(3px)}}

/* categories — Falabella-style image cards */
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.cat__img{aspect-ratio:1/1;background:var(--panel-2);display:grid;place-items:center;padding:16px;overflow:hidden}
.cat__img img{max-width:84%;max-height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s var(--ease)}
.cat__meta{padding:13px 14px 15px;display:flex;flex-direction:column;gap:3px}
.cat__name{font-family:var(--fh);font-weight:600;font-size:13.5px;line-height:1.22;color:var(--ink)}
.cat__count{font-size:11.5px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.cat:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:transparent}.cat:hover .cat__img img{transform:scale(1.06)}}
@media(max-width:1000px){.cats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.cats{grid-template-columns:repeat(2,1fr);gap:11px}}

/* rail + grid + card */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(238px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.pc__media{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:24px;overflow:hidden}
.pc__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s var(--ease)}
.pc__badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;gap:6px}
.tag{font-family:var(--fh);font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;color:#fff}
.tag--sale{background:var(--sale)}.tag--new{background:var(--ink)}.tag--out{background:#9A948B}
.pc__fav{position:absolute;top:11px;right:11px;z-index:2;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);opacity:0;transform:translateY(-3px);transition:opacity .2s var(--ease),transform .2s var(--ease),color .16s var(--ease)}
.pc__fav svg{width:17px;height:17px}
.pc__body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:7px;flex:1}
.pc__brand{font-family:var(--fh);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pc__name{font-size:13.5px;font-weight:600;line-height:1.34;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc__stock{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--stock)}
.pc__stock.out{color:var(--muted)}
.pc__stock i{width:6px;height:6px;border-radius:50%;background:currentColor}
.pc__foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:8px}
.pc__price{display:flex;flex-direction:column;line-height:1.1}
.pc__price b{font-family:var(--fh);font-size:17px;font-weight:700;letter-spacing:-.01em}
.pc__price del{font-size:12px;color:var(--muted);font-weight:400;order:-1;margin-bottom:2px}
.pc__price small{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:2px}
.pc__add{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:transform .16s var(--ease),background .16s var(--ease)}
.pc__add svg{width:20px;height:20px}.pc__add:active{transform:scale(.94)}
.pc__add.out{background:var(--panel);color:var(--muted);border:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:transparent}.pc:hover .pc__media img{transform:scale(1.045)}.pc:hover .pc__fav{opacity:1;transform:translateY(0)}.pc__fav:hover{color:var(--sale);border-color:var(--sale)}.pc__add:hover{background:var(--brand-press)}}

/* cinematic banner */
.cine{position:relative;min-height:440px;display:flex;align-items:center;overflow:hidden}
.cine__bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
.cine__scrim{position:absolute;inset:0}
.cine--l .cine__scrim{background:linear-gradient(90deg,rgba(12,11,14,.88) 0%,rgba(12,11,14,.66) 40%,rgba(12,11,14,.15) 76%,rgba(12,11,14,0) 100%)}
.cine--r{justify-content:flex-end;text-align:right}
.cine--r .cine__scrim{background:linear-gradient(270deg,rgba(12,11,14,.88) 0%,rgba(12,11,14,.64) 40%,rgba(12,11,14,.12) 78%,rgba(12,11,14,0) 100%)}
.cine__in{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 22px;width:100%}
.cine__box{max-width:31rem}
.cine--r .cine__box{margin-left:auto}
.cine .eyebrow{color:var(--brand);margin-bottom:14px}
.cine h2{color:#fff;font-size:clamp(27px,3.6vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.cine p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 24px}
@media(max-width:640px){.cine{min-height:420px}.cine--r,.cine--r .cine__box{text-align:left}.cine--r .cine__scrim{background:linear-gradient(90deg,rgba(12,11,14,.88),rgba(12,11,14,.55) 60%,rgba(12,11,14,.12))}}

/* brands */
.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.brand{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;padding:14px;transition:border-color .16s var(--ease),transform .16s var(--ease)}
.brand img{max-height:36px;max-width:82%;object-fit:contain;filter:none;opacity:1;transition:transform .18s var(--ease)}
.brand span{font-family:var(--fh);font-weight:600;color:var(--ink-2);font-size:14px}
@media(hover:hover) and (pointer:fine){.brand:hover{border-color:var(--brand);transform:translateY(-2px)}.brand:hover img{filter:none;opacity:1}.brand:hover span{color:var(--brand-deep)}}
@media(max-width:900px){.brands{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.brands{grid-template-columns:repeat(3,1fr)}}

/* advisor */
.advisor{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:40px 42px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.advisor h3{font-size:clamp(20px,2.4vw,27px);font-weight:700;margin-bottom:8px}
.advisor p{color:var(--ink-2);font-size:14.5px;max-width:44ch;margin:0}
.advisor__cta{display:flex;gap:10px;flex-wrap:wrap}

/* newsletter */
.news{padding:70px 0}
.news .wrap{background:var(--ink);border-radius:22px;padding:54px 40px;text-align:center;color:#fff}
.news h2{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:700}
.news p{color:rgba(255,255,255,.72);margin:12px auto 24px;max-width:46ch;font-size:15px}
.news__form{display:flex;gap:10px;max-width:460px;margin:0 auto}
.news__form input{flex:1;height:50px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:12px;padding:0 18px;font:inherit;font-size:14.5px;color:#fff;outline:none}
.news__form input::placeholder{color:rgba(255,255,255,.5)}
.news__form input:focus{border-color:var(--brand)}
@media(max-width:520px){.news__form{flex-direction:column}}

/* footer */
.ft{background:#151310;color:#A9A29A;padding:60px 0 30px}
.ft__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px}
.ft h4{color:#fff;font-family:var(--fh);font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 15px}
.ft a{display:block;padding:5px 0;font-size:13.5px;color:#A9A29A;transition:color .16s var(--ease)}
@media(hover:hover) and (pointer:fine){.ft a:hover{color:var(--brand)}}
.ft__brand{max-width:34ch;font-size:13.5px;line-height:1.65}
.ft__brand .logo{margin-bottom:14px}.ft__brand .logo__txt{color:#fff}
.ft__pay{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}
.ft__pay span{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:5px 9px;font-family:var(--fh);font-size:11px;font-weight:600;color:#fff}
.ft__bot{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#78726A}
@media(max-width:820px){.ft__grid{grid-template-columns:1fr 1fr}.ft__brand{grid-column:1/-1}}

.fab{position:fixed;right:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;background:#1FA855;display:grid;place-items:center;box-shadow:0 8px 24px rgba(31,168,85,.4);transition:transform .18s var(--ease)}
.fab svg{width:28px;height:28px}.fab:active{transform:scale(.94)}

@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(16px)}
  .reveal.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
}
@keyframes pop{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-16px 0 24px}
.chip{font-family:var(--fh);font-size:12.5px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}
.chip.on{background:var(--brand-tint);border-color:#F3D8B4;color:var(--brand-deep)}
.sec--panel .chip,.sec--gamer .chip{background:#fff}
@media(hover:hover) and (pointer:fine){.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on:hover{border-color:#F3D8B4;color:var(--brand-deep)}}
.fin{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 34px}
.fin__lead h3{font-family:var(--fh);font-weight:700;font-size:clamp(19px,2.2vw,25px);letter-spacing:-.02em}
.fin__lead h3 span{color:var(--brand)}
.fin__lead p{color:var(--ink-2);font-size:14px;margin:8px 0 0}
.fin__lead strong{color:var(--stock);font-weight:700}
.fin__opts{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;align-items:stretch}
.fin__logo{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 22px;min-height:64px;display:flex;align-items:center;justify-content:center;position:relative}
.fin__logo img{max-height:30px;max-width:132px;object-fit:contain}
.fin__tag{position:absolute;top:-9px;right:-8px;background:var(--stock);color:#fff;font-family:var(--fh);font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px}
.fin__wuki{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:16px}
.fin__wuki-brand{max-height:26px;max-width:92px;object-fit:contain}
.fin__cov{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:16px}
.fin__cov>span{font-family:var(--fh);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.fin__util{display:flex;gap:14px;align-items:center}
.fin__util img{max-height:20px;max-width:76px;object-fit:contain;filter:grayscale(.15)}
@media(max-width:600px){.fin__wuki{flex-wrap:wrap;gap:12px}.fin__cov{border-left:0;padding-left:0}}
.fin__pay{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.fin__pay-lbl{display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-size:13px;font-weight:600;color:var(--ink-2)}
.fin__pay-epayco{height:20px;width:auto}
.fin__pay-logos{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.fin__pay-logos img{height:23px;width:auto;object-fit:contain}
.serv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.serv__c{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.serv__img{aspect-ratio:16/10;background:var(--panel-2) center/cover no-repeat}
.serv__img svg{width:30px;height:30px;opacity:.45}
.serv__img .ph{font-family:var(--fh);font-size:11.5px;font-weight:600;color:var(--muted)}
.serv__b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.serv__b h3{font-family:var(--fh);font-weight:700;font-size:18px}
.serv__b p{color:var(--ink-2);font-size:14px;margin:0;flex:1}
.serv__cta{font-family:var(--fh);font-weight:600;font-size:13.5px;color:var(--brand-deep)}
@media(hover:hover) and (pointer:fine){.serv__c:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:transparent}}
@media(max-width:800px){.serv{grid-template-columns:1fr}}
.inds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ind{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;isolation:isolate;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.ind__img{position:absolute;inset:0;background:var(--panel-2);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--muted);z-index:-1}
.ind__img .ph{font-family:var(--fh);font-size:11px;font-weight:600;text-align:center;padding:10px}
.ind__name{position:relative;font-family:var(--fh);font-weight:700;font-size:14px;color:#fff;padding:16px;width:100%;background:linear-gradient(180deg,transparent,rgba(10,9,12,.72))}
@media(hover:hover) and (pointer:fine){.ind:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}}
@media(max-width:900px){.inds{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.inds{grid-template-columns:repeat(2,1fr)}}
.clients{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.client{aspect-ratio:16/9;display:grid;place-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.client img{max-height:52px;max-width:82%;object-fit:contain;filter:none;opacity:1;transition:transform .25s var(--ease)}
@media(hover:hover) and (pointer:fine){.client:hover img{transform:scale(1.05)}}
@media(max-width:900px){.clients{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.clients{grid-template-columns:repeat(2,1fr)}}
/* ==== v20.1 fixes producción: especificidad vs CSS global Divi ==== */
.jfm-v20 a.btn,.jfm-v20 .btn{text-decoration:none!important}
.jfm-v20 a.btn--brand,.jfm-v20 .btn--brand{color:#fff!important}
.jfm-v20 a.btn--brand:hover{color:#fff!important}
.jfm-v20 a.btn--light,.jfm-v20 .btn--light{color:#1A1714!important;background:#fff!important}
.jfm-v20 a.btn--out,.jfm-v20 .btn--out{color:inherit}
.jfm-v20 .cine a.btn--out{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.jfm-v20 .cine h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.jfm-v20 .cine p{color:rgba(255,255,255,.92)!important}
.jfm-v20 .cine .eyebrow{color:#FFC680!important}
.jfm-v20 .cine__scrim{background:linear-gradient(90deg,rgba(10,10,12,.72) 0%,rgba(10,10,12,.45) 45%,rgba(10,10,12,.15) 100%)}
.jfm-v20 .cine--r .cine__scrim{background:linear-gradient(270deg,rgba(10,10,12,.72) 0%,rgba(10,10,12,.45) 45%,rgba(10,10,12,.15) 100%)}
.jfm-v20 .pc__add{color:#fff!important}
.jfm-v20 .pc__add svg{stroke:#fff!important}
.jfm-v20 .advisor a.btn--brand{color:#fff!important}
.jfm-v20 .pc__name a{color:inherit!important;text-decoration:none!important}
.jfm-v20 .pc__lnk{display:block;line-height:0}
.jfm-v20 .pc__lnk img{width:100%;height:100%;object-fit:contain}

/* ==== Tarjetas de categoría con FOTO (estilo Falabella, como el diseño aprobado) ==== */
.jfm-v20 .cat{display:flex;flex-direction:column;gap:10px;padding:14px;align-items:stretch}
.jfm-v20 .cat__img{aspect-ratio:1/1;background:#fff;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.jfm-v20 .cat__img img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .3s var(--ease)}
.jfm-v20 .cat:hover .cat__img img{transform:scale(1.06)}
.jfm-v20 .cat__ic,.jfm-v20 .cat__arrow{display:none}
.jfm-v20 .cat__name{font-weight:700;color:var(--ink)}