:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f7f9fc;--blue:#3357d6;--muted:#667085;--line:#e0e6ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 90% 20%,#e4f6f580,transparent 35%),#f7f9fc}
a{color:inherit}
.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;left:15px;z-index:100;background:white;padding:12px}
.site-header{position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{width:min(1280px,calc(100% - 48px));height:76px;display:flex;align-items:center;gap:30px;margin:auto}
.brand{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none}.brand img{object-fit:contain}
.header-nav{display:flex;gap:28px;align-items:center}.header-nav>a{text-decoration:none;color:#475467;font-size:.92rem;font-weight:750}.header-nav>a[aria-current],.header-nav>a:hover{color:var(--blue)}
.header-account-link{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:.8rem;font-weight:750;padding:11px 15px;border:1px solid #dbe2ef;border-radius:12px;background:white;white-space:nowrap}.header-account-link svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}
main{width:min(1180px,calc(100% - 48px));margin:auto;padding:38px 0 80px}
.eyebrow{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin:0 0 17px}
.services-hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:35px;min-height:460px;padding:clamp(30px,5vw,65px);overflow:hidden;border-radius:30px;background:radial-gradient(circle at 75% 25%,#304170,#141e37 48%,#0e172d 85%);color:white}
.services-hero-copy{position:relative;z-index:2}.services-hero .eyebrow{color:#8ddcde}.services-hero h1{max-width:780px;margin:0;font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.06em;line-height:1.04}.services-hero-copy>p:not(.eyebrow){max-width:600px;margin:22px 0 27px;color:#d2d9e8;font-size:1.03rem;line-height:1.65}
.primary-link{display:inline-flex;align-items:center;gap:24px;padding:13px 19px;border-radius:12px;background:#d8fffa;color:#112b37;font-size:.85rem;font-weight:800;text-decoration:none}.primary-link:hover{background:white}
.hero-visual{position:relative;display:grid;place-items:center;min-height:315px;isolation:isolate}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid #b9e9ed45;border-radius:50%;width:280px;height:280px}.hero-visual:after{width:360px;height:360px;border-color:#b9e9ed1e}.visual-chip{position:relative;z-index:2;display:grid;place-items:center;width:235px;height:145px;border:1px solid #90bdcc9b;border-radius:18px;background:linear-gradient(135deg,#263b64,#10192d);box-shadow:18px 24px 0 #0b1327,0 25px 55px #030714a8;transform:rotate(-9deg);font-size:1.35rem;font-weight:900;letter-spacing:.04em}.visual-chip:before{content:"";position:absolute;inset:11px;border:1px solid #b5d8e840;border-radius:9px}.visual-line{position:absolute;height:2px;background:#91e9e3;box-shadow:0 0 13px #73d8de}.visual-line.one{width:130px;top:55px;right:-25px;transform:rotate(-26deg)}.visual-line.two{width:120px;bottom:55px;left:-5px;transform:rotate(-24deg)}.visual-line.three{width:70px;bottom:66px;right:0;transform:rotate(26deg)}.visual-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#a4fff0;box-shadow:0 0 18px #8affee}.dot-one{top:24px;right:80px}.dot-two{bottom:28px;left:25px}.dot-three{right:30px;bottom:90px}.visual-caption{position:absolute;bottom:-5px;color:#aabbd4;font-size:.62rem;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.services-section{padding-top:85px}.section-heading{max-width:720px;margin-bottom:30px}.section-heading h2,.approach-section h2,.contact-panel h2{margin:0;font-size:clamp(2rem,3.7vw,3rem);line-height:1.1;letter-spacing:-.045em}.section-heading>p:last-child{color:var(--muted);font-size:1rem;line-height:1.6}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{display:flex;flex-direction:column;min-height:330px;padding:31px;border:1px solid var(--line);border-radius:23px;background:white;box-shadow:0 12px 38px #23396308}.service-number{color:var(--blue);font-size:.68rem;font-weight:850;letter-spacing:.14em}.service-icon{display:grid;place-items:center;width:54px;height:54px;margin:25px 0 20px;border-radius:15px;background:#eef3ff;color:#3357d6;font-size:1.8rem;font-weight:650}.service-card:nth-child(2) .service-icon{background:#e8f8f4;color:#138e79}.service-card:nth-child(3) .service-icon{background:#f4edff;color:#8151bd}.service-card:nth-child(4) .service-icon{background:#fff3e9;color:#bc6a30}.service-card h3{margin:0 0 12px;font-size:1.35rem;letter-spacing:-.03em}.service-card p{margin:0 0 22px;color:#5d6677;line-height:1.64;font-size:.92rem}.service-tag{margin-top:auto;color:#42516a;font-size:.72rem;font-weight:800}
.approach-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;padding:80px 0}.approach-list{list-style:none;margin:0;padding:0;border-top:1px solid #cbd6e5}.approach-list li{display:grid;gap:5px;padding:23px 0;border-bottom:1px solid #cbd6e5}.approach-list strong{font-size:1rem}.approach-list span{color:var(--muted);font-size:.9rem;line-height:1.5}
.contact-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:clamp(25px,4vw,48px);border:1px solid #cfe8e2;border-radius:25px;background:linear-gradient(125deg,#e9f9f4,#eef2ff);scroll-margin-top:100px}.contact-panel p:last-child{max-width:550px;color:#5d6677;font-size:.94rem;line-height:1.6}.contact-actions{display:grid;gap:11px}.contact-button{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;padding:18px;border:1px solid #dce5e9;border-radius:14px;background:#ffffffd9;text-decoration:none;font-size:.82rem;font-weight:800}.contact-button span:nth-child(1){font-weight:600;color:#5d6677;overflow-wrap:anywhere}.contact-button:hover{border-color:#62baa8;background:white}
a:focus-visible{outline:3px solid #a4b9f5;outline-offset:4px}
@media(max-width:940px){.header-nav{gap:12px}.header-inner{gap:15px}.header-nav>.products-dropdown{display:block}.header-nav>a[href="/social/"],.header-nav>a[href="/servicios/"],.header-nav>a[href="/soporte/"]{display:inline-flex!important}.hero-visual{opacity:.8}}
@media(max-width:430px){.header-nav>a[href="/social/"]{display:none!important}}
@media(max-width:800px){.header-nav>*:not(.products-dropdown):not([href="/social/"]):not([href="/servicios/"]){display:none}.services-hero{grid-template-columns:1fr;min-height:0}.hero-visual{display:none}.approach-section,.contact-panel{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){main{width:calc(100% - 28px);padding-top:14px}.header-inner{width:calc(100% - 24px)}.brand img:last-child{display:none}.services-hero{padding:34px 25px;border-radius:20px}.services-hero h1{font-size:clamp(2.15rem,10vw,3rem)}.services-section{padding-top:55px}.services-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.approach-section{padding:60px 0}.contact-panel{padding:28px 22px}.contact-button{grid-template-columns:1fr auto}.contact-button span:first-child{grid-column:1;grid-row:2}.contact-button span:last-child{grid-column:2;grid-row:1 / span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* El catálogo abre la página sin una portada de altura completa. */
.services-section.services-front{padding-top:clamp(32px,5vw,64px)}
.services-front .section-heading{max-width:820px;margin:0 0 34px;text-align:left}
.services-front .section-heading h1{margin:0;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.08}
.services-front .section-heading>p:last-child{max-width:720px;margin:18px 0 0;line-height:1.55}
@media(max-width:620px){.services-section.services-front{padding-top:28px}.services-front .section-heading{margin-bottom:24px}.services-front .section-heading h1{font-size:clamp(2rem,8vw,2.7rem)}.services-front .section-heading>p:last-child{font-size:.94rem}}