:root{--blue:#0566b5;--ink:#082a54;--muted:#51688b;--light:#edf7fe;--line:#d2e5f4;--magenta:#bf006d;--green:#587609}
.wrap{width:min(1376px,calc(100% - 96px))}
.header-inner{min-height:110px;gap:35px}.brand{width:340px}.desktop-nav{gap:42px;font-size:1rem}.desktop-nav a,.desktop-nav summary{font-weight:500}.header-cta{font-size:1rem;padding:16px 26px;gap:30px;min-height:60px}.header-cta span{font-size:2rem;font-weight:400;line-height:.65}.button{border-radius:12px}.nav-popover{left:0;right:auto;top:35px;min-width:255px}
.hero-surface{background:radial-gradient(ellipse at 74% 44%,#dfF1ff 0,transparent 64%),#f3faff;overflow:hidden}
.home-hero{grid-template-columns:1fr 1.16fr;gap:24px;padding-block:55px 50px;position:relative}
.hero-copy{position:relative;z-index:1}.brand-eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--blue);margin-bottom:24px;line-height:1.5}.brand-eyebrow::after{content:'';display:block;width:32px;height:4px;background:#a8cf2b;margin-top:11px}
.hero-copy h1{font-size:clamp(2.7rem,4.32vw,4.6rem);line-height:1.06;letter-spacing:-.052em;font-weight:750;text-wrap:initial}.hero-description{font-size:clamp(1.2rem,1.9vw,1.85rem);line-height:1.4;margin-top:25px;max-width:29ch;letter-spacing:-.035em}.hero-actions{margin-top:25px;gap:22px;flex-wrap:nowrap}.hero-actions .button{min-height:60px;padding:15px 25px;font-size:1rem;white-space:nowrap}.hero-actions .button:first-child{gap:22px}.hero-actions .button:first-child span{font-size:2rem;line-height:.65;font-weight:400}.hero-actions .button-outline{min-width:165px;border-width:1.5px}
.hero-visual{position:relative;margin:-8px -18px -18px -15px}.hero-visual::before{content:'';position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#e3f2fe;left:5%;top:-12%;z-index:0}.hero-visual img{position:relative;width:100%;display:block;z-index:1;filter:drop-shadow(0 12px 12px #082a5409)}
.site-home .services-section{background:#e9f6ff;padding-block:38px 48px}.site-home .services-section .section-heading{gap:40px;margin-bottom:28px}.site-home .services-section .section-heading>p{max-width:53ch;font-size:1rem;line-height:1.5;align-self:center}.site-home .services-section h2{font-size:clamp(2rem,2.9vw,2.9rem);letter-spacing:-.05em}.services-section .brand-eyebrow{margin-bottom:16px}
.brand-services{gap:0}.brand-services article{border:0;padding:0 30px;display:flex;align-items:flex-start;gap:21px}.brand-services article:first-child{padding-left:0}.brand-services article+article{border-left:1px solid #c7dfef}.brand-services h3{font-size:1.35rem;margin:6px 0 12px;letter-spacing:-.04em;white-space:nowrap}.brand-services p{font-size:1rem;line-height:1.55;margin:0 0 16px;max-width:28ch}.brand-services .text-link{font-size:.95rem}.brand-services .text-link span{margin-left:10px}.service-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;flex:none;color:#fff;background:var(--blue)}.service-icon svg{width:40px;height:40px}.service-web .service-icon{background:var(--magenta)}.service-crm .service-icon{background:#789800}.service-web .text-link{color:var(--magenta)}.service-crm .text-link{color:#557800}
.clients-section,.hosting-section,.blog-section,#servicios{scroll-margin-top:125px}.site-home .client-logos li{border:1px solid var(--line)}.whatsapp-link{background:#14753d}
.form-field select{width:100%;padding:12px 13px;min-height:48px;border:1px solid #afbecd;border-radius:6px;background:white;color:var(--ink)}
@media(min-width:1600px){.home-hero{padding-block:70px 65px;gap:30px}}
@media(max-width:1250px){.wrap{width:calc(100% - 64px)}.brand{width:275px}.desktop-nav{gap:25px}.header-inner{gap:25px;min-height:96px}.header-cta{padding-inline:20px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:19px;font-size:.9rem;min-height:56px}.brand-services article{padding-inline:22px;gap:16px}.brand-services h3{font-size:1.15rem}.service-icon{width:54px;height:54px}.service-icon svg{width:34px;height:34px}.brand-services p{font-size:.9rem}}
@media(max-width:1099px){.header-inner{min-height:82px}.brand{width:255px}.home-hero{padding-block:45px;gap:15px;grid-template-columns:1fr 1.04fr}.hero-copy h1{font-size:clamp(2.3rem,4.25vw,3.3rem)}.brand-eyebrow{font-size:.67rem;letter-spacing:.1em;margin-bottom:20px}.hero-description{font-size:1.25rem}.hero-actions{flex-wrap:wrap}.hero-actions .button{min-height:48px;padding:12px 17px}.hero-actions .button-outline{min-width:130px}.brand-services{gap:28px}.brand-services article{padding-inline:0;display:block}.brand-services article+article{border:0}.brand-services h3{font-size:1.3rem;margin-top:18px}.site-home .services-section .section-heading{align-items:start}.site-home .services-section .section-heading>p{max-width:40ch}.brand-services p{max-width:none;font-size:.94rem}}
@media(max-width:699px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:77px;gap:12px}.brand{width:230px;max-width:65%}.menu-toggle{font-size:.82rem}.home-hero{grid-template-columns:1fr;gap:30px;padding-block:32px 25px}.hero-copy h1{font-size:clamp(2.2rem,8.5vw,3.8rem);line-height:1.09;letter-spacing:-.05em}.brand-eyebrow{font-size:.65rem;margin-bottom:21px;letter-spacing:.13em}.brand-eyebrow::after{width:27px;height:3px;margin-top:9px}.hero-description{font-size:1.25rem;line-height:1.45;margin-top:20px;max-width:28ch}.hero-actions{gap:12px;margin-top:22px;flex-wrap:wrap}.hero-actions .button{font-size:.86rem;padding:13px 15px;min-height:48px;border-radius:9px}.hero-actions .button:first-child{gap:13px}.hero-actions .button-outline{min-width:120px}.hero-visual{margin:-10px -9px -8px}.hero-visual::before{width:88%;top:-10%}.site-home .services-section{padding-block:30px 38px}.site-home .services-section .section-heading{gap:18px;margin-bottom:27px}.site-home .services-section .section-heading>p{align-self:start;font-size:.94rem;max-width:39ch}.site-home .services-section h2{font-size:2rem;line-height:1.12}.services-section .brand-eyebrow{margin-bottom:15px}.brand-services{gap:25px}.brand-services article{display:flex;gap:18px}.brand-services article+article{border-top:1px solid #c7dfef;padding-top:25px}.brand-services h3{font-size:1.23rem;margin:3px 0 9px;white-space:normal}.brand-services p{font-size:.93rem;margin-bottom:12px}.service-icon{width:54px;height:54px}.brand-services .text-link{font-size:.9rem}.clients-section,.hosting-section,.blog-section,#servicios{scroll-margin-top:92px}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.brand{width:200px}.hero-copy h1{font-size:2.15rem}.hero-actions{gap:9px}.hero-actions .button{font-size:.78rem;padding-inline:12px}.hero-actions .button-outline{min-width:108px}}
.blog-intro{max-width:850px;margin-bottom:40px}.blog-intro h1{margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.5rem)}.blog-intro>p{font-size:1.1rem;line-height:1.7}.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.blog-cards article{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.blog-image{display:block;aspect-ratio:5/3;background:var(--light);overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.article-placeholder{height:100%;display:grid;place-items:center;color:var(--blue);font-weight:750;font-size:2rem;background:#e6f3fc}.blog-card-copy{padding:23px}.blog-card-copy h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em}.blog-card-copy h2 a{text-decoration:none;color:var(--ink)}.blog-card-copy p{font-size:.92rem;margin:16px 0;line-height:1.7}.blog-card-copy .text-link{font-size:.88rem}.blog-pagination{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.blog-pagination div{display:flex;gap:25px}.reference-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.reference-gallery article{border:1px solid var(--line);padding:25px;border-radius:12px}.reference-gallery a{text-decoration:none}.reference-gallery img{width:100%;height:120px;object-fit:contain}.reference-gallery h2{font-size:1rem;text-align:center;margin-top:18px;line-height:1.5}@media(max-width:1000px){.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.blog-cards{grid-template-columns:1fr;gap:24px}.blog-card-copy{padding:21px}.blog-intro{margin-bottom:28px}.blog-intro>p{font-size:1rem}.blog-pagination{font-size:.9rem}.reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.reference-gallery article{padding:18px}.reference-gallery img{height:90px}}
.blog-image{background:#fff}.blog-image img{object-fit:cover}.article-cover{width:100%;max-height:none;aspect-ratio:5/3;object-fit:cover;border-radius:12px;margin:0 0 32px}