:root{--gold:#ffbd00;--gold2:#ffcf33;--black:#050505;--ink:#0a0a0a;--white:#f6f6f3;--muted:#a9a9a5;--line:#2a2a29;--card:#111211}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:1000;top:0;left:0;width:0;height:3px;background:var(--gold)}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 4.5%;background:linear-gradient(#050505dd,transparent);transition:.3s}.site-header.scrolled{background:#070707ee;backdrop-filter:blur(14px);border-bottom:1px solid #1b1b1b}.brand img{width:138px;height:78px;object-fit:cover;object-position:left center;border-radius:2px}.nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;text-transform:uppercase;transform:translateX(-32px)}.nav a{opacity:.9}.nav a:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:#090909!important;padding:14px 20px;border-radius:3px}.lang{background:none;border:0;color:white;font:inherit}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 6% 85px}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.95) 26%,rgba(3,3,3,.3) 58%,rgba(3,3,3,.15)),url('assets/hero-visual.webp');background-size:cover;background-position:center right;filter:saturate(.9)}.hero-glow{position:absolute;width:560px;height:560px;right:12%;top:10%;background:radial-gradient(circle,rgba(255,189,0,.18),transparent 68%);filter:blur(18px)}.hero-anniversary{position:absolute;z-index:2;right:6%;bottom:58px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:330px}.hero-anniversary-years{font-size:11px;letter-spacing:.24em;color:#d5d5d5;text-transform:uppercase}.hero-anniversary strong{font-size:34px;line-height:1;margin:8px 0 6px;color:var(--gold);letter-spacing:.02em}.hero-anniversary-copy{font-size:11px;line-height:1.5;color:#aaa;max-width:280px}.hero-content{position:relative;z-index:2;max-width:620px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.16em;font-weight:800;margin:0 0 16px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.97;letter-spacing:-.055em;margin:0 0 22px;text-transform:uppercase}.hero h1 span,h2 span{color:var(--gold)}.hero-copy{max-width:530px;font-size:17px;color:#ddd;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:16px;padding:16px 22px;font-weight:800;font-size:12px;text-transform:uppercase;border-radius:3px}.btn-gold{background:var(--gold);color:#080808}.btn-outline{border:1px solid #606060}.play{border:1px solid #777;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:8px}.hero-age{position:absolute;right:5.5%;top:42%;z-index:3;text-align:center;display:flex;flex-direction:column;color:var(--gold)}.hero-age strong{font-size:46px;line-height:1}.hero-age span{font-size:17px;font-weight:800}.hero-age small{margin-top:12px;padding-top:12px;border-top:1px solid #8d6900;font-size:14px}.hero-age em{font-style:normal;font-size:10px;line-height:1.35;margin-top:12px}.service-strip{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #2d2d2d;padding-top:18px;font-size:12px;color:#ddd}.service-strip span:first-letter{color:var(--gold)}.trust{display:flex;align-items:center;gap:60px;padding:25px 6%;border-top:1px solid #202020;border-bottom:1px solid #202020;background:#070707}.trust-label{font-size:10px;color:#999;min-width:150px}.logos{display:flex;justify-content:space-between;align-items:center;flex:1;gap:30px;color:#aaa}.logos b{font-size:18px;white-space:nowrap}.experience{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:90px 6%;background:#f3f3ef;color:#111}.experience-copy h2,.section-head h2,.cases-intro h2,.method h2,.history h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}.experience-copy p{color:#555;max-width:550px}.experience-copy ul{padding:0;list-style:none;display:grid;gap:11px;margin:28px 0}.experience-copy li:before{content:'✓';color:#e5a900;font-weight:900;margin-right:10px}.text-btn{display:inline-block;border:1px solid #d7a900;padding:12px 16px;font-size:11px;font-weight:800;text-transform:uppercase}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats article{background:linear-gradient(145deg,#191a18,#080808);border:1px solid #393a37;border-radius:10px;padding:30px;color:white;min-height:220px}.stats i{font-style:normal;color:var(--gold);font-size:30px}.stats strong{display:block;font-size:42px;line-height:1.05;margin-top:15px}.stats b{color:var(--gold);font-size:13px}.stats p{color:#aaa;font-size:12px}.dark{background:#070707}.solutions,.industries,.history{padding:90px 6%}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{color:white}.section-head p:not(.eyebrow){color:#aaa}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.solution{position:relative;min-height:205px;padding:25px;border:1px solid #343534;border-radius:8px;background:radial-gradient(circle at top right,#191a18,#080908);transition:.3s}.solution:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 15px 40px #000}.solution i{font-style:normal;color:var(--gold);font-size:25px}.solution h3{font-size:17px;margin:18px 0 8px}.solution p{font-size:12px;color:#aaa;max-width:230px}.solution>span{position:absolute;right:20px;bottom:18px;color:var(--gold)}.cases{padding:90px 6%;background:#f3f3ef;color:#111;display:grid;grid-template-columns:.6fr 1.4fr;gap:50px}.cases-intro{padding-top:15px}.cases-intro h2{font-size:48px}.cases-intro p:not(.eyebrow){color:#666}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case{background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 8px 24px #00000012;transition:.3s}.case:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0000001c}.case img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.case div:not(.brandmark){padding:13px 14px}.case b{display:block;font-size:14px}.case small{color:#777;font-size:10px}.case-brand{padding:18px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#171817,#050505);color:white}.case-brand .brandmark{width:52px;height:52px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:20px;font-weight:900;margin-bottom:auto}.case-brand small{color:#aaa}.industries{border-top:1px solid #202020}.industry-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:auto}.industry-grid span{border:1px solid #333;padding:14px 18px;border-radius:100px;color:#ddd;font-size:13px}.method{padding:90px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#eee;color:#111}.method-copy p:not(.eyebrow){color:#555}.steps{display:grid;grid-template-columns:1fr 1fr;gap:30px}.steps div{border-top:2px solid #111;padding-top:15px}.steps strong{color:#b78700}.steps h3{font-size:22px;margin:12px 0}.steps p{color:#666;font-size:13px}.history{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;background:radial-gradient(circle at 75% 50%,#261c00,#070707 55%)}.timeline{display:flex;align-items:stretch;position:relative;padding-top:20px}.timeline:before{content:'';position:absolute;left:0;right:0;top:55px;height:1px;background:#594500}.timeline div{position:relative;flex:1;padding-top:65px}.timeline div:before{content:'';position:absolute;top:49px;left:0;width:12px;height:12px;border:2px solid var(--gold);border-radius:50%;background:#070707}.timeline b{color:var(--gold);font-size:18px}.timeline p{color:#aaa;font-size:11px;padding-right:18px}.timeline .now:before{background:var(--gold)}.resources{padding:90px 6%;background:#f3f3ef;color:#111}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource-grid article{border:1px solid #d0d0cc;padding:28px;min-height:200px}.resource-grid span{font-size:10px;font-weight:900;color:#a47700;letter-spacing:.15em}.resource-grid h3{font-size:24px;line-height:1.1}.resource-grid a{font-size:11px;font-weight:900;text-transform:uppercase}.contact{padding:100px 6%;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;background:radial-gradient(circle at 75% 50%,#1a1400,#060606 50%)}.contact-main p:not(.eyebrow){color:#aaa;max-width:560px}.contact-card{border:1px solid #333;border-radius:12px;padding:32px;background:#0d0e0d}.contact-card h3{font-size:28px;margin-top:0}.contact-card>a{display:block;color:var(--gold);margin-bottom:25px}.whats-options{display:grid;gap:10px}.whats-options a{background:#171817;border:1px solid #292a28;padding:18px;border-radius:8px}.whats-options strong,.whats-options span{display:block}.whats-options span{color:#aaa;font-size:12px;margin-top:4px}.footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:45px;padding:55px 6% 25px;border-top:1px solid #242424;background:#050505;color:#aaa;position:relative}.footer-brand img{width:130px;height:70px;object-fit:cover;object-position:left center}.footer p{font-size:11px;max-width:260px}.footer h4{color:#fff;font-size:10px;margin:0 0 14px}.footer>div>a{display:block;font-size:10px;margin:8px 0}.footer>div>a:hover{color:var(--gold)}.footer-bottom{grid-column:1/-1;border-top:1px solid #222;padding-top:18px;font-size:9px;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.footer-credit{display:block}.footer-copyright{display:block}.footer-bottom a{color:#aaa}.footer-bottom a{color:#aaa}.wa-float{position:fixed;z-index:70;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--gold);color:#050505;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 30px #0008;cursor:pointer}.wa-float span{position:absolute;right:70px;background:#111;color:#fff;padding:7px 10px;border-radius:5px;font-size:10px;opacity:0;transition:.2s}.wa-float:hover span{opacity:1}.wa-modal{display:none;position:fixed;z-index:80;right:24px;bottom:92px;width:350px;background:#111;color:white;border:1px solid #343434;border-radius:16px;padding:26px;box-shadow:0 20px 70px #000b}.wa-modal.open{display:block}.wa-modal>button{position:absolute;right:14px;top:12px;border:0;background:#333;color:white;border-radius:50%;width:28px;height:28px}.wa-modal h3{font-size:25px;margin:0 0 8px}.wa-modal>p:not(.eyebrow){color:#aaa;font-size:12px}.wa-modal>a{display:block;background:#1c1d1c;border:1px solid #30312f;padding:15px;border-radius:9px;margin-top:10px}.wa-modal>a b,.wa-modal>a small{display:block}.wa-modal>a small{color:#aaa;margin-top:4px}.wa-modal>a strong{float:right;color:#30e46a;margin-top:-20px}.cookie{position:fixed;z-index:90;left:20px;right:20px;bottom:20px;background:#fff;color:#111;padding:16px 20px;border-radius:10px;box-shadow:0 10px 40px #0005;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie p{font-size:11px;margin:3px 0;color:#555}.cookie a{color:#8a6400}.cookie button{background:#111;color:white;border:0;padding:11px 18px;border-radius:4px;font-weight:800}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav{gap:15px}.solution-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.experience,.cases,.method,.history,.contact{grid-template-columns:1fr}.footer{grid-template-columns:repeat(3,1fr)}.timeline{min-height:150px}.hero-age{right:3%}}@media(max-width:760px){.nav{transform:none}.hero-anniversary{right:6%;bottom:42px;max-width:250px}.hero-anniversary strong{font-size:27px}.hero-anniversary-years{font-size:9px}.hero-anniversary-copy{font-size:10px}.footer-bottom{gap:7px}}
@media(max-width:760px){.site-header{padding:12px 5%}.brand img{width:105px;height:58px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:5%;right:5%;padding:20px;background:#101010;border:1px solid #292929;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:820px;padding:120px 6% 100px}.hero-bg{background-position:58% center}.hero h1{font-size:51px}.hero-copy{font-size:14px}.hero-age{top:auto;bottom:100px;right:6%;transform:scale(.8);transform-origin:right}.service-strip{display:none}.trust{display:block}.logos{margin-top:20px;flex-wrap:wrap}.experience,.solutions,.cases,.industries,.method,.history,.resources,.contact{padding:65px 6%}.stats,.steps,.resource-grid{grid-template-columns:1fr}.solution-grid,.case-grid{grid-template-columns:1fr 1fr}.cases-intro h2{font-size:40px}.timeline{overflow-x:auto;min-width:700px}.history{overflow:hidden}.footer{grid-template-columns:1fr 1fr;gap:30px}.footer-brand,.footer-bottom{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.wa-modal{left:15px;right:15px;width:auto}.cookie{left:10px;right:10px;bottom:10px;align-items:flex-end}.cookie button{flex:none}}
@media(max-width:470px){.solution-grid,.case-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%;justify-content:center}.hero-age{display:none}.logos b{font-size:13px}}

/* ===== v1 correction layer: keep the original visual direction, fix only defects ===== */
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:160px;height:auto;display:block;object-fit:contain;object-position:center;border-radius:0}
/* The supplied hero artwork already contains its 2006–2026 age graphic. Never overlay it twice. */
.hero-bg{background-position:center center;background-size:cover}
.hero-glow{pointer-events:none}
.language{position:relative;display:flex;align-items:center}
.lang{cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:8px 4px;color:#fff}
.lang span{font-size:10px;transition:transform .2s}
.language.open .lang span{transform:rotate(180deg)}
.language-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:150px;padding:6px;background:#0c0c0c;border:1px solid #303030;border-radius:6px;box-shadow:0 18px 45px #000b}
.language.open .language-menu{display:grid}
.language-menu button{appearance:none;border:0;background:transparent;color:#fff;text-align:left;padding:10px 12px;border-radius:4px;font:inherit;font-size:11px;cursor:pointer}
.language-menu button:hover{background:#1b1b1b;color:var(--gold)}
.back-top{position:fixed;z-index:69;right:94px;bottom:24px;width:58px;height:58px;border:1px solid #555;border-radius:50%;background:#090909eF;color:var(--gold);display:grid;place-items:center;font-size:25px;font-weight:800;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;box-shadow:0 8px 30px #0008}
.back-top.show{opacity:1;visibility:visible;transform:none}
.back-top:hover{background:#161616;border-color:var(--gold)}
.wa-float{background:#25D366;color:#fff}
.wa-float b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}
.wa-float b svg{display:block;width:29px;height:29px}
.wa-float b svg circle{fill:#fff}
.wa-float b svg path{fill:#25D366}
.wa-modal>a strong{color:#25D366}
.case img{background:#111;object-position:center}
.case-grid{align-items:stretch}
.case{display:flex;flex-direction:column}
.case>div{margin-top:auto}
.cookie-actions{display:flex;gap:10px;flex:none}
.cookie-actions button{cursor:pointer}
.cookie-actions .cookie-reject{background:#e9e9e9;color:#111}
.cookie-actions button:hover{filter:brightness(.95)}
@media(max-width:1050px){.nav{gap:15px}.brand img{width:145px}.back-top{right:88px}}
@media(max-width:760px){.site-header{padding:10px 5%;min-height:76px}.brand img{width:145px}.nav{top:76px;max-height:calc(100vh - 90px);overflow:auto}.language-menu{position:static;margin-top:6px;box-shadow:none}.language{display:block}.lang{width:100%;justify-content:space-between}.back-top{width:50px;height:50px;right:82px;bottom:18px;font-size:22px}.wa-float{width:50px;height:50px;right:18px;bottom:18px}.wa-float b svg{width:25px;height:25px}.cookie{display:block;padding:15px}.cookie-actions{margin-top:12px;justify-content:flex-end}.cookie-actions button{padding:10px 15px}.hero{padding-top:105px}.hero-bg{background-position:62% center}}
@media(max-width:470px){.brand img{width:138px}.hero h1{font-size:clamp(43px,13vw,54px)}.back-top{right:76px}.wa-float{right:14px}.cookie-actions{justify-content:stretch}.cookie-actions button{flex:1}.language-menu{width:100%}}

.service-hero{min-height:620px;padding:180px 6% 100px;display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,#2a2100 0%,#080808 46%,#050505 75%);border-bottom:1px solid #1f1f1f}
.service-hero>div{max-width:920px}
.service-hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase}
.service-hero>div>p:not(.eyebrow){color:#bdbdb9;font-size:20px;max-width:820px;margin:0 0 18px}
.service-hero .service-lead{font-size:15px!important;color:#ddd!important;max-width:680px!important;margin-bottom:32px!important}
.service-detail{padding:90px 6%;background:#f3f3ef;color:#111}
.service-detail .section-head h2{color:#111}
.service-detail .section-head p:not(.eyebrow){color:#666}
.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:auto}
.service-cards article{background:#0d0e0d;color:#fff;border:1px solid #2e2f2d;border-radius:10px;padding:26px;min-height:210px}
.service-cards article span{color:var(--gold);font-size:11px;letter-spacing:.14em;font-weight:800}
.service-cards article h3{font-size:22px;margin:30px 0 12px}
.service-cards article p{color:#aaa;font-size:12px}
.service-next{padding:90px 6%;display:flex;align-items:center;justify-content:space-between;gap:40px}
.service-next>div{max-width:700px}.service-next h2{font-size:clamp(38px,5vw,62px);line-height:1;margin:0 0 18px}.service-next p:not(.eyebrow){color:#aaa;max-width:620px}
@media(max-width:900px){.service-cards{grid-template-columns:1fr 1fr}.service-next{display:block}.service-next .btn{margin-top:25px}}
@media(max-width:600px){.service-hero{min-height:560px;padding:140px 6% 75px}.service-hero>div>p:not(.eyebrow){font-size:16px}.service-cards{grid-template-columns:1fr}.service-detail,.service-next{padding:65px 6%}}


/* FINAL PRECISION FIXES — preserve V1 layout, only correct requested elements */
.brand{display:flex;align-items:center;flex:none;min-width:0}
.brand img{width:190px;height:auto;max-width:100%;object-fit:contain;object-position:center;display:block;border-radius:0}
.footer-brand img{width:190px;height:auto;max-width:100%;object-fit:contain;object-position:center;display:block;border-radius:0}
.footer-bottom{position:relative;justify-content:flex-start;padding-right:0;min-height:24px}
.footer-bottom > span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.footer-bottom > span a{color:#c7c7c2}
.wa-float{background:#25D366!important;color:#fff!important}
.wa-float b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent}
.wa-float .wa-icon{width:32px;height:32px;display:block;color:#fff}
.wa-modal>a{display:flex!important;align-items:center;gap:12px}
.wa-option-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#25D366;color:#fff;font-style:normal}
.wa-option-icon .wa-icon{width:27px;height:27px;display:block;color:#fff}
.wa-modal>a span{min-width:0;flex:1}
.wa-modal>a strong{float:none!important;margin:0!important;flex:none;color:#25D366!important}
@media(max-width:1050px){.brand img,.footer-brand img{width:175px}}
@media(max-width:760px){.brand img{width:150px}.footer-brand img{width:175px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:2px}.footer-bottom > span{position:static;transform:none;white-space:normal;text-align:center}}

/* ===== FINAL REQUESTED FIXES: preserve V1, remove only visible defects ===== */
.hero-bg{background-image:linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.92) 28%,rgba(3,3,3,.28) 60%,rgba(3,3,3,.10) 100%),url('assets/hero-visual.webp');background-position:center center;background-size:cover;background-repeat:no-repeat}
/* No embedded text strips on the hero. */
.service-strip,.trust{display:none!important}
/* Keep the supplied logo fully inside its box; never crop it. */
.brand{width:190px;min-width:190px;overflow:visible}
.brand img{width:190px;height:auto;max-height:88px;object-fit:contain;object-position:center;display:block}
.footer-brand{min-width:0}
.footer-brand img{width:190px;height:auto;max-height:88px;object-fit:contain;object-position:center;display:block}
/* WhatsApp: fixed-size icon asset prevents giant SVG circles. */
.wa-float{background:#25D366!important;color:#fff!important;width:62px;height:62px;right:24px;bottom:24px;display:grid;place-items:center;border-radius:50%;overflow:visible}
.wa-float b{width:36px;height:36px;display:grid;place-items:center;background:transparent}
.wa-float .wa-icon-img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;display:block!important}
.wa-option-icon{width:38px;height:38px;min-width:38px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-style:normal;overflow:hidden}
.wa-option-icon .wa-icon-img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;display:block!important}
.wa-modal>a{display:flex!important;align-items:center;gap:12px}
.wa-modal>a span{flex:1;min-width:0}
.wa-modal>a strong{float:none!important;margin:0!important;color:#25D366!important}
/* Back-to-top stays clearly separated from WhatsApp. */
.back-top{right:102px;bottom:24px}
/* Dedicated cases page must not inherit the contact destination. */
.cases-page{display:block;padding-top:150px;min-height:70vh}
.cases-page .cases-intro{max-width:760px;margin:0 auto 48px;text-align:center}
.cases-page .cases-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;color:#111}
.cases-page .case-grid{max-width:1280px;margin:auto}
/* Responsive hardening */
img{max-width:100%;height:auto}
html,body{overflow-x:hidden}
@media(max-width:1050px){.brand{width:175px;min-width:175px}.brand img,.footer-brand img{width:175px}.back-top{right:92px}.hero{padding-left:6%;padding-right:6%}}
@media(max-width:760px){.site-header{padding:10px 5%;min-height:76px}.brand{width:150px;min-width:150px}.brand img{width:150px;max-height:72px}.footer-brand img{width:175px}.back-top{width:50px;height:50px;right:82px;bottom:18px}.wa-float{width:50px;height:50px;right:18px;bottom:18px}.wa-float b{width:30px;height:30px}.wa-float .wa-icon-img{width:26px!important;height:26px!important}.wa-option-icon{width:36px;height:36px;min-width:36px}.wa-option-icon .wa-icon-img{width:23px!important;height:23px!important}.wa-modal{left:12px;right:12px;bottom:80px;width:auto;max-width:none;padding:22px}.cookie{left:10px;right:10px;bottom:10px}.cases-page{padding-top:120px}.cases-page .case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.brand{width:138px;min-width:138px}.brand img{width:138px}.footer-brand img{width:165px}.back-top{right:76px}.wa-float{right:14px}.wa-modal{left:10px;right:10px;padding:20px}.cases-page .case-grid{grid-template-columns:1fr}.cases-page .cases-intro h1{font-size:42px}}
.cases-page h1 span{color:var(--gold)}
.wa-float img,.wa-option-icon img{display:block!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}


/* ===== ABEJOTAS FINAL DELIVERY OVERRIDES ===== */
/* Exact supplied brand assets: transparent, uncropped, aspect-ratio preserved. */
.brand{width:150px;min-width:150px;height:88px;display:flex;align-items:center;overflow:visible}
.brand img,.footer-brand img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:0;
}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer-brand img{width:155px;height:105px}

/* Header theme can switch the supplied logo between dark/light contexts. */
.site-header{transition:background .3s ease,color .3s ease}
.site-header.on-light{background:rgba(246,246,243,.94);backdrop-filter:blur(14px);border-bottom:1px solid #deded8}
.site-header.on-light .nav a,.site-header.on-light .lang,.site-header.on-light .menu-toggle{color:#111}
.site-header.on-light .nav a:hover{color:#a47700}

/* The hero artwork is cleaned of all embedded headings, service labels and client strip. */
.hero-bg{
  background-image:linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.92) 28%,rgba(3,3,3,.28) 60%,rgba(3,3,3,.10) 100%),url('assets/hero-visual-clean.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Keep those old text strips out of the hero entirely. */
.service-strip,.trust{display:none!important}

/* Warm, restrained atmospheric glow on dark sections. */
.solutions.dark,.industries.dark,.history.dark,.contact.dark{
  position:relative;
  isolation:isolate;
}
.solutions.dark::before,.industries.dark::before,.history.dark::before,.contact.dark::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(600px 260px at 78% 18%,rgba(255,189,0,.075),transparent 72%),
    radial-gradient(520px 260px at 18% 82%,rgba(184,132,0,.045),transparent 72%);
}
.solutions.dark>*,.industries.dark>*,.history.dark>*,.contact.dark>*{position:relative}

/* Animation inspired by the supplied reference video, kept subtle and non-blocking. */
@keyframes abeHeroRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes abeGlowDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,10px,0) scale(1.04)}}
.hero-content.visible{animation:abeHeroRise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-age.visible{animation:abeHeroRise .9s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-glow{animation:abeGlowDrift 8s ease-in-out infinite}
.solution,.case,.industry-grid span,.resource-grid article{will-change:transform}

/* WhatsApp uses the real supplied WhatsApp mark, never a substitute symbol. */
.wa-float{
  width:62px;height:62px;right:24px;bottom:24px;
  background:#25D366!important;color:#fff!important;
  display:grid;place-items:center;border-radius:50%;overflow:visible;
}
.wa-float b{width:36px;height:36px;display:grid;place-items:center;background:transparent}
.wa-float .wa-icon-img{
  width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;
  display:block!important;object-fit:contain!important;
}
.wa-modal{width:360px;max-width:calc(100vw - 32px);padding:24px}
.wa-modal>a{
  display:flex!important;align-items:center;gap:12px;
  min-height:66px;
}
.wa-option-icon{
  width:38px;height:38px;min-width:38px;
  display:grid;place-items:center;border-radius:50%;
  background:#25D366;color:#fff;overflow:hidden;
}
.wa-option-icon .wa-icon-img{
  width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;
  display:block!important;object-fit:contain!important;
}
.wa-modal>a span{flex:1;min-width:0}
.wa-modal>a strong{float:none!important;margin:0!important;flex:none;color:#25D366!important}

/* Credit stays centered independently of the copyright text. */
.footer-bottom{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px;padding-top:18px}
.footer-bottom > span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}

/* Case CTA goes to the actual cases page. */
.cases-intro .text-btn[href="#contacto"]{display:none}
.cases-intro .text-btn[href="casos.html"]{display:inline-block}

/* Responsive hardening: no horizontal overflow and no oversized WhatsApp selector. */
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}
@media(max-width:1050px){
  .brand{width:135px;min-width:135px;height:82px}
  .footer-brand img{width:145px;height:98px}
  .back-top{right:92px}
}
@media(max-width:760px){
  .site-header{padding:8px 5%;min-height:72px}
  .brand{width:104px;min-width:104px;height:66px}
  .brand img{width:104px;height:66px}
  .footer-brand img{width:145px;height:98px}
  .footer-bottom{min-height:64px;flex-direction:column;gap:8px;padding-bottom:4px}
  .footer-bottom > span{position:static;transform:none;white-space:normal;text-align:center}
  .wa-float{width:52px;height:52px;right:18px;bottom:18px}
  .wa-float b{width:30px;height:30px}
  .wa-float .wa-icon-img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}
  .wa-modal{left:12px;right:12px;bottom:82px;width:auto;max-width:none;padding:20px}
  .wa-modal>a{min-height:62px;padding:13px}
  .wa-option-icon{width:36px;height:36px;min-width:36px}
  .wa-option-icon .wa-icon-img{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important}
}
@media(max-width:470px){
  .brand{width:92px;min-width:92px;height:62px}
  .brand img{width:92px;height:62px}
  .footer-brand img{width:135px;height:91px}
  .wa-float{width:50px;height:50px;right:14px;bottom:14px}
  .wa-float .wa-icon-img{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
  .wa-modal{left:10px;right:10px;padding:18px}
}

/* Content must remain visible even before/without IntersectionObserver. */
.reveal{opacity:1;transform:none;transition:none}
.reveal.visible{animation:abeReveal .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes abeReveal{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Final visibility safeguard: all primary sections keep their content in the document flow. */
main section{visibility:visible}
.hero,.experience,.solutions,.cases,.industries,.method,.history,.resources,.contact{isolation:isolate}


/* ===== FINAL CLEAN HOME ===== */
.hero-bg{background-image:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.95) 26%,rgba(3,3,3,.30) 58%,rgba(3,3,3,.15)),url('assets/hero-visual-clean.webp') !important;background-size:cover;background-position:center right;}
.service-strip,.trust{display:none !important;}
.reveal{opacity:1 !important;visibility:visible !important;transform:none !important;}
.wa-float{background:#25D366 !important;color:#fff !important;}
.wa-float .wa-icon-img{width:28px;height:28px;display:block;}
.wa-modal>a{display:flex !important;align-items:center;gap:12px;min-height:76px;}
.wa-modal>a .wa-option-icon{width:38px;height:38px;min-width:38px;border-radius:50%;background:#25D366;display:grid;place-items:center;}
.wa-modal>a .wa-option-icon .wa-icon-img{width:23px;height:23px;display:block;}
.wa-option-copy{display:block;flex:1;}
.wa-modal>a .wa-option-copy b,.wa-modal>a .wa-option-copy small{display:block;float:none;margin:0;}
.wa-modal>a strong{margin:0 !important;float:none !important;color:#25D366;}
@media(max-width:760px){.hero-bg{background-position:62% center !important;}.wa-float .wa-icon-img{width:27px;height:27px;}.wa-modal>a{min-height:78px;}}

/* ===== FINAL FUNCTIONAL OVERRIDES ===== */
.reveal{opacity:0 !important;visibility:visible !important;transform:translate3d(0,22px,0) !important;transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1) !important;will-change:opacity,transform}
.reveal.visible{opacity:1 !important;transform:translate3d(0,0,0) !important}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.visible{opacity:1 !important;transform:none !important;transition:none !important}}
.cookie{z-index:2000 !important;pointer-events:auto !important}
.cookie *{pointer-events:auto !important}
.cookie button{position:relative;z-index:2001 !important;cursor:pointer !important;pointer-events:auto !important}
.cookie.cookie-hidden{display:none !important}
.wa-float .wa-icon-img{display:block !important;object-fit:contain !important;width:28px !important;height:28px !important;max-width:28px !important;max-height:28px !important}
.wa-option-icon .wa-icon-img{display:block !important;object-fit:contain !important;width:23px !important;height:23px !important;max-width:23px !important;max-height:23px !important}


/* ===== FINAL USER REQUESTED FIX: FOOTER ALIGNMENT ONLY ===== */
.footer-bottom{
  position:relative !important;
  display:block !important;
  min-height:44px !important;
  padding:18px 0 10px !important;
  text-align:center !important;
}
.footer-bottom > span{
  position:static !important;
  transform:none !important;
  display:block !important;
  white-space:normal !important;
  line-height:1.5 !important;
}
.footer-copyright{
  position:absolute !important;
  right:0 !important;
  top:18px !important;
  width:auto !important;
  text-align:right !important;
}
.footer-credit{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
}
@media(max-width:760px){
  .footer-bottom{min-height:64px !important;padding:18px 0 10px !important;}
  .footer-copyright{position:static !important;width:100% !important;text-align:right !important;margin-bottom:8px !important;}
  .footer-credit{position:static !important;width:100% !important;text-align:center !important;margin:0 !important;}
}

/* Footer final alignment: copyright left, Abejotas credit centered */
.footer-bottom{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  justify-content:initial !important;
  min-height:44px !important;
  padding:18px 0 10px !important;
  gap:0 !important;
  text-align:left !important;
}
.footer-copyright{
  grid-column:1 !important;
  justify-self:start !important;
  text-align:left !important;
  white-space:normal !important;
}
.footer-credit{
  grid-column:2 !important;
  justify-self:center !important;
  position:static !important;
  transform:none !important;
  display:block !important;
  white-space:nowrap !important;
  text-align:center !important;
}
@media(max-width:760px){
  .footer-bottom{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  }
  .footer-copyright{font-size:8px !important;}
  .footer-credit{font-size:9px !important;}
}

/* PHASE 4 SERVICE PAGES */
.service-hero-premium{min-height:650px}.light-section{background:#f3f3ef;color:#111}.service-intro,.service-audience,.service-process,.service-benefits,.service-deliverables,.service-faq,.service-cases{padding:90px 6%}.service-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:1200px;margin:auto}.service-two-col h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0}.service-two-col>div>p:not(.eyebrow),.audience-card p{color:#666;font-size:16px;max-width:680px}.service-audience{background:#080908}.service-audience h2{color:#fff}.service-audience .audience-card{border:1px solid #333;border-radius:12px;padding:35px;background:#111211;align-self:start}.service-audience .audience-card p{color:#ccc;margin:0}.service-cards-rich{max-width:1200px}.service-cards-rich article{min-height:240px}.service-process{background:#e9e9e4;color:#111}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.process-list>div{border-top:2px solid #111;padding-top:16px}.process-list strong{color:#9b7300;letter-spacing:.08em}.process-list h3{font-size:23px;margin:12px 0 8px}.process-list p{color:#666;font-size:13px;margin:0}.service-benefits ul,.deliverables-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}.service-benefits li,.deliverables-list li{font-size:17px;padding:17px 0;border-bottom:1px solid #ccc}.service-benefits li:before{content:'✓';color:#b78600;font-weight:900;margin-right:12px}.service-deliverables{background:#070707}.service-deliverables h2{color:#fff}.deliverables-list li{color:#ddd;border-color:#292929}.deliverables-list li:before{content:'→';color:var(--gold);margin-right:12px}.faq-list{max-width:900px;margin:auto}.faq-list details{border-top:1px solid #c9c9c5;padding:20px 0}.faq-list details:last-child{border-bottom:1px solid #c9c9c5}.faq-list summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:#a47700}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#666;max-width:760px;margin:14px 0 0}.service-cases{background:#070707}.service-cases .section-head h2{color:#fff}.related-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:auto}.related-cases a{border:1px solid #30312f;border-radius:10px;padding:24px;background:#101110;min-height:170px;display:flex;flex-direction:column;transition:.25s}.related-cases a:hover{border-color:var(--gold);transform:translateY(-4px)}.related-cases span{font-size:10px;color:var(--gold);letter-spacing:.12em;font-weight:800}.related-cases strong{font-size:19px;margin-top:auto}.related-cases small{color:#aaa;margin-top:10px}.service-next{padding:90px 6%}
@media(max-width:900px){.service-two-col{grid-template-columns:1fr;gap:35px}.process-list{grid-template-columns:1fr}.related-cases{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-intro,.service-audience,.service-process,.service-benefits,.service-deliverables,.service-faq,.service-cases{padding:65px 6%}.related-cases{grid-template-columns:1fr}.service-two-col h2{font-size:40px}}

/* Fase 5 — Casos de éxito documentados */
.case-stories{background:#0a0a0a;color:#fff;padding:110px 6vw 120px}.case-stories-head{max-width:820px;margin:0 auto 65px;text-align:center}.case-stories-head h2{font-size:clamp(2rem,4vw,4rem);margin:.2em 0 .35em}.case-stories-head>p:last-child{color:#c9c9c9;line-height:1.75}.case-story-grid{display:grid;gap:42px;max-width:1180px;margin:0 auto}.case-story{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);background:#131313;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden}.case-story-media{min-height:360px;background:#111}.case-story-media img{width:100%;height:100%;object-fit:cover;display:block}.case-story-body{padding:42px 44px}.case-story-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.case-story-meta span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#ddd}.case-story h3{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 22px}.case-story-copy p{line-height:1.7;color:#d2d2d2}.case-label{font-size:.68rem!important;letter-spacing:.12em;text-transform:uppercase;color:#f5c400!important;font-weight:800;margin:20px 0 5px}.case-story-en{display:none}.case-story-link{display:inline-block;margin-top:14px;color:#f5c400;text-decoration:none;font-weight:800}.case-story-link:hover{text-decoration:underline}@media(max-width:760px){.case-stories{padding:80px 5vw}.case-story{grid-template-columns:1fr}.case-story-media{min-height:240px}.case-story-body{padding:30px 24px}}

/* Fase 5 — Páginas individuales de casos */
.case-detail{background:#0a0a0a;color:#fff;padding:120px 6vw 110px}.case-detail-inner{max-width:1180px;margin:0 auto}.case-detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;margin-bottom:80px}.case-detail-kicker{color:#f5c400;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.case-detail h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.98;margin:0 0 24px}.case-detail-lead{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.7;color:#cfcfcf;max-width:720px}.case-detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.case-detail-tags span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#ddd;font-size:.76rem}.case-detail-hero-media{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#131313}.case-detail-hero-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.case-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 70px}.case-detail-card{background:#131313;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px}.case-detail-card h2{font-size:1.05rem;margin:0 0 14px;color:#f5c400;text-transform:uppercase;letter-spacing:.08em}.case-detail-card p,.case-detail-section p,.case-detail-section li{color:#d1d1d1;line-height:1.75}.case-detail-section{border-top:1px solid rgba(255,255,255,.1);padding-top:54px;margin-top:54px}.case-detail-section h2{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 18px}.case-detail-section ul{padding-left:22px}.case-detail-note{border-left:3px solid #f5c400;padding:4px 0 4px 20px;margin-top:28px;color:#cfcfcf}.case-detail-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.case-detail-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;background:#f5c400;color:#0a0a0a;text-decoration:none;font-weight:800;border-radius:10px}.case-detail-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}.case-detail-lang-en{display:none}.case-detail-back{display:inline-block;margin-bottom:30px;color:#cfcfcf;text-decoration:none}.case-detail-back:hover{color:#f5c400}@media(max-width:820px){.case-detail{padding:90px 5vw}.case-detail-hero{grid-template-columns:1fr;gap:35px}.case-detail-grid{grid-template-columns:1fr}.case-detail h1{font-size:clamp(2.6rem,13vw,4.5rem)}}


/* ===== PHASE 5 CASE STUDIES — FINAL LAYOUT FIX ===== */
.case-detail{
  padding:190px 6vw 110px;
  overflow:hidden;
}
.case-detail-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.case-detail-back{
  margin:0 0 42px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}
.case-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:64px;
  align-items:center;
  margin-bottom:76px;
}
.case-detail-hero > *{min-width:0}
.case-detail-kicker{
  margin:0 0 18px;
}
.case-detail h1{
  max-width:760px;
  font-size:clamp(3.1rem,6.2vw,6.2rem);
  line-height:.94;
  letter-spacing:-.055em;
  overflow-wrap:anywhere;
  margin:0 0 26px;
}
.case-detail-lead{
  width:100%;
  max-width:650px;
  margin:0;
  font-size:clamp(1.02rem,1.45vw,1.22rem);
  line-height:1.72;
  overflow-wrap:anywhere;
}
.case-detail-tags{
  margin-top:26px;
  gap:8px;
}
.case-detail-tags span{
  white-space:normal;
}
.case-detail-hero-media{
  width:100%;
  max-width:560px;
  justify-self:end;
  aspect-ratio:4/3;
  border-radius:20px;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.case-detail-hero-media img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
}
.case-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-bottom:68px;
}
.case-detail-card{
  min-width:0;
  height:100%;
  padding:30px;
  border-radius:16px;
}
.case-detail-card h2{
  min-height:2.5em;
  display:flex;
  align-items:flex-start;
}
.case-detail-card p,
.case-detail-card li,
.case-detail-section p{
  font-size:.94rem;
  overflow-wrap:anywhere;
}
.case-detail-card ul{
  margin:0;
  padding-left:19px;
}
.case-detail-section{
  margin-top:0;
  padding-top:52px;
}
.case-detail-section h2{
  max-width:760px;
  line-height:1.05;
}
.case-detail-note{
  max-width:920px;
}
.case-detail-cta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:34px;
}
.case-detail-btn{
  min-height:48px;
  justify-content:center;
  text-align:center;
}
.case-detail-btn.secondary{
  border-color:rgba(255,255,255,.25);
}
.case-detail-lang-es{display:block}
.case-detail-lang-en{display:none}

@media (max-width:1000px){
  .case-detail{padding:165px 5vw 90px}
  .case-detail-hero{
    grid-template-columns:1fr;
    gap:38px;
  }
  .case-detail-hero-media{
    max-width:none;
    justify-self:stretch;
  }
  .case-detail-grid{
    grid-template-columns:1fr;
  }
  .case-detail-card h2{min-height:0}
}
@media (max-width:640px){
  .case-detail{padding:125px 5vw 70px}
  .case-detail-back{margin-bottom:30px}
  .case-detail-hero{margin-bottom:52px}
  .case-detail h1{font-size:clamp(2.7rem,15vw,4.4rem)}
  .case-detail-lead{font-size:1rem;line-height:1.65}
  .case-detail-hero-media{border-radius:14px}
  .case-detail-card{padding:23px}
  .case-detail-section{padding-top:38px}
  .case-detail-cta{flex-direction:column;align-items:stretch}
  .case-detail-btn{width:100%}
}

.case-detail-hero-site{margin-top:30px}
.case-detail-hero-site .case-detail-btn{display:inline-flex}
@media(max-width:640px){.case-detail-hero-site .case-detail-btn{width:auto}}


/* ===== PHASE 6 — CONVERSION ===== */
.contact-main{display:flex;flex-direction:column;align-items:flex-start}
.contact-trust{display:grid;gap:10px;margin:30px 0 34px;width:min(100%,520px)}
.contact-trust div{display:flex;align-items:center;gap:14px;border-top:1px solid #282828;padding-top:12px}
.contact-trust strong{font-size:11px;color:var(--gold);letter-spacing:.08em}
.contact-trust span{font-size:12px;color:#d5d5d5}
.contact-card-heading{margin-bottom:22px}
.contact-card-heading .eyebrow{margin-bottom:10px}
.contact-card-heading h3{font-size:28px;line-height:1.08;margin:0 0 9px}
.contact-card-heading>p:not(.eyebrow){font-size:12px;color:#999;margin:0;line-height:1.55}
.project-form{margin-top:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.project-form label{display:flex;flex-direction:column;gap:7px;min-width:0}
.project-form label>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#bbb}
.project-form input,.project-form select,.project-form textarea{
  width:100%;box-sizing:border-box;border:1px solid #30312f;border-radius:8px;
  background:#151615;color:#f5f5f5;padding:12px 13px;font:inherit;font-size:12px;
  outline:none;transition:border-color .2s,box-shadow .2s;
}
.project-form input,.project-form select{height:44px}
.project-form textarea{resize:vertical;min-height:105px;line-height:1.5}
.project-form input::placeholder,.project-form textarea::placeholder{color:#6e6e6e}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,191,0,.08)
}
.project-form select{appearance:auto}
.form-full{grid-column:1/-1}
.form-consent{
  display:grid!important;grid-template-columns:18px 1fr;gap:9px!important;align-items:start;
  margin-top:16px;
}
.form-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--gold)}
.form-consent span{font-size:10px!important;text-transform:none!important;letter-spacing:0!important;
  font-weight:400!important;color:#888!important;line-height:1.5}
.form-consent a{color:#bbb}
.form-submit{border:0;margin-top:17px;width:100%;cursor:pointer;min-height:48px}
.form-status{min-height:17px;margin:9px 0 0;color:#aaa;font-size:10px;line-height:1.5}
.contact-direct{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #272827}
.contact-direct-title{grid-column:1/-1;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.contact-direct a{background:#171817;border:1px solid #292a28;padding:11px;border-radius:7px;min-width:0}
.contact-direct strong,.contact-direct span{display:block;overflow-wrap:anywhere}
.contact-direct strong{font-size:10px}
.contact-direct span{color:#888;font-size:9px;margin-top:3px}
.contact-direct a:hover{border-color:#4a4a47}
@media(max-width:900px){
  .contact{grid-template-columns:1fr;gap:50px}
  .contact-card{max-width:none}
}
@media(max-width:640px){
  .form-grid{grid-template-columns:1fr}
  .form-full{grid-column:auto}
  .contact-direct{grid-template-columns:1fr}
  .contact-direct-title{grid-column:auto}
  .contact-main .btn{width:100%;justify-content:center}
}

.site-return-nav{display:flex;gap:12px;flex-wrap:wrap;margin:42px 0 10px}
.site-return-nav .case-detail-btn{display:inline-flex;align-items:center;justify-content:center}
.site-return-nav .case-detail-btn-secondary{opacity:.9}
@media(max-width:700px){.site-return-nav{flex-direction:column;align-items:stretch}.site-return-nav .case-detail-btn{width:100%}}

.cases-page-note{display:block;margin:.75rem 0 0;max-width:760px;font-size:.9rem;opacity:.72}

/* Final portfolio and case-study refinements */
.case-no-image{min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(135deg,#151515,#2a2a2a);color:#fff}
.case-no-image-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(28px,4vw,54px);font-weight:800;letter-spacing:.08em;color:#f5c400;opacity:.9}
.case-no-image>div:last-child{position:relative;z-index:2;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.case-no-image small{display:block;margin-top:6px;color:#d2d2d2}
.case-detail-section-dark{background:#0b0b0b;color:#fff}
.case-detail-section-dark h2,.case-detail-section-dark p{color:#fff}
.case-detail-section-dark .case-detail-kicker{color:#f5c400}

/* ===== FINAL CASE + SERVICE NAVIGATION REFINEMENT ===== */
.case-grid .case img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.case-grid .case{overflow:hidden}
.service-hero-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.service-hero-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:12px;font-weight:800;text-decoration:none;transition:.2s}
.service-hero-nav-btn:first-child{background:rgba(255,255,255,.04)}
.service-hero-nav-btn:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:640px){.service-hero-nav{flex-direction:column;align-items:stretch}.service-hero-nav-btn{width:100%}}

/* Keep case previews in a wide presentation consistent with website/social screenshots. */
.case-detail-hero-media{aspect-ratio:16/9}

/* ===== Consent preferences — final ===== */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#111;color:#fff;box-shadow:0 16px 50px rgba(0,0,0,.28)}
.cookie-hidden{display:none!important}.cookie-main{max-width:760px}.cookie-main b{display:block;margin-bottom:5px}.cookie-main p{margin:0;line-height:1.5}
.cookie-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cookie-actions button,.cookie-settings button{border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
.cookie-reject,.cookie-customize{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.28)!important}
.cookie-settings{width:100%;display:grid;gap:9px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.cookie-settings label{font-size:.9rem}
.cookie-preferences-link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;margin-left:6px}
@media (max-width:760px){.cookie{left:12px;right:12px;bottom:12px;display:block}.cookie-actions{margin-top:12px}}

/* Casos de éxito organizados por servicio */
.case-group{max-width:1280px;margin:0 auto 58px}
.case-group:last-child{margin-bottom:0}
.case-group-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid #dedede}
.case-group-head .eyebrow{margin:0 0 7px;color:#a77700;font-weight:800;letter-spacing:.16em;font-size:10px}
.case-group-head h3{margin:0;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.035em;line-height:1.05;color:#111}
.case-group-head p{margin:0;color:#777;font-size:12px;max-width:430px;text-align:right}
.case-group .case-grid{max-width:none;margin:0}
@media(max-width:760px){.case-group{margin-bottom:42px}.case-group-head{display:block}.case-group-head p{text-align:left;margin-top:8px}.case-group .case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.case-group .case-grid{grid-template-columns:1fr}}