/* AcelPro — páginas de servicio SEO */
.service-page{background:var(--bg);color:var(--white);min-height:100vh}
.service-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#07101a}
.service-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.94) 0%,rgba(3,9,15,.78) 48%,rgba(3,9,15,.56) 100%),linear-gradient(180deg,rgba(3,9,15,.25),rgba(3,9,15,.78));z-index:1}
.service-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.62);transform:scale(1.04);z-index:0}
.service-hero-content{position:relative;z-index:2;padding-top:96px;padding-bottom:86px;max-width:850px}
.service-breadcrumb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a9c8e5;margin-bottom:22px}
.service-breadcrumb a{color:#dcecff;text-decoration:none}.service-breadcrumb a:hover{color:#6fa8dc}
.service-hero h1{font-family:Oswald,Inter,sans-serif;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.025em;margin:0 0 22px;text-transform:uppercase}
.service-hero h1 .mark{color:#6fa8dc}
.service-lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:#dce6ef;max-width:760px;margin:0 0 30px}
.service-actions{display:flex;gap:12px;flex-wrap:wrap}.service-actions .btn{min-height:50px}
.service-main{padding:82px 0}.service-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:42px;align-items:start}
.service-panel{background:rgba(11,25,39,.76);border:1px solid rgba(111,168,220,.2);padding:30px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.service-panel h2{font-family:Oswald,Inter,sans-serif;font-size:34px;text-transform:uppercase;margin:0 0 18px}.service-panel p{color:#c8d4df;line-height:1.75}
.service-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.service-list li{position:relative;padding:15px 16px 15px 44px;background:#0b1724;border-left:2px solid #4e88bb;color:#e7eef5}.service-list li::before{content:"✓";position:absolute;left:16px;top:14px;color:#75a9d4;font-weight:800}
.service-side{position:sticky;top:105px}.service-side .eyebrow{margin-bottom:12px}.service-side h3{font-family:Oswald,Inter,sans-serif;font-size:28px;text-transform:uppercase;margin:0 0 14px}.service-side p{color:#c8d4df;line-height:1.65}.service-side .btn{width:100%;justify-content:center;margin-top:12px}
.service-faq{margin-top:42px}.service-faq details{border-top:1px solid rgba(255,255,255,.12);padding:18px 0}.service-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.service-faq summary{cursor:pointer;font-weight:700;color:#eef5fb}.service-faq p{margin:12px 0 0;color:#bdcad6;line-height:1.7}
.service-next{padding:0 0 82px}.service-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-next-card{display:block;padding:22px;background:#0b1724;border:1px solid rgba(111,168,220,.16);text-decoration:none;color:var(--white);transition:transform .25s ease,border-color .25s ease,background .25s ease}.service-next-card:hover{transform:translateY(-4px);border-color:#5f94c2;background:#0d1c2c}.service-next-card span{font-size:11px;letter-spacing:.14em;color:#7da9cf;text-transform:uppercase}.service-next-card strong{display:block;font-family:Oswald,Inter,sans-serif;font-size:23px;text-transform:uppercase;margin-top:7px}
@media(max-width:900px){.service-grid{grid-template-columns:1fr}.service-side{position:static}.service-next-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.service-hero{min-height:600px}.service-hero-content{padding-top:76px}.service-main{padding:58px 0}.service-panel{padding:22px}.service-next-grid{grid-template-columns:1fr}.service-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.service-next-card{transition:none}.service-next-card:hover{transform:none}}

::view-transition-old(root){animation:service-old .24s ease both}
::view-transition-new(root){animation:service-new .34s cubic-bezier(.2,.75,.25,1) both}
@keyframes service-old{to{opacity:0;transform:translateY(-8px);filter:blur(2px)}}
@keyframes service-new{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
[data-service-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
[data-service-reveal].is-visible{opacity:1;transform:none}