/* ===== Feedgood Design System v2 — tokens ===== */
:root{
  --cream:#F2EFED; --white:#FFFFFF; --ink:#111111; --muted:#6E6A66; --ink-soft:#3D3A37;
  --pink:#FF2E9A; --purple:#8B5CF6; --yellow:#FFC700; --blue:#2717F1; --green:#00B67A;
  --bg:var(--cream); --surface-card:var(--white); --surface-inverse:var(--ink);
  --text-on-dark:#FFFFFF; --text-on-dark-muted:rgba(255,255,255,.72);
  --border-hair:rgba(17,17,17,.05); --border-soft:rgba(17,17,17,.08); --border-strong:rgba(17,17,17,.15);
  --border-dash:rgba(17,17,17,.12); --border-on-dark:rgba(255,255,255,.14); --hover-wash:rgba(17,17,17,.05);
  --tint-pink:rgba(255,46,154,.10); --tint-purple:rgba(139,92,246,.12);
  --glass-nav:rgba(242,239,237,.85); --glass-dark:rgba(255,255,255,.07);
  --grad-brand:linear-gradient(135deg,#FF2E9A,#8B5CF6);
  --grad-hero:linear-gradient(165deg,#2717F1 0%,#6A2BF5 38%,#D428D8 68%,#FF2E9A 100%);
  --grad-warm:linear-gradient(135deg,#FFC700,#FF6B2C 60%,#FF2E9A);
  --grad-electric:linear-gradient(150deg,#2717F1 0%,#3D2BFF 55%,#6A2BF5 100%);
  --grad-sunset:linear-gradient(150deg,#FF7A1A 0%,#FF4D5E 50%,#FF2E9A 100%);
  --grad-yellow:linear-gradient(150deg,#FFE13B 0%,#FFC700 45%,#FFAA00 80%,#FFD500 100%);
  --grad-green:linear-gradient(135deg,#00B67A,#2717F1);
  --font-sans:'Inter',system-ui,sans-serif; --font-serif-accent:'Playfair Display',Georgia,serif; --font-mono:'Space Mono',monospace;
  --r-sm:8px; --r-md:16px; --r-lg:24px; --r-full:999px;
  --container:1180px; --container-pad:24px; --gap-grid:18px; --section-y:96px; --section-y-mobile:60px;
  --measure-head:760px; --measure-body:520px; --tap-min:44px;
  --shadow-card-hover:0 18px 40px rgba(17,17,17,.08); --shadow-big-card:0 28px 60px rgba(17,17,17,.18);
  --shadow-hero-card:0 30px 60px rgba(39,23,241,.18); --shadow-dark-panel:0 24px 55px rgba(17,17,17,.25);
  --shadow-lift-btn:0 10px 24px rgba(17,17,17,.25); --shadow-lift-btn-light:0 8px 18px rgba(17,17,17,.10);
  --ease-brand:cubic-bezier(.2,.8,.2,1); --dur-hover:.25s; --dur-card:.3s; --dur-reveal:.7s;
  --focus-ring:0 0 0 3px rgba(255,46,154,.55);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden}
em,.serif{font-family:var(--font-serif-accent);font-style:italic;font-weight:600}
.hl-grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--container-pad)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}

/* ===== NAV ===== */
nav{position:sticky;top:0;z-index:50;background:var(--glass-nav);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,17,17,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:var(--container);margin:0 auto}
.logo{font-weight:800;font-size:19px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
/* logo vivo: el color viaja del icono a la palabra, una vez */
.fglogo rect,.fglogo path{transform-box:fill-box;transform-origin:center}
.fglogo rect{animation:fgsweep 1.5s var(--ease-brand) both}
.fglogo rect:nth-of-type(2){animation-delay:.09s}
.fglogo rect:nth-of-type(3){animation-delay:.18s}
.fglogo path{animation:fgsweepline 1.5s var(--ease-brand) .27s both,fgwink 7s var(--ease-brand) 3.6s infinite}
@keyframes fgsweep{0%{fill:#8B5CF6}22%{fill:#FF2E9A}62%{fill:#111}100%{fill:#111}}
@keyframes fgsweepline{0%{stroke:#8B5CF6}22%{stroke:#FF2E9A}62%{stroke:#111}100%{stroke:#111}}
@keyframes fgwink{0%,84%,100%{transform:scaleY(1)}90%{transform:scaleY(.1)}96%{transform:scaleY(1)}}
.logo .wordmark{background:linear-gradient(100deg,#8B5CF6 0%,#FF2E9A 16%,#111 40%,#111 100%);background-size:260% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:fgword 1.5s var(--ease-brand) .34s both}
@keyframes fgword{from{background-position:0 0}to{background-position:100% 0}}
.nav-links{display:flex;gap:8px;align-items:center}
.nav-links a{padding:9px 16px;border-radius:var(--r-full);font-size:14px;font-weight:600;transition:background var(--dur-hover) var(--ease-brand);min-height:var(--tap-min);display:inline-flex;align-items:center}
.nav-links a:hover{background:var(--hover-wash)}
/* selector de idioma */
.langsw{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-full);overflow:hidden;margin-left:4px;flex:none}
.langsw a{padding:9px 12px;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--muted);border-radius:0}
.langsw a[aria-current="true"]{background:var(--ink);color:#fff}
.langsw a:hover{background:var(--hover-wash)}
.langsw a[aria-current="true"]:hover{background:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r-full);font-weight:700;font-size:15px;transition:transform var(--dur-hover) var(--ease-brand),box-shadow var(--dur-hover) var(--ease-brand);cursor:pointer;border:none;min-height:var(--tap-min)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-btn)}
.btn-light{background:#fff;color:var(--ink);border:1px solid rgba(17,17,17,.1)}
.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-btn-light)}
.nav-links .btn{padding:10px 18px;font-size:14px}
.btn-audit{background:var(--yellow);color:var(--ink);font-weight:900;box-shadow:0 0 0 6px rgba(255,199,0,.30),0 12px 30px rgba(255,199,0,.45)}
.btn-audit:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(255,199,0,.35),0 14px 34px rgba(255,199,0,.55)}

/* ===== HERO ===== */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:64px 24px 96px}
.hero h1{font-size:clamp(40px,5.4vw,72px);font-weight:900;letter-spacing:-.035em;line-height:1.04}
.hero h1 .hl-pink{font-family:var(--font-serif-accent);font-style:italic;font-weight:600;color:var(--pink)}
.hero h1 .brandword{font-family:var(--font-sans);font-style:normal;font-weight:900;letter-spacing:-.035em}
.hero p.sub{margin-top:24px;font-size:19px;color:var(--muted);max-width:470px}
.hero p.sub b{color:var(--ink);font-weight:800}
.heromicro{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:600;color:var(--muted)}
.heromicro li+li::before{content:'·';margin-right:10px}

/* hero card (calculadora) */
.hero-card{position:relative;border-radius:var(--r-lg);padding:32px 32px 48px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-hero-card)}
.hero-card .bg{position:absolute;inset:0;background:var(--grad-hero);background-size:220% 220%;animation:flow 9s ease infinite}
@keyframes flow{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}
.hero-card .blob{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(55px);opacity:.7}
.hero-card .b1{background:#FF5AC8;top:-90px;right:-70px}
.hero-card .b2{background:#4A25FF;bottom:-120px;left:-80px}
.hero-card>*{position:relative}
.calcbadge{align-self:flex-start;background:var(--yellow);color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:.1em;padding:12px 20px;border-radius:var(--r-full);margin-bottom:16px;text-transform:uppercase;min-width:296px;white-space:nowrap}
.hero-card h3{font-size:22px;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:12px}
.calcbox{background:rgba(255,255,255,.94);border-radius:var(--r-md);padding:22px 20px;color:var(--ink);backdrop-filter:blur(8px)}
.calcbox .q{margin-bottom:14px}
.calcbox .qt{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;margin-bottom:8px}
.calcbox .qhint{font-weight:600;color:var(--muted);font-size:12px;margin-left:auto;font-variant-numeric:tabular-nums}
.calcbox input[type=range]{-webkit-appearance:none;appearance:none;width:calc(100% - 12px);height:34px;touch-action:none;background:transparent;outline:none;margin:0 6px 8px;cursor:grab}
.calcbox input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:var(--r-full);background:var(--grad-brand)}
.calcbox input[type=range]::-moz-range-track{height:10px;border-radius:var(--r-full);background:var(--grad-brand)}
.calcbox input[type=range]:active{cursor:grabbing}
.calcbox input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE97A,#FFC700 60%,#FFB300);border:none;box-shadow:0 0 0 5px rgba(255,199,0,.28),0 4px 12px rgba(17,17,17,.25);transition:transform .15s var(--ease-brand);margin-top:-11px}
.calcbox input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
.calcbox input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.calcbox input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring),0 4px 12px rgba(17,17,17,.25)}
.calcbox input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE97A,#FFC700 60%,#FFB300);border:none;box-shadow:0 0 0 5px rgba(255,199,0,.28),0 4px 12px rgba(17,17,17,.25)}
.calcres{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:24px 20px;margin-top:14px}
.calcres .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-size:13.5px}
.calcres .row .t{color:var(--text-on-dark-muted);font-weight:600}
.calcres .row .tcaps{text-transform:uppercase;color:#fff;font-weight:900;letter-spacing:.05em;font-size:13.5px}
.calcres .row .n{font-weight:900;font-size:16.5px;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-mono)}
.calcres .row.save{border:none;background:linear-gradient(90deg,rgba(255,46,154,.25),rgba(139,92,246,.25));margin:10px -8px -8px;padding:13px 10px;border-radius:var(--r-sm)}
.calcres .row.save .t{color:#fff;font-weight:800;font-size:14px}
.calcres .row.save .n{color:var(--yellow);font-size:22px}
.calcres .year{text-align:center;font-size:12.5px;color:var(--text-on-dark-muted);margin-top:12px}
.calcres .year b{color:#fff}
.blurnum{filter:blur(7px);transition:filter .5s ease}
/* email gate */
.gatewrap{position:relative;margin-top:12px}
.gatewrap.locked .gated{filter:blur(6.5px);pointer-events:none;user-select:none}
.gate{position:absolute;inset:-6px;display:none;place-items:center;z-index:2}
.gatewrap.locked .gate{display:grid}
.gate-inner{width:100%;max-width:320px;background:rgba(17,17,17,.4);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:22px 18px 18px;text-align:center;box-shadow:0 14px 34px rgba(17,17,17,.4)}
.gate-inner .gt{font-size:16.5px;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.25}
.gate-form{display:flex;gap:7px}
.gate-form input[type=email]{flex:1;min-width:0;border:none;border-radius:var(--r-full);padding:11px 15px;font:600 13px var(--font-sans);color:var(--ink);background:#fff;outline:none;min-height:var(--tap-min)}
.gate-form input[type=email]:focus{box-shadow:var(--focus-ring)}
.gate-form button{border:none;cursor:pointer;border-radius:var(--r-full);padding:11px 16px;font:800 13px var(--font-sans);color:#fff;white-space:nowrap;background:var(--grad-brand);transition:transform .15s var(--ease-brand);min-height:var(--tap-min)}
.gate-form button:hover{transform:scale(1.04)}
.gate-form button:disabled{opacity:.6;cursor:wait;transform:none}
.gate-priv{font-size:10px;color:rgba(255,255,255,.55);margin-top:9px}
.gate-err{display:none;font-size:11px;color:var(--yellow);font-weight:700;margin-top:8px}
.cta-main{display:block;text-align:center;width:100%;margin-top:30px;border-radius:var(--r-full);padding:18px 32px;color:#fff;font-weight:900;font-size:17px;background:var(--grad-brand);box-shadow:0 18px 44px rgba(17,17,17,.4);transition:transform var(--dur-hover) var(--ease-brand),box-shadow var(--dur-hover) var(--ease-brand)}
.cta-main:hover{transform:translateY(-2px);box-shadow:0 18px 54px rgba(255,46,154,.55)}

/* ===== MARQUEE ===== */
.marquee{border-top:1px solid rgba(17,17,17,.07);border-bottom:1px solid rgba(17,17,17,.07);padding:20px 0;overflow:hidden;background:var(--white)}
.marquee-track{display:flex;gap:64px;white-space:nowrap;animation:scroll 26s linear infinite;width:max-content}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee span{display:flex;align-items:center;gap:64px}
.marquee span i{font-style:normal;color:var(--pink);font-size:12px}
.marquee img{height:44px;border-radius:var(--r-sm);display:block}

/* ===== SECTIONS ===== */
section{padding:var(--section-y) 0}
.sec-head{text-align:center;max-width:var(--measure-head);margin:0 auto 56px}
.sec-head .mono{color:var(--pink);display:block;margin-bottom:16px}
.sec-head h2{font-size:clamp(34px,4.6vw,58px);font-weight:900;letter-spacing:-.03em;line-height:1.06}
.sec-head p{margin-top:16px;color:var(--muted);font-size:18px}
.sec-head p b{color:var(--ink);font-weight:800}

/* proceso: sysmap */
.sysmap{display:grid;grid-template-columns:1fr auto 1fr auto 1.9fr auto 1fr;gap:12px;align-items:stretch}
.sysnode{background:var(--surface-card);border:1px solid var(--border-hair);border-radius:var(--r-lg);padding:20px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.sysnode .sico{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;font-size:25px;margin:0 auto 12px}
.sysnode h5{font-size:15.5px;font-weight:800;margin-bottom:6px}
.sysnode p{font-size:13px;color:var(--muted)}
.sysnode p b{color:var(--ink);font-weight:800}
.sysarrow{font-size:30px;font-weight:900;color:var(--pink);text-align:center;align-self:center}
.sysapp{background:var(--surface-inverse);color:#fff;border:none;padding:20px 18px;box-shadow:var(--shadow-dark-panel);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;position:relative}
.sysapp .applabel{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad-brand);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-full);white-space:nowrap;box-shadow:0 8px 20px rgba(255,46,154,.4)}
.sysphone{width:132px;background:#000;border-radius:var(--r-md);padding:7px;flex:none;box-shadow:0 12px 26px rgba(0,0,0,.5)}
.sysvid{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:var(--r-sm);background:#0b0b0c}
.sysphone .sysbar{font-size:7.5px;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px;padding:4px 4px 6px;white-space:nowrap;overflow:hidden}
.sysphone .sysbar span{width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}
.sysphone .sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:var(--r-sm);overflow:hidden}
.sysphone .sysgrid div{aspect-ratio:1}
.sysphone .sysok{margin-top:6px;background:var(--yellow);color:var(--ink);font-size:8px;font-weight:900;text-align:center;border-radius:var(--r-full);padding:5px 0}
.syscalls{list-style:none;display:flex;flex-direction:column;gap:8px}
.syscalls li{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.92);border-left:2.5px solid var(--pink);padding-left:9px;line-height:1.35}
.sysloop{display:flex;gap:14px;align-items:center;background:linear-gradient(90deg,rgba(255,46,154,.07),rgba(139,92,246,.07));border:1.5px dashed rgba(139,92,246,.45);border-radius:var(--r-md);padding:16px 22px;margin-top:18px;font-size:14.5px;color:var(--ink-soft)}
.sysloop b{color:var(--ink)}

/* proc cards */
.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.pcard{border-radius:var(--r-lg);overflow:hidden;position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;transition:transform .35s var(--ease-brand),box-shadow .35s var(--ease-brand)}
.pcard:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-big-card)}
.pcard .pbg{position:absolute;inset:0;background-size:320% 320%;animation:fall 6.5s ease-in-out infinite}
@keyframes fall{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}
.pc1 .pbg{background-image:linear-gradient(135deg,#FFE13B,#FFC700 25%,#FF9E00 50%,#FF6B2C 70%,#FFC700 88%,#FFE13B)}
.pc2 .pbg{background-image:linear-gradient(45deg,#2717F1,#3D2BFF 25%,#6A2BF5 50%,#8B5CF6 70%,#3D2BFF 88%,#2717F1);animation-duration:8.5s;animation-delay:-3.1s}
.pc3 .pbg{background-image:linear-gradient(135deg,#FF7A1A,#FF4D5E 25%,#FF2E9A 50%,#D428D8 70%,#FF4D5E 88%,#FF7A1A);animation-duration:10.5s;animation-delay:-6.2s}
.pcard .pblob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(48px);opacity:.6}
.pc1 .pblob{background:#FF7A1A;top:-60px;right:-60px;opacity:.7}
.pc2 .pblob{background:#C6F52E;top:-70px;left:-50px;opacity:.8}
.pc3 .pblob{background:#FFB300;top:-60px;right:-40px;opacity:.65}
.pcard .pfloat{position:absolute;top:44px;left:50%;transform:translateX(-50%);z-index:1}
.pcard .pbody{position:relative;z-index:2;padding:30px 28px;background:linear-gradient(transparent,rgba(17,17,17,.38))}
.pcard .pbody h4{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}
.pcard .pbody p{font-size:15px;opacity:.95}
.pcard .pbody p b{color:#fff;font-weight:900}
.ptags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:240px}
.ptags span{background:rgba(255,255,255,.85);color:var(--ink);font-size:12px;font-weight:700;padding:7px 13px;border-radius:var(--r-full);backdrop-filter:blur(4px)}
.pc3 .pfloat{top:0;bottom:100px;left:0;right:0;transform:none;margin-top:0;display:flex;align-items:center;justify-content:center;padding:24px}
.reserva-card{display:block;background:var(--ink);border-radius:var(--r-md);padding:18px 22px;text-align:center;width:100%;max-width:280px;box-shadow:0 20px 50px rgba(17,17,17,.45)}
.reserva-card .rc-top{font-weight:900;font-size:15.5px;color:#fff;line-height:1.25}
.reserva-card .rc-btn{margin-top:12px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:15px;border-radius:var(--r-full);padding:11px 0}
.pc3{min-height:520px}
.pfimg{width:186px;display:block;filter:drop-shadow(0 26px 44px rgba(17,17,17,.38))}
.smilecard svg circle{transform-box:fill-box;transform-origin:center;animation:blink 3.4s ease-in-out infinite}
.smilecard div:nth-child(2) svg circle{animation-delay:.5s}
.smilecard div:nth-child(3) svg circle{animation-delay:1.1s}
.smilecard div:nth-child(4) svg circle{animation-delay:1.7s}
.smilecard div:nth-child(5) svg circle{animation-delay:2.2s}
.smilecard div:nth-child(6) svg circle{animation-delay:2.8s}
@keyframes blink{0%,88%,100%{transform:scaleY(1)}93%{transform:scaleY(.08)}}
.caselink{color:var(--ink);transition:color var(--dur-hover) var(--ease-brand)}
.caselink:hover{color:var(--pink)}
.caseweb{display:inline-block;margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700}
.caseweb:hover{color:var(--pink)}

/* la app en accion */
.appshow{max-width:980px;margin:0 auto}
.appshow video{width:100%;display:block;border-radius:var(--r-lg);box-shadow:var(--shadow-big-card);background:var(--cream);aspect-ratio:16/9}
.appshots{display:grid;grid-template-columns:1fr;gap:var(--gap-grid);margin-top:var(--gap-grid)}
.appshots img{width:100%;display:block;border-radius:var(--r-lg);box-shadow:0 14px 34px rgba(17,17,17,.12)}

/* trabajos en abanico (baraja de 3 cartas que rotan) */
.cases.cases-fan{grid-template-columns:1fr;gap:var(--gap-grid)}
.cases-fan .case{display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;overflow:hidden}
.case-txt{min-width:0}
.fan{--fw:186px;--sp:126px;position:relative;height:340px;display:grid;place-items:center;will-change:transform}
.fan img{position:absolute;width:var(--fw);aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-md);background:var(--white);box-shadow:0 18px 40px rgba(17,17,17,.20);transition:transform .9s var(--ease-brand),box-shadow .9s var(--ease-brand)}
.fan img.fp0{transform:rotate(-11deg) translate(calc(var(--sp)*-1),16px) scale(.94);z-index:1}
.fan img.fp1{transform:translateY(-14px) scale(1.06);z-index:3;box-shadow:0 26px 54px rgba(17,17,17,.28)}
.fan img.fp2{transform:rotate(11deg) translate(var(--sp),16px) scale(.94);z-index:2}
.case:hover .fan img.fp0{transform:rotate(-15deg) translate(calc(var(--sp)*-1.16),6px) scale(.96)}
.case:hover .fan img.fp1{transform:translateY(-26px) scale(1.1)}
.case:hover .fan img.fp2{transform:rotate(15deg) translate(calc(var(--sp)*1.16),6px) scale(.96)}

/* casos + testimonio */
.testi{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap-grid);margin-bottom:var(--gap-grid)}
.testi-quote{background:var(--surface-card);border:1px solid var(--border-hair);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;justify-content:center}
.testi-quote p{font-size:clamp(20px,2.2vw,25px);font-weight:800;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}
.testi-quote em{font-family:var(--font-serif-accent);font-style:italic;font-weight:600}
.testi-quote .who{margin-top:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}
.testi-quote .who b{color:var(--ink)}
.testi-fig{background:var(--surface-inverse);border-radius:var(--r-lg);padding:32px;color:#fff;box-shadow:var(--shadow-dark-panel);display:flex;flex-direction:column;justify-content:center;text-align:center}
.testi-fig .big{font-family:var(--font-mono);font-weight:700;font-size:clamp(44px,4.6vw,60px);color:var(--yellow);line-height:1;font-variant-numeric:tabular-nums}
.testi-fig .lbl{font-weight:900;font-size:17px;margin-top:10px}
.testi-fig .sup{font-size:13.5px;color:var(--text-on-dark-muted);margin-top:12px;line-height:1.5}
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid)}
.case{background:var(--surface-card);border-radius:var(--r-lg);padding:32px;border:1px solid var(--border-hair);transition:transform var(--dur-card) var(--ease-brand),box-shadow var(--dur-card) var(--ease-brand);position:relative;overflow:hidden}
.case:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}
.caselogo{height:42px;border-radius:var(--r-sm);display:block;margin-bottom:14px}
.case .badge{display:inline-block;padding:7px 14px;border-radius:var(--r-full);font-size:12px;font-weight:700;margin-bottom:18px}
.case .b-pink{background:var(--tint-pink);color:var(--pink)}
.case .b-purple{background:var(--tint-purple);color:var(--purple)}
.case h4{font-size:22px;font-weight:800;letter-spacing:-.01em}
.case .role{color:var(--muted);font-size:14px;margin:4px 0 14px}
.case p{font-size:15px;color:var(--ink-soft)}
.case .metric{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border-dash);display:flex;gap:26px}
.case .metric div b{font-size:26px;font-weight:900;letter-spacing:-.02em;display:block}
.case .metric div span{font-size:12.5px;color:var(--muted)}

/* calculadora banner */
.calc{background:var(--surface-inverse);border-radius:var(--r-lg);color:#fff;padding:64px 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.calc .blob{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(75px);opacity:.6}
.calc .cb1{background:var(--purple);top:-160px;right:-80px}
.calc .cb2{background:var(--pink);bottom:-200px;left:30%}
.calc>*{position:relative}
.calc h2{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1.08}
.calc h2 em{color:var(--yellow)}
.calc p{margin-top:16px;color:var(--text-on-dark-muted);font-size:17px;max-width:480px}
.calc p b{color:#fff}
.calc .btn{background:#fff;color:var(--ink);margin-top:28px}
.calc-mock{background:var(--glass-dark);border:1px solid var(--border-on-dark);border-radius:var(--r-md);padding:26px;backdrop-filter:blur(8px)}

/* about */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.about .photo{border-radius:var(--r-lg);aspect-ratio:4/4.6;background:var(--grad-brand);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:20px;gap:18px;overflow:hidden;position:relative}
.about .photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.18);transform-origin:50% 28%}
.about .photo>span{position:relative}
.about h2{font-size:clamp(30px,4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.1}
.about p{margin-top:16px;color:var(--ink-soft);font-size:16.5px}
.about .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.about .tags span{background:var(--surface-card);border:1px solid var(--border-soft);padding:8px 15px;border-radius:var(--r-full);font-size:13px;font-weight:600}

/* club */
.club{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--gap-grid);align-items:stretch}
.club-left{background:var(--surface-card);border-radius:var(--r-lg);padding:36px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;border:1px solid var(--border-hair)}
.smilecard{position:absolute;top:-26px;left:24px;width:min(340px,80%);aspect-ratio:1.6/1;border-radius:var(--r-md);overflow:hidden;transform:rotate(-7deg);box-shadow:0 24px 50px rgba(17,17,17,.22);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
.smilecard div{display:grid;place-items:center}
.smilecard svg{width:70%;height:70%}
.club-left .chip-start{align-self:flex-start;background:var(--ink);color:#fff;padding:10px 18px;border-radius:var(--r-full);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
.club-left .chip-start i{width:8px;height:8px;border-radius:50%;background:var(--yellow);font-style:normal}
.club-left h3{font-size:clamp(30px,3.6vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.club-left p{color:var(--muted)}
.club-right{background:var(--surface-inverse);border-radius:var(--r-lg);padding:38px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-dark-panel)}
.club-right .head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.club-right .head h3{font-size:26px;font-weight:900}
.club-right .pause{border:1px solid rgba(255,255,255,.25);border-radius:var(--r-sm);padding:8px 13px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-dark-muted)}
.club-right .dashes{border-top:1px dashed rgba(255,255,255,.25);margin:22px 0}
.club-right .pricepill{display:inline-block;background:rgba(255,46,154,.16);color:#FF7BC0;font-size:13px;font-weight:700;padding:8px 15px;border-radius:var(--r-full);margin-bottom:14px}
.club-right .bigline{font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.02em;line-height:1.1}
.club-right .bigline em{color:var(--yellow)}
.club-right .inc{background:var(--glass-dark);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-md);padding:24px;margin-top:24px;position:relative}
.club-right .inc .lbl{position:absolute;top:-11px;left:20px;background:#2a2a2a;border-radius:var(--r-sm);padding:4px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-dark-muted)}
.club-right .inc ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:14.5px}
.club-right .inc li{display:flex;gap:9px;align-items:flex-start}
.club-right .inc li::before{content:'✓';color:var(--yellow);font-weight:800}
.club-right .cta-strip{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}
.club-right .cta-strip .btn{background:#fff;color:var(--ink)}
.club-right .cta-strip a.call{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-dark-muted);font-family:var(--font-mono);min-height:var(--tap-min);display:inline-flex;align-items:center}
.club-right .cornersmile{position:absolute;right:-34px;bottom:-34px;width:150px;height:150px;border-radius:var(--r-lg);background:var(--grad-brand);transform:rotate(-14deg);display:grid;place-items:center}
.club-right .cornersmile svg{width:60%;height:60%;transform:rotate(8deg)}

/* extensiones */
.exts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.ext{background:var(--surface-card);border-radius:var(--r-lg);padding:28px 26px;border:1px solid var(--border-hair);transition:transform var(--dur-card) var(--ease-brand),box-shadow var(--dur-card) var(--ease-brand)}
.ext:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}
.ext .eico{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.ext:nth-child(1) .eico{background:var(--grad-warm)}
.ext:nth-child(2) .eico{background:var(--grad-electric)}
.ext:nth-child(3) .eico{background:var(--grad-green)}
.ext h4{font-size:18px;font-weight:800;margin-bottom:8px}
.ext p{font-size:14px;color:var(--muted)}
.ext .proof{margin-top:14px;font-size:12px;font-weight:700;color:var(--ink)}

/* FAQ */
.faq{max-width:var(--measure-head);margin:0 auto}
details{background:var(--surface-card);border-radius:var(--r-md);margin-bottom:12px;border:1px solid var(--border-hair);overflow:hidden}
summary{padding:22px 26px;font-weight:700;font-size:16.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:var(--tap-min)}
summary::after{content:'+';font-size:22px;font-weight:400;color:var(--pink);transition:transform var(--dur-hover) var(--ease-brand)}
details[open] summary::after{transform:rotate(45deg)}
details .a{padding:0 26px 22px;color:var(--muted);font-size:15px}

/* final */
.final{text-align:center;padding:96px 0}
.final h2{font-size:clamp(36px,5.4vw,66px);font-weight:900;letter-spacing:-.035em;line-height:1.05}
.final p{margin-top:18px;color:var(--muted);font-size:18px}
.final .cta-row{margin-top:34px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

footer{border-top:1px solid rgba(17,17,17,.07);padding:34px 0;background:var(--white)}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13.5px;color:var(--muted)}

/* popup resultado */
.winover{position:fixed;inset:0;z-index:200;background:rgba(17,17,17,.72);backdrop-filter:blur(8px);display:grid;align-items:start;justify-items:center;padding:20px;opacity:0;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;transition:opacity var(--dur-card) var(--ease-brand),visibility var(--dur-card)}
.winover.on{opacity:1;visibility:visible}
.wincard{position:relative;margin:auto;background:var(--grad-hero);border-radius:var(--r-lg);padding:40px 36px;max-width:540px;width:100%;text-align:center;color:#fff;box-shadow:0 40px 90px rgba(17,17,17,.5);transform:scale(.92);transition:transform var(--dur-card) var(--ease-brand)}
.winx{position:absolute;top:10px;right:10px;width:44px;height:44px;border:none;border-radius:var(--r-full);background:rgba(17,17,17,.45);color:#fff;font:700 20px/1 var(--font-sans);cursor:pointer;display:grid;place-items:center;transition:background var(--dur-hover) var(--ease-brand),transform var(--dur-hover) var(--ease-brand);z-index:2}
.winx:hover{background:rgba(17,17,17,.68);transform:scale(1.06)}
.winover.on .wincard{transform:scale(1)}
.winkick{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.18em;background:rgba(17,17,17,.4);display:inline-block;padding:7px 14px;border-radius:var(--r-full);margin-bottom:14px}
.wincard h3{font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.1;margin-bottom:22px}
.wingrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.wingrid>div{background:rgba(17,17,17,.35);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);padding:18px 12px}
.wingrid .wk{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.85;margin-bottom:6px;font-family:var(--font-mono)}
.wingrid b{display:block;font-size:clamp(26px,3.4vw,36px);font-weight:900;color:var(--yellow);font-variant-numeric:tabular-nums}
.wingrid i{font-style:normal;font-size:13.5px;font-weight:700;opacity:.92}
.winsub{font-size:14px;opacity:.92;margin-bottom:20px}
.wincard .cta-main{margin-top:0}
.winclose{margin-top:12px;width:100%;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.34);border-radius:var(--r-full);color:#fff;font:800 15px var(--font-sans);padding:14px 20px;cursor:pointer;min-height:var(--tap-min);transition:background var(--dur-hover) var(--ease-brand)}
.winclose:hover{background:rgba(255,255,255,.26)}

/* reveal */
.rv{opacity:0;transition:opacity .95s var(--ease-brand),transform 1.05s var(--ease-brand),filter .95s var(--ease-brand);transition-delay:var(--rvd,0ms)}
.rv:not(.in){transform:translateY(38px) scale(.975);filter:blur(3px)}
.rv.in{opacity:1;filter:blur(0)}
[data-par]{will-change:transform}

/* whatsapp */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:var(--r-full);background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(17,17,17,.28);transition:transform var(--dur-hover) var(--ease-brand),box-shadow var(--dur-hover) var(--ease-brand)}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(17,17,17,.32)}
.wa-float svg{width:30px;height:30px;display:block}
.wa-alt{display:inline-flex;align-items:center;min-height:var(--tap-min);margin-top:6px;font-size:13.5px;font-weight:700;color:var(--text-on-dark-muted);text-decoration:underline}
.foot-meta{width:100%;text-align:center;font-size:12px;color:var(--muted);margin-top:4px}

/* clip de degradados en esquinas (iOS) + reduccion de movimiento */
.hero-card,.pcard,.calc,.club-right{isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.hero-card .bg,.pcard .pbg{border-radius:inherit}
.hero-card .blob,.calc .blob,.pcard .pblob{border-radius:50%}
.hero-card,.calc,.club-right,.pcard{border-radius:var(--r-lg);overflow:hidden}
@media(prefers-reduced-motion:reduce){
  .hero-card .bg,.pcard .pbg,.marquee-track,.smilecard svg circle,.fglogo rect,.fglogo path,.logo .wordmark{animation:none!important}
  .fglogo rect{fill:#111}.fglogo path{stroke:#111}
  .logo .wordmark{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink)}
  [data-par]{transform:none!important}
  *{transition-duration:.01ms!important}
}

/* ===== RESPONSIVE ===== */
@media(max-width:1020px){
  .sysmap{grid-template-columns:1fr;gap:10px}
  .sysarrow{transform:rotate(90deg);margin:-2px auto}
  .sysapp{grid-template-columns:auto 1fr;margin-top:8px}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:48px 24px 64px}
  .proc{grid-template-columns:1fr}
  .cases,.testi{grid-template-columns:1fr}
  .cases-fan .case{grid-template-columns:1fr;gap:26px}
  .fan{--fw:168px;--sp:112px;height:300px;order:-1}
  .calc{grid-template-columns:1fr;padding:44px 30px}
  .about{grid-template-columns:1fr}
  .club{grid-template-columns:1fr}
  .club-left{margin-top:40px}
  .club-right{padding:28px 22px 96px}
  .club-right .inc ul{grid-template-columns:1fr}
  .club-right .cornersmile{width:110px;height:110px;right:-26px;bottom:-26px}
  .about .photo{max-width:420px;margin:0 auto;width:100%}
  .exts{grid-template-columns:1fr}
  .nav-links a:not(.btn):not(.lang){display:none}
  .pcard{min-height:400px}
  .foot a{display:inline-block;padding-block:14px}
  .caseweb{padding-block:14px;margin-top:0}
  .calc-mock a[href="#hero-calc"]{padding-block:16px;margin-top:2px}
}
@media(max-width:640px){
  .wrap{padding:0 24px}
  section{padding:var(--section-y-mobile) 0}
  .sec-head{margin-bottom:28px}
  .sec-head h2{font-size:clamp(21px,6vw,27px);line-height:1.16;padding-top:4px}
  .sec-head p{font-size:14px;margin-top:12px}
  .sec-head .mono{margin-bottom:10px}
  .nav-inner{padding:12px 16px}
  .logo{font-size:17px}
  .logo span[style]{display:none}
  .nav-links .btn{padding:9px 14px;font-size:13px}
  .hero{gap:22px;padding:26px 24px 44px}
  .hero h1{font-size:clamp(24px,6.8vw,30px);line-height:1.14;overflow-wrap:break-word}
  .hero p.sub{font-size:14.5px;margin-top:14px}
  .heromicro{flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px;font-size:13.5px}
  .heromicro li+li::before{content:none}
  .hero-card{padding:18px 14px 26px}
  .hero-card h3{font-size:18px}
  .calcbadge{min-width:0;width:100%;text-align:center;font-size:12.5px;padding:10px 12px}
  .calcbox{padding:16px 13px}
  .calcbox .qt{font-size:12.5px;flex-wrap:wrap}
  .calcbox input[type=range]{height:44px;margin:0 6px 6px}
  .calcbox input[type=range]::-webkit-slider-thumb{width:34px;height:34px}
  .calcres{padding:12px 11px;margin-top:10px}
  .calcres .row{padding:8px 0}
  .calcres .year{font-size:11.5px;margin-top:8px}
  .gate-inner .gt{font-size:14.5px;margin-bottom:9px}
  .gate-priv{font-size:9.5px}
  .calcres .row{font-size:12.5px;flex-wrap:wrap;padding:10px 0}
  .calcres .row .n{font-size:15px}
  .calcres .row .tcaps{font-size:11.5px;letter-spacing:.03em}
  .calcres .row.save .n{font-size:19px}
  .gate{position:static;inset:auto;margin-top:12px}
  .gatewrap.locked .gate{display:block}
  .gate-inner{max-width:none;padding:16px 14px 14px}
  .gate-form{flex-direction:column}
  .gate-form button{padding:12px}
  .cta-main{margin-top:20px;font-size:16px;padding:16px 24px}
  .marquee span{gap:36px}
  .marquee img{height:36px}
  .sysnode{padding:16px 14px}
  .sysnode p{font-size:12.5px}
  .sysloop{font-size:13px;padding:14px 16px}
  .sysfoot{font-size:15px}
  .marquee-track{gap:36px}
  .pcard{min-height:340px}
  .pc3{min-height:520px}
  .pcard .pbody h4{font-size:19px}
  .pcard .pbody{padding:22px 18px}
  .pcard .pbody p{font-size:13.5px}
  .testi-quote p{font-size:clamp(15.5px,4.4vw,18px)}
  .case h4{font-size:19px}
  .case p{font-size:14px}
  .pcard .pfloat{top:30px}
  .pc3 .pfloat{top:0;bottom:96px}
  .pfimg{width:160px}
  .ptags{max-width:200px}
  .ptags span{font-size:11px;padding:6px 10px}
  .appshots{grid-template-columns:1fr}
  .fan{--fw:128px;--sp:80px;height:240px}
  .sysphone{width:120px}
  .testi-quote{padding:24px 20px}
  .testi-fig{padding:24px 20px}
  .club-left{padding:24px 20px;min-height:0;padding-top:170px}
  .smilecard{width:min(280px,88%);top:-18px;left:14px}
  .club-left h3{font-size:24px}
  .club-right .head h3{font-size:19px}
  .club-right .bigline{font-size:21px}
  .club-right .cta-strip .btn{width:100%;justify-content:center}
  .case{padding:22px 18px}
  .case .metric{gap:16px;flex-wrap:wrap}
  .case .metric div b{font-size:21px}
  .ext{padding:20px 18px}
  .calc{padding:32px 20px}
  .calc h2{font-size:clamp(20px,5.8vw,25px)}
  .calc p{font-size:14px}
  .club-right .inc{padding:18px 16px}
  .club-right .inc ul{font-size:13.5px}
  .calc .btn{width:100%;justify-content:center}
  .calc-mock{padding:18px}
  .about{gap:28px}
  .about h2{font-size:clamp(21px,6vw,27px)}
  .about p{font-size:14.5px}
  summary{padding:17px 18px;font-size:15px}
  details .a{padding:0 18px 17px;font-size:14px}
  .final{padding:56px 0 70px}
  .final h2{font-size:clamp(22px,6.4vw,28px)}
  .final p{font-size:14.5px}
  .final .cta-row .btn{width:100%;justify-content:center;max-width:340px}
  .foot{flex-direction:column;text-align:center;gap:10px}
  footer{padding-bottom:96px}
  .wa-float{right:14px;bottom:14px}
  .wincard{padding:30px 18px 22px}
  .winx{top:8px;right:8px}
  .winover{padding:14px}
  .wingrid{grid-template-columns:1fr}
}
@media(hover:none){
  .case:hover,.ext:hover,.pcard:hover{transform:none;box-shadow:none}
}
@media print{.rv{opacity:1!important;transform:none!important}}
.hero-card.rv:not(.in),.calc.rv:not(.in),.pcard.rv:not(.in),.club-right.rv:not(.in){filter:none}
/* patron de titular: acento en serif italica rosa */
.sec-head h2 em,.costinv h2 em,.closer em,.final h2 em{color:var(--pink)}
/* seccion: el coste invisible */
.costinv{max-width:var(--measure-head);margin:0 auto;text-align:center}
.costinv h2{font-size:clamp(30px,4.2vw,50px);font-weight:900;letter-spacing:-.03em;line-height:1.08}
.costinv p{margin:18px auto 0;color:var(--muted);font-size:18px;max-width:640px}
/* antetitulo de la calculadora */
.calckicker{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.72);margin-bottom:10px;line-height:1.35}
/* etiquetas de opcion mas legibles */
.case .badge.badge-opt{font-size:15px;font-weight:800;padding:9px 18px}
/* remate de la seccion de proceso */
.closer{margin-top:22px;font-size:clamp(19px,2.2vw,25px);line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.closer b{font-weight:900}
.sec-head .closer+p{margin-top:12px}
@media(max-width:640px){
.costinv h2{font-size:clamp(22px,6.2vw,28px)}
.costinv p{font-size:14.5px;margin-top:12px}
.calckicker{font-size:11.5px;margin-bottom:8px}
.closer{font-size:17px;margin-top:16px}
}
/* utilidades de corte de linea */
.nowrap{white-space:nowrap}
.mbr{display:none}
.sec-head h2,.costinv h2,.final h2{text-wrap:balance}
.sec-head p,.costinv p,.final p,.closer{text-wrap:pretty}
/* resaltado del testimonio: negrita + rosa, sin cursiva */
.testi-quote .hi{font-weight:900;color:var(--pink);font-style:normal;font-family:var(--font-sans)}
@media(max-width:640px){.mbr{display:inline}}
.about h2.pinkq{color:var(--pink)}
.about h2.pinkq .ink{color:var(--ink);font-family:var(--font-sans);font-style:normal;font-weight:900}
.sec-head .heromicro{justify-content:center;margin-top:14px}
@media(max-width:640px){.sec-head .heromicro{align-items:center;margin-top:12px}}