:root {
  --case-blue:#236fae;
  --case-blue-dark:#113f59;
  --case-blue-soft:#eaf3f9;
  --case-ink:#0d1720;
  --case-copy:#65717a;
  --case-line:#dfe6eb;
  --case-paper:#f6f8fa;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.case-page--kaf { margin:0; background:#fff; color:var(--case-ink); font-family:"Manrope",Arial,sans-serif; }
body.case-page--kaf a { color:inherit; }
.case-container { width:min(100% - 56px,1280px); margin-inline:auto; }
.case-topbar { position:relative; z-index:20; border-bottom:1px solid var(--case-line); background:rgba(255,255,255,.92); backdrop-filter:blur(14px); }
.case-topbar__inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.case-brand { color:var(--case-ink); font-size:26px; font-weight:800; letter-spacing:-.05em; text-decoration:none; }
.case-nav { display:flex; align-items:center; gap:28px; }
.case-nav a { color:#66727b; font-size:13px; font-weight:700; text-decoration:none; transition:color .2s ease; }
.case-nav a:hover { color:var(--case-blue); }
.case-nav__cta { padding:10px 15px; border:1px solid #cfd8de; border-radius:999px; color:var(--case-ink)!important; }
.case-hero { padding:clamp(64px,7vw,102px) 0 clamp(72px,8vw,116px); background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); }
.case-hero__grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(430px,.76fr); align-items:center; gap:clamp(58px,8vw,118px); }
.case-kicker,.case-eyebrow { color:var(--case-blue-dark); font-size:10px; font-weight:800; letter-spacing:.16em; }
.case-kicker { display:flex; align-items:center; gap:12px; }
.case-pulse { width:7px; height:7px; border-radius:50%; background:var(--case-blue); box-shadow:0 0 0 6px rgba(35,111,174,.11); }
.case-hero h1,.case-section__intro h2,.kaf-product-work h2,.case-management h2,.case-cta h2 { margin:0; font-family:"Cormorant Garamond",Georgia,serif; font-weight:600; letter-spacing:-.045em; line-height:.91; }
.case-hero h1 { margin-top:26px; font-size:clamp(76px,9vw,138px); }
.case-hero__lead { max-width:640px; margin:34px 0 0; color:#5e6b74; font-size:18px; line-height:1.72; }
.case-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.case-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 18px; border:1px solid #cbd5dc; border-radius:999px; background:#fff; color:var(--case-ink)!important; font-size:12px; font-weight:800; text-decoration:none; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.case-button:hover { transform:translateY(-2px); border-color:#aebdc8; }
.case-button--primary { border-color:var(--case-blue); background:var(--case-blue); color:#fff!important; }
.case-system { position:relative; min-height:540px; overflow:hidden; padding:30px; border:1px solid #d8e2e9; border-radius:30px; background:linear-gradient(145deg,#fafdff,#eef5fa); box-shadow:0 30px 80px rgba(16,62,90,.12); }
.case-system::after { content:""; position:absolute; width:330px; height:330px; right:-140px; top:80px; border-radius:50%; background:rgba(35,111,174,.07); filter:blur(2px); }
.case-system__head { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; color:#71808a; font-size:9px; font-weight:800; letter-spacing:.14em; }
.case-system__status { display:flex; align-items:center; gap:8px; color:var(--case-blue); }
.case-system__status i { width:7px; height:7px; border-radius:50%; background:#3e9f63; box-shadow:0 0 0 5px rgba(62,159,99,.10); }
.kaf-system__brand { position:relative; z-index:2; margin-top:62px; }
.kaf-system__brand img { display:block; width:min(300px,74%); height:auto; }
.kaf-system__label { position:relative; z-index:2; margin-top:45px; color:#7e8b94; font-size:9px; font-weight:800; letter-spacing:.14em; }
.kaf-system__platform { position:relative; z-index:2; margin-top:7px; font-size:26px; font-weight:800; letter-spacing:-.04em; }
.kaf-system__platform span { color:var(--case-blue); font-size:13px; letter-spacing:0; }
.case-system__flow { position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:28px; }
.case-system__flow span { padding:7px 9px; border:1px solid #cbdce7; border-radius:999px; background:rgba(255,255,255,.68); color:#4e606c; font-size:8px; font-weight:800; }
.case-system__flow b { color:var(--case-blue); font-size:11px; }
.case-system__result { position:absolute; z-index:2; left:30px; right:30px; bottom:30px; padding:16px 18px; border:1px solid rgba(35,111,174,.16); border-radius:16px; background:rgba(255,255,255,.72); backdrop-filter:blur(8px); }
.case-system__result span { display:block; color:var(--case-blue); font-size:8px; font-weight:800; letter-spacing:.14em; }
.case-system__result strong { display:block; margin-top:8px; font-size:12px; line-height:1.55; }
.case-snapshot { border-top:1px solid var(--case-line); border-bottom:1px solid var(--case-line); }
.case-snapshot__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.case-snapshot article { min-height:128px; padding:32px 26px; border-right:1px solid var(--case-line); }
.case-snapshot article:first-child { border-left:1px solid var(--case-line); }
.case-snapshot span { display:block; color:#929da4; font-size:9px; font-weight:800; letter-spacing:.14em; }
.case-snapshot strong { display:block; margin-top:18px; font-size:15px; line-height:1.35; }
.case-section { padding:clamp(86px,9vw,136px) 0; }
.case-section__intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(330px,.52fr); align-items:end; gap:clamp(50px,8vw,130px); margin-bottom:58px; }
.case-section__intro--compact { grid-template-columns:minmax(0,.78fr) minmax(320px,.48fr); }
.case-section__intro .case-eyebrow { grid-column:1/-1; margin-bottom:-18px; }
.case-section__intro h2,.kaf-product-work h2,.case-management h2,.case-cta h2 { font-size:clamp(52px,6.2vw,86px); }
.case-section__intro p,.kaf-product-work__copy p,.case-management__content p { margin:0; color:var(--case-copy); font-size:16px; line-height:1.75; }
.case-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--case-line); border-left:1px solid var(--case-line); }
.case-feature { position:relative; min-height:360px; padding:30px 30px 72px; border-right:1px solid var(--case-line); border-bottom:1px solid var(--case-line); background:#fff; }
.case-feature--large { grid-column:1/-1; min-height:500px; padding-right:47%; background:linear-gradient(125deg,#fff 0%,#fff 48%,#f5f9fc 100%); }
.case-feature__num { color:#9aa5ad; font-size:10px; font-weight:800; letter-spacing:.14em; }
.case-feature h3 { margin:50px 0 14px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(28px,2.8vw,40px); font-weight:600; letter-spacing:-.035em; line-height:1.02; }
.case-feature p { max-width:660px; margin:0; color:var(--case-copy); font-size:15px; line-height:1.68; }
.case-feature a,.case-feature__private { position:absolute; left:30px; bottom:28px; color:var(--case-blue); font-size:12px; font-weight:800; text-decoration:none; }
.case-feature__private { color:#79858d; }
.kaf-store-mini { position:absolute; top:72px; right:34px; width:min(500px,42%); overflow:hidden; border:1px solid #cbd9e3; border-radius:22px; background:#fff; box-shadow:0 25px 55px rgba(15,57,83,.12); }
.kaf-store-mini__bar { display:flex; align-items:center; gap:7px; min-height:38px; padding:0 13px; border-bottom:1px solid #e5ebef; }
.kaf-store-mini__bar span { width:34%; height:7px; margin-right:auto; border-radius:999px; background:#163f54; }
.kaf-store-mini__bar i { width:7px; height:7px; border-radius:50%; background:#dce6ec; }
.kaf-store-mini__hero { position:relative; min-height:155px; padding:28px 24px; background:linear-gradient(135deg,#f1f7fb,#e9f1f7); }
.kaf-store-mini__hero small { display:block; color:#638096; font-size:8px; font-weight:800; }
.kaf-store-mini__hero strong { display:block; margin-top:10px; color:#123b51; font-family:"Cormorant Garamond",Georgia,serif; font-size:27px; line-height:.95; }
.kaf-store-mini__hero em { position:absolute; width:95px; height:95px; right:24px; bottom:20px; border-radius:50%; background:linear-gradient(145deg,#246fac,#103e57); opacity:.92; }
.kaf-store-mini__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:14px; }
.kaf-store-mini__cards i { aspect-ratio:1; border-radius:10px; background:linear-gradient(145deg,#eef2f4,#d9e3e9); }
.kaf-product-work { padding:clamp(82px,9vw,134px) 0; background:var(--case-blue-dark); color:#fff; }
.kaf-product-work__grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(480px,.82fr); align-items:center; gap:clamp(50px,8vw,125px); }
.kaf-product-work .case-eyebrow { margin-bottom:24px; color:#8fc4e8; }
.kaf-product-work__copy p { max-width:570px; margin-top:30px; color:#b8c8d2; }
.kaf-product-ui { overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:#fff; color:var(--case-ink); box-shadow:0 28px 70px rgba(0,0,0,.20); }
.kaf-product-ui__head { min-height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #e6ecef; color:#7f8c94; font-size:9px; font-weight:800; letter-spacing:.13em; }
.kaf-product-ui__head span { color:var(--case-blue); }
.kaf-product-ui__body { display:grid; grid-template-columns:190px minmax(0,1fr); gap:0; min-height:320px; }
.kaf-product-ui__image { display:flex; align-items:center; justify-content:center; margin:22px; border-radius:18px; background:linear-gradient(145deg,#edf4f8,#d9e7ef); }
.kaf-product-ui__image span { color:#1c6197; font-family:"Cormorant Garamond",Georgia,serif; font-size:52px; font-weight:700; }
.kaf-product-ui__info { padding:30px 28px 26px 8px; }
.kaf-product-ui__info small { color:#96a2a9; font-size:8px; font-weight:800; letter-spacing:.14em; }
.kaf-product-ui__info > strong { display:block; margin-top:10px; font-size:23px; line-height:1.22; }
.kaf-product-ui__chips { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.kaf-product-ui__chips span { padding:7px 9px; border:1px solid #d6e1e7; border-radius:999px; color:#5d6a72; font-size:9px; font-weight:800; }
.kaf-product-ui__line { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; border-top:1px solid #e7ecef; font-size:10px; }
.kaf-product-ui__line span { color:#87939b; }
.kaf-product-ui__line b { color:#284b60; }
.case-explore { padding:clamp(76px,8vw,116px) 0; background:#0e1820; color:#fff; }
.case-explore .case-eyebrow { color:#79b8e0; }
.case-explore .case-section__intro p { color:#9fb0ba; }
.case-link-grid { border-top:1px solid rgba(255,255,255,.13); }
.case-link-grid > a { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:20px; min-height:106px; padding:18px 4px; border-bottom:1px solid rgba(255,255,255,.13); text-decoration:none; transition:padding .2s ease,color .2s ease; }
.case-link-grid > a:hover { padding-left:12px; color:#79b8e0; }
.case-link__index { color:#6f7d86; font-size:10px; font-weight:800; }
.case-link-grid strong { display:block; font-size:20px; }
.case-link-grid small { display:block; margin-top:5px; color:#899aa5; font-size:13px; }
.case-link-grid b { font-size:24px; font-weight:500; }
.case-story { padding:clamp(80px,9vw,128px) 0; }
.case-story > .case-container > .case-eyebrow { margin-bottom:38px; }
.case-story__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--case-line); border-bottom:1px solid var(--case-line); }
.case-story article { padding:38px 34px 44px; border-right:1px solid var(--case-line); }
.case-story article:first-child { border-left:1px solid var(--case-line); }
.case-story article > span { color:#8b979f; font-size:9px; font-weight:800; letter-spacing:.14em; }
.case-story h3 { margin:48px 0 16px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(30px,3vw,44px); font-weight:600; letter-spacing:-.035em; line-height:1; }
.case-story p { margin:0; color:var(--case-copy); font-size:14px; line-height:1.72; }
.case-management { padding:0 0 clamp(80px,9vw,126px); }
.case-management__panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(330px,.58fr); gap:clamp(44px,8vw,120px); padding:clamp(42px,5vw,74px); border-radius:28px; background:#eaf3f9; color:var(--case-ink); }
.kaf-management__brand { display:grid; grid-template-columns:155px minmax(0,1fr); gap:34px; align-items:start; }
.kaf-management__brand img { width:150px; height:auto; margin-top:7px; }
.case-management .case-eyebrow { margin-bottom:22px; }
.case-management__content { align-self:end; }
.case-management__tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }
.case-management__tags span { padding:8px 10px; border:1px solid #c7d9e5; border-radius:999px; color:#536875; font-size:10px; font-weight:800; }
.case-cta { padding:0 0 54px; }
.case-cta__panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:40px; padding:clamp(44px,6vw,80px); border-radius:30px; background:var(--case-blue); color:#fff; }
.case-cta .case-kicker { margin-bottom:24px; color:#d8ecf9; }
.case-cta .case-pulse { background:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.12); }
.case-button--light { border-color:#fff; background:#fff; color:var(--case-blue-dark)!important; }
.case-next { border-top:1px solid var(--case-line); }
.case-next__inner { min-height:160px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.case-next__inner > span { color:#929ca3; font-size:10px; font-weight:800; letter-spacing:.16em; }
.case-next__inner a { display:flex; align-items:center; gap:34px; text-decoration:none; }
.case-next__inner strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(34px,4vw,58px); font-weight:600; }
.case-next__inner b { color:var(--case-blue); font-size:28px; }
.case-footer { background:#0c151c; color:#fff; }
.case-footer__inner { min-height:160px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.case-footer .case-brand { color:#fff; }
.case-footer span { color:#84949e; font-size:12px; }
.case-footer > div > a:last-child { color:#a7b9c5; font-size:12px; font-weight:800; text-decoration:none; }
@media (min-width:1024px) and (max-height:800px) {
  .case-hero { padding-top:48px; padding-bottom:58px; }
  .case-system { min-height:465px; }
  .kaf-system__brand { margin-top:36px; }
  .kaf-system__label { margin-top:28px; }
  .case-system__flow { margin-top:20px; }
  .case-system__result { bottom:24px; }
}
@media (max-width:1100px) {
  .case-hero__grid { grid-template-columns:minmax(0,1fr) minmax(370px,.85fr); gap:48px; }
  .kaf-product-work__grid { grid-template-columns:1fr; }
  .kaf-product-work__copy { max-width:760px; }
  .kaf-product-ui { max-width:760px; }
}
@media (max-width:900px) {
  .case-container { width:min(100% - 34px,1280px); }
  .case-topbar__inner { min-height:76px; }
  .case-nav a:not(.case-nav__cta) { display:none; }
  .case-hero__grid,.case-section__intro,.case-section__intro--compact,.case-management__panel,.case-cta__panel { grid-template-columns:1fr; }
  .case-hero__grid { gap:34px; }
  .case-hero h1 { font-size:clamp(64px,15vw,100px); }
  .case-system { min-height:505px; }
  .case-snapshot__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .case-snapshot article:nth-child(3) { border-left:1px solid var(--case-line); border-top:1px solid var(--case-line); }
  .case-snapshot article:nth-child(4) { border-top:1px solid var(--case-line); }
  .case-feature-grid { grid-template-columns:1fr; }
  .case-feature--large { grid-column:auto; min-height:460px; padding-right:30px; padding-bottom:208px; background:#fff; }
  .kaf-store-mini { top:auto; left:30px; right:30px; bottom:28px; width:auto; }
  .kaf-store-mini__hero { min-height:128px; }
  .case-story__grid { grid-template-columns:1fr; }
  .case-story article { border-left:1px solid var(--case-line); border-right:1px solid var(--case-line); border-bottom:1px solid var(--case-line); }
  .case-story article:last-child { border-bottom:0; }
  .kaf-management__brand { grid-template-columns:1fr; gap:18px; }
  .kaf-management__brand img { width:170px; }
  .case-cta .case-button { justify-self:start; }
}
@media (max-width:620px) {
  .case-container { width:min(100% - 28px,1280px); }
  .case-brand { font-size:24px; }
  .case-nav__cta { padding:9px 13px; font-size:12px!important; }
  .case-hero { padding:44px 0 52px; }
  .case-hero h1 { margin-top:16px; font-size:clamp(58px,18vw,82px); }
  .case-hero__lead { margin-top:25px; font-size:17px; }
  .case-button { width:100%; }
  .case-system { min-height:500px; padding:22px; border-radius:22px; }
  .case-system__head { font-size:8px; }
  .kaf-system__brand { margin-top:40px; }
  .kaf-system__brand img { width:230px; }
  .kaf-system__label { margin-top:36px; }
  .kaf-system__platform { font-size:22px; }
  .case-system__result { left:22px; right:22px; bottom:22px; padding:15px; }
  .case-system__result strong { font-size:11px; }
  .case-snapshot article { min-height:112px; padding:24px 16px; }
  .case-snapshot strong { font-size:13px; }
  .case-section { padding-block:64px; }
  .case-section__intro { margin-bottom:34px; }
  .case-section__intro h2,.kaf-product-work h2,.case-management h2,.case-cta h2 { font-size:clamp(42px,12vw,58px); }
  .case-section__intro p,.kaf-product-work__copy p,.case-management__content p { font-size:15px; }
  .case-feature { min-height:300px; padding:24px; }
  .case-feature h3 { margin-top:36px; }
  .case-feature a,.case-feature__private { left:24px; bottom:24px; }
  .case-feature--large { min-height:475px; padding-bottom:215px; }
  .kaf-store-mini { left:24px; right:24px; bottom:24px; }
  .kaf-store-mini__hero strong { font-size:23px; }
  .kaf-store-mini__hero em { width:72px; height:72px; }
  .kaf-product-work { padding-block:72px; }
  .kaf-product-ui__body { grid-template-columns:1fr; }
  .kaf-product-ui__image { min-height:165px; margin-bottom:0; }
  .kaf-product-ui__info { padding:24px; }
  .case-link-grid > a { grid-template-columns:36px minmax(0,1fr) auto; gap:12px; min-height:94px; }
  .case-link-grid strong { font-size:17px; }
  .case-link-grid small { font-size:11px; line-height:1.45; }
  .case-story { padding-block:72px; }
  .case-story article { padding:30px 24px 34px; }
  .case-story h3 { margin-top:32px; }
  .case-management__panel { padding:34px 26px; border-radius:22px; }
  .case-cta__panel { padding:38px 26px; border-radius:22px; }
  .case-next__inner { min-height:130px; }
  .case-next__inner a { gap:18px; }
  .case-footer__inner { flex-direction:column; align-items:flex-start; justify-content:center; padding-block:34px; }
}

/* KAF · etapa LINKA Commerce · 13/10/2026 */
.case-page--kaf .kaf-system__platform { max-width:360px; }
.case-page--kaf .kaf-system__platform span { display:block; margin-top:5px; }
.case-page--kaf .case-feature--large .kaf-store-mini__hero small { color:#236fae; letter-spacing:.12em; }
.case-page--kaf .case-story article:nth-child(2) { background:#f8fbfd; }
@media (max-width:620px) {
  .case-page--kaf .kaf-system__platform span { font-size:11px; line-height:1.4; }
}