/* Página Servicios CYSM: presentación comercial, clara y orientada a contacto. */
:root{
  --services-ink:#0b1220;
  --services-muted:#5e6b76;
  --services-line:#dfe6eb;
  --services-soft:#f3f7f8;
  --services-yellow:#ffd000;
  --services-blue:#2f8ee5;
  --services-teal:#32c0b2;
  --services-green:#55bf68;
}

html{scroll-behavior:smooth}
body.services-page{margin:0;background:#fff;color:var(--services-ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
.services-page main{padding-top:84px;overflow:clip}
.services-container{width:min(1160px,92%);margin-inline:auto}
.services-page h1,.services-page h2,.services-page h3,.services-page h4{margin:0;line-height:1.08;letter-spacing:-.04em}
.services-page p{margin:0}
.services-page a{text-decoration:none;color:inherit}
.services-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--services-yellow);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.services-eyebrow::before{content:"";width:31px;height:3px;border-radius:99px;background:currentColor}
.services-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.services-btn:hover{transform:translateY(-2px)}
.services-btn--primary{background:var(--services-yellow);color:var(--services-ink)!important;box-shadow:0 14px 30px rgba(255,208,0,.24)}
.services-btn--primary:hover{box-shadow:0 18px 36px rgba(255,208,0,.32)}
.services-btn--dark{background:var(--services-ink);color:#fff!important;box-shadow:0 12px 25px rgba(11,18,32,.15)}
.services-btn--light{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.04);color:#fff!important}
.services-btn--light:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* Hero: mensaje comercial visible desde el primer segundo. */
.services-hero{position:relative;isolation:isolate;min-height:clamp(610px,calc(100svh - 84px),760px);display:grid;align-items:center;background:var(--services-ink) url('/assets/hero2.webp?v=2') center/cover no-repeat;color:#fff;overflow:hidden}
.services-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,25,.72) 0%,rgba(5,13,25,.48) 48%,rgba(5,13,25,.16) 100%)}
.services-hero::after{content:"";position:absolute;right:-17%;bottom:-64%;z-index:-1;width:70%;height:125%;border:1px solid rgba(255,208,0,.45);border-radius:50%;box-shadow:0 0 0 34px rgba(255,208,0,.08),0 0 0 68px rgba(255,208,0,.04);transform:rotate(-18deg)}
.services-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:70px;align-items:center}
.services-hero__copy{padding:75px 0}
.services-hero h1{max-width:790px;margin:18px 0 22px;font-size:clamp(2.8rem,5.7vw,5.5rem);line-height:.97;letter-spacing:-.07em}
.services-hero h1 strong{color:var(--services-yellow)}
.services-hero__lead{max-width:660px;color:#e0ebef;font-size:clamp(1.04rem,1.7vw,1.24rem);line-height:1.7}
.services-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.services-hero__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.services-hero__facts span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d2e0e5;font-size:.82rem}
.services-hero__visual{position:relative;min-height:420px;display:grid;place-items:center}
.services-overview{position:relative;width:min(100%,480px);padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(9px)}
.services-overview__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16);color:#d9e6eb;font-size:.77rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.services-overview__status{display:inline-flex;align-items:center;gap:7px;color:#fff;letter-spacing:0;text-transform:none}.services-overview__status::before{content:"";width:8px;height:8px;border-radius:50%;background:#5ee08a;box-shadow:0 0 0 5px rgba(94,224,138,.13)}
.services-overview__body{display:grid;gap:10px;padding:20px 0}.services-overview__item{display:flex;align-items:center;gap:13px;padding:12px 0;color:#e4eef1}.services-overview__item+.services-overview__item{border-top:1px solid rgba(255,255,255,.12)}.services-overview__icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--services-yellow);color:var(--services-ink);font-weight:950}.services-overview__item strong{font-size:1rem}.services-overview__item span{display:block;margin-top:1px;color:#b9cbd1;font-size:.78rem}.services-overview__item>.services-overview__icon{display:grid;place-items:center;flex:0 0 39px;margin:0;color:var(--services-ink);font-size:.8rem;line-height:1}.services-overview__bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#c6d7dc;font-size:.9rem}

/* Navegación visual de servicios. */
.services-intro{padding:88px 0 42px;background:#fff}.services-intro__head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end}.services-intro h2{margin-top:15px;font-size:clamp(2.2rem,4vw,3.75rem)}.services-intro__head>p{max-width:620px;color:var(--services-muted);font-size:1.08rem;line-height:1.75}
.services-grid-section{padding:42px 0 98px;background:#fff}.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-card{position:relative;grid-column:span 4;display:flex;flex-direction:column;min-height:425px;padding:27px;border:1px solid var(--services-line);border-radius:23px;background:#fff;box-shadow:0 14px 34px rgba(12,31,45,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 21px 46px rgba(12,31,45,.13);border-color:var(--service-color)}.service-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--service-color)}.service-card--risk{--service-color:var(--services-yellow)}.service-card--pilz{--service-color:var(--services-yellow)}.service-card--hirschmann{--service-color:var(--services-blue)}.service-card--pepperl{--service-color:var(--services-teal)}.service-card--gobo{--service-color:var(--services-green)}
.service-card__top{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:14px}.service-card__number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--service-color);color:var(--services-ink);font-size:.8rem;font-weight:950}.service-card__type{color:#7b8992;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.service-card__brand-slot{display:flex;align-items:center;justify-content:center;min-height:78px;margin-bottom:12px;overflow:hidden}.service-card__brand-slot img{display:block;width:230px;height:78px;max-width:100%;object-fit:contain}.service-card__brand-slot[data-brand-logo="cysm"] img{transform:scale(1.4)}.service-card__brand-slot[data-brand-logo="pilz"] img{transform:scale(1.35)}.service-card__brand-slot[data-brand-logo="hirschmann"] img{transform:scale(1.4)}.service-card__brand-slot[data-brand-logo="pepperl-fuchs"] img{transform:scale(1.08)}.service-card__brand-slot[data-brand-logo="goboservice"] img{transform:scale(1.1)}.service-card h3{font-size:1.5rem}.service-card__summary{margin-top:12px;color:var(--services-muted);font-size:.95rem;line-height:1.65}.service-card__question{margin-top:17px;padding-top:15px;border-top:1px solid var(--services-line);color:var(--services-ink);font-size:.9rem;font-weight:750}.service-card__action{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;padding-top:0}.service-card__action .services-btn{min-height:43px;padding:0 15px;font-size:.87rem}.service-card__action .services-btn--dark{background:var(--service-color);color:var(--services-ink)!important;box-shadow:none}.service-card--risk,.service-card--pilz{background:linear-gradient(145deg,#fffef3,#fff)}.service-card--risk .service-card__number{background:#111;color:var(--services-yellow)}
.service-card{min-height:0}.service-card__brand-slot{min-height:130px;overflow:visible}.service-card__brand-slot img{height:auto;max-height:130px;transform:none!important}

/* Bloque que ayuda a elegir sin tecnicismos. */
.services-route{padding:94px 0;background:var(--services-soft)}.services-route__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px;align-items:center}.services-route h2{margin-top:15px;font-size:clamp(2.2rem,4vw,3.7rem)}.services-route__intro p{margin-top:16px;color:var(--services-muted);line-height:1.75}.services-route__intro>.services-btn{margin-top:28px}.services-route__list{display:grid;border-top:1px solid var(--services-line)}.services-route__item{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--services-line)}.services-route__item>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--services-ink);color:var(--services-yellow);font-size:.76rem;font-weight:950}.services-route__item h3{font-size:1.13rem;letter-spacing:-.02em}.services-route__item p{margin-top:5px;color:var(--services-muted);font-size:.92rem;line-height:1.6}

/* CTA comercial y FAQ para confianza + SEO. */
.services-faq{padding:92px 0;background:#fff}.services-faq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.services-faq h2{margin-top:15px;font-size:clamp(2.2rem,4vw,3.5rem)}.services-faq__intro p{margin-top:16px;color:var(--services-muted);line-height:1.75}.services-faq-list{border-top:1px solid var(--services-line)}.services-faq details{border-bottom:1px solid var(--services-line);overflow:hidden}.services-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.services-faq summary::-webkit-details-marker{display:none}.services-faq summary::after{content:"+";color:#8997a0;font-size:1.35rem;font-weight:500;transition:transform .32s ease,color .32s ease}.services-faq details[open] summary::after{content:"+";color:var(--services-yellow);transform:rotate(45deg)}.services-faq__answer,.services-faq details:not([open]) .services-faq__answer{display:grid!important;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease}.services-faq details[open] .services-faq__answer{grid-template-rows:1fr;opacity:1}.services-faq__answer p{min-height:0;overflow:hidden;padding:0 42px 0 0;color:var(--services-muted);font-size:.94rem;line-height:1.7;transition:padding .38s ease}.services-faq details[open] .services-faq__answer p{padding-bottom:20px}
.services-cta{position:relative;isolation:isolate;overflow:hidden;padding:92px 0;background:var(--services-ink);color:#fff}.services-cta::after{content:"";position:absolute;right:-120px;bottom:-300px;z-index:-1;width:600px;height:600px;border:78px solid rgba(255,208,0,.16);border-radius:50%}.services-cta__grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.services-cta h2{max-width:760px;margin-top:15px;font-size:clamp(2.4rem,4.5vw,4.5rem)}.services-cta p{max-width:650px;margin-top:16px;color:#c9d8dd}.services-cta__actions{display:flex;flex-wrap:wrap;gap:11px;flex-shrink:0}
.services-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.services-reveal.is-visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:980px){.services-hero__grid{grid-template-columns:1fr;gap:0}.services-hero__copy{padding:72px 0 28px}.services-hero__visual{min-height:360px;padding-bottom:68px}.services-intro__head,.services-route__grid,.services-faq__grid{grid-template-columns:1fr;gap:35px}.service-card{grid-column:span 6}.service-card:last-child{grid-column:span 12}.services-cta__grid{display:block}.services-cta__actions{margin-top:28px}}
@media(max-width:700px){.services-page main{padding-top:74px}.services-container{width:min(100% - 32px,560px)}.services-hero__copy{padding:57px 0 20px}.services-hero h1{font-size:clamp(2.45rem,13vw,3.65rem)}.services-hero__lead{font-size:1rem}.services-hero__actions,.services-cta__actions{display:grid;grid-template-columns:1fr}.services-hero__actions .services-btn,.services-cta__actions .services-btn{width:100%}.services-hero__facts{display:grid;gap:9px}.services-hero__visual{min-height:285px;padding-bottom:52px}.services-overview{padding:21px}.services-overview__body{padding:16px 0}.services-overview__item{padding:9px 0}.services-intro,.services-route,.services-faq{padding:67px 0}.services-grid-section{padding:28px 0 67px}.services-intro h2,.services-route h2,.services-faq h2{font-size:2.45rem}.service-card,.service-card:last-child{grid-column:span 12;min-height:0}.service-card__action .services-btn{flex:1}.services-cta{padding:70px 0}.services-cta h2{font-size:2.8rem}.services-cta__actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.services-btn,.service-card,.services-reveal{transition:none}.services-reveal{opacity:1;transform:none}}
@media(max-width:700px){.service-card__brand-slot{min-height:112px}.service-card__brand-slot img{max-height:112px}}