.commercial-mockup{--mock-nav-offset:34px}.commercial-mockup.commercial-live{--mock-nav-offset:0px}.commercial-preview-note{z-index:90;color:#e8eddf;height:34px;font:500 12px var(--font-geist-sans),sans-serif;background:#242820;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,5vw,72px);display:flex;position:fixed;inset:0 0 auto}.commercial-preview-note>a{text-underline-offset:3px;text-decoration:underline}.commercial-mockup .sales-draft-nav{top:var(--mock-nav-offset)}.commercial-mockup :is(#soluciones,#casos,#contacto){scroll-margin-top:125px}.commercial-mockup .sales-draft-nav nav :is(a,button){letter-spacing:0;text-transform:none;font-size:13px}.commercial-mockup .eyebrow{font-size:12px;line-height:1.5}.commercial-mockup .narrative-copy{bottom:clamp(130px,20vh,220px)}.commercial-mockup .commercial-hero-description{letter-spacing:0;color:#d0d5cb;max-width:570px;margin-top:16px;font-size:16px;font-weight:400;line-height:1.5;display:block}.commercial-mockup .commercial-hero-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:24px;margin-top:25px;display:flex}.commercial-mockup .commercial-hero-actions button{background:var(--acid);color:#071006;font:650 14px var(--font-geist-sans),sans-serif;border:0;border-radius:99px;padding:15px 20px}.commercial-mockup .commercial-hero-actions button span{margin-left:20px}.commercial-mockup .commercial-hero-actions a{font:500 14px var(--font-geist-sans),sans-serif;color:#f4f6ef;border-bottom:1px solid #b6bbad;padding:12px 0}.commercial-section-intro{max-width:760px;margin-bottom:40px}.commercial-section-intro h2{letter-spacing:-.045em;margin:15px 0;font-size:clamp(30px,4vw,54px);font-weight:530;line-height:1.08}.commercial-mockup .sales-solution-copy li{font-size:14px}.commercial-mockup .sales-related :is(a,small){font-size:12px}.commercial-mockup .sales-solution-copy>button{font:650 14px var(--font-geist-sans),sans-serif;text-transform:none;letter-spacing:0}.commercial-mockup .sales-solution-copy>p.commercial-next-step{color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.5}.commercial-cases,.commercial-instagram{z-index:5;padding:clamp(70px,9vw,125px) clamp(24px,7vw,108px);position:relative}.commercial-cases{color:#10110f;background:#e8e6df}.commercial-editorial-heading{border-top:1px solid;grid-template-columns:1fr 2.4fr;gap:28px;margin-bottom:60px;padding-top:24px;display:grid}.commercial-editorial-heading h2{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(34px,5vw,70px);font-weight:530;line-height:1.04}.commercial-editorial-heading>div>p{max-width:640px;margin:0;font-size:17px;line-height:1.55}.commercial-cases .eyebrow{color:#425f24}.commercial-case-grid{grid-template-columns:1fr 1fr;gap:56px 28px;display:grid}.commercial-case-grid article{min-width:0}.commercial-case-image{aspect-ratio:16/10;background:#10110f;display:block;position:relative;overflow:hidden}.commercial-case-image img{object-fit:cover;width:100%;height:100%}.commercial-case-image>span{color:#f1f5ec;background:#090c09dd;border:1px solid #ffffff30;padding:8px 12px;font-size:12px;position:absolute;bottom:16px;left:16px}.commercial-case-copy{padding:25px 0 0}.commercial-case-copy h3{letter-spacing:-.04em;max-width:550px;margin:12px 0 24px;font-size:clamp(25px,3vw,42px);font-weight:550;line-height:1.12}.commercial-case-copy dl{margin:0 0 24px}.commercial-case-copy dl>div{border-top:1px solid #aaa99f;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;display:grid}.commercial-case-copy dt{font-size:13px;font-weight:650}.commercial-case-copy dd{color:#4f514a;margin:0;font-size:15px;line-height:1.5}.commercial-case-copy>a{border-bottom:1px solid #425f24;padding-bottom:7px;font-size:14px;font-weight:600;display:inline-block}.commercial-cases-end{border-top:1px solid #aaa99f;flex-wrap:wrap;align-items:center;gap:24px;margin-top:65px;padding-top:30px;display:flex}.commercial-cases-end>p{letter-spacing:-.04em;margin:0 auto 0 0;font-size:24px}.commercial-cases-end button{color:#f1f5ec;background:#0d130b;border:0;border-radius:30px;padding:15px 20px;font-size:14px}.commercial-cases-end>a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.commercial-mockup .commercial-process li{justify-content:flex-start;align-items:flex-start;padding:24px}.commercial-process li>span{margin-bottom:30px;font-size:13px}.commercial-mockup .commercial-process h3{font-size:clamp(22px,2.3vw,32px);line-height:1.15}.commercial-mockup .commercial-process li p{font-size:15px;line-height:1.55}.commercial-instagram{background:#10130f}.commercial-instagram .commercial-editorial-heading{border-color:#ffffff30}.commercial-instagram .commercial-editorial-heading>div>p{color:#b9c0b2}.commercial-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.commercial-reel-cover{aspect-ratio:9/16;background:#050605;display:block}.commercial-reel-cover img{object-fit:contain;width:100%;height:100%;display:block}.commercial-reel-grid article>div{padding-top:24px}.commercial-reel-grid h3{letter-spacing:-.035em;margin:10px 0 14px;font-size:clamp(24px,2.5vw,34px);font-weight:550;line-height:1.1}.commercial-reel-grid article>div>p:not(.eyebrow){color:#b9c0b2;font-size:15px;line-height:1.55}.commercial-reel-grid article>div>a{border-bottom:1px solid var(--acid);padding:12px 0 6px;font-size:14px;display:inline-block}.commercial-instagram-more{color:#b9c0b2;text-underline-offset:5px;margin-top:50px;font-size:14px;text-decoration:underline;display:inline-block}.commercial-mockup .commercial-close h2{margin:0 0 24px;font-size:clamp(46px,7vw,100px)}.commercial-close-description{max-width:680px;margin:0 0 32px;font-size:clamp(18px,1.7vw,24px);line-height:1.5}.commercial-mockup .commercial-close>button{letter-spacing:0;text-transform:none;font-size:16px}.commercial-close>button>span{margin-left:32px}.commercial-rec-explainer{color:#294111;max-width:580px;margin:22px 0 0;font-size:15px;line-height:1.6}.commercial-mockup .commercial-close>a{margin-top:30px;font-size:14px;line-height:1.5}.commercial-mockup :is(a,button):focus-visible{outline-offset:5px;outline:2px solid}.commercial-mockup .commercial-rec-button{background:var(--acid);color:#071006;font:650 14px var(--font-geist-sans),sans-serif;letter-spacing:0;text-transform:none;border:0;border-radius:99px;justify-content:center;align-self:flex-start;align-items:center;gap:20px;padding:15px 20px;text-decoration:none;display:inline-flex}.commercial-mockup .sales-draft-nav .commercial-rec-button{align-self:center}.commercial-mockup .commercial-cases-end .commercial-rec-button,.commercial-mockup .commercial-close .commercial-rec-button{color:#fff;background:#071006}.commercial-mockup .commercial-close .commercial-rec-button{margin-top:0;font-size:16px}@media (max-width:800px){.commercial-preview-note{gap:8px;font-size:10px}.commercial-mockup .sales-draft-nav nav{visibility:hidden}.commercial-mockup .sales-draft-nav.menu-open nav{visibility:visible}.commercial-mockup .narrative-copy{bottom:130px}.commercial-mockup .commercial-hero-description{margin-top:12px;font-size:14px}.commercial-mockup .commercial-hero-actions{gap:18px;margin-top:20px}.commercial-mockup .commercial-hero-actions button{padding:13px 16px}.commercial-mockup .story-shortcut{top:120px;bottom:auto;right:20px}.commercial-mockup .sales-solution-image{min-height:280px;max-height:380px}.commercial-mockup .sales-draft-nav nav button{width:100%;min-height:44px;margin-top:16px}.commercial-mockup .sales-draft-nav nav .commercial-rec-button{margin-top:16px;display:flex!important}.commercial-editorial-heading{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.commercial-editorial-heading h2{font-size:36px}.commercial-editorial-heading>div>p{font-size:16px}.commercial-case-grid{grid-template-columns:1fr;gap:40px}.commercial-case-copy dl>div{grid-template-columns:85px 1fr}.commercial-reel-grid{grid-template-columns:1fr;gap:42px;max-width:440px;margin:auto}.commercial-reel-cover{max-height:560px}.commercial-mockup .commercial-process ol{grid-template-columns:1fr}.commercial-mockup .commercial-process li{border-right:0;min-height:auto;padding:24px 0}.commercial-process li>span{margin-bottom:16px}.commercial-cases-end{flex-direction:column;align-items:flex-start}}@media (max-height:600px) and (min-width:801px){.commercial-mockup .narrative-copy{bottom:75px}.commercial-mockup .commercial-hero-description{margin-top:8px}}
