/* SICGBOR — página /services. Prefijo .sv-  ·  usa tokens de base.css y platform.css */
body.pl-doc{overflow:auto;height:auto}
.sv{padding:68px 0 0}
.sv-wrap{max-width:var(--container);margin:0 auto;padding-left:var(--pad-x-doc,var(--gutter));padding-right:var(--pad-x-doc,var(--gutter))}
.sv h1{font-size:var(--fs-title);font-weight:700;color:var(--dk);line-height:1.2}
.sv h2{font-size:var(--fs-title);font-weight:700;color:var(--dk);line-height:1.2}
.sv h3{font-size:1.25rem;font-weight:500;color:var(--dk);line-height:1.3}
.sv p,.sv li,.sv summary{font-size:1.0625rem;line-height:1.6;color:rgba(44,51,55,.8)}
.sv ul,.sv ol{list-style:none}
.sv-vh{position:absolute;left:-9999px}

.sv-top{background:var(--dk)!important}
.sv-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:84px;padding-bottom:72px}
.sv .sv-hero h1{font-size:2.6rem;color:#fff;line-height:1.15}
.sv .sv-hero p{color:rgba(255,255,255,.82);font-size:1.125rem;margin-top:18px;max-width:58ch}
.sv-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sv-hero .sv-dots{--dc:rgba(238,194,27,.8);margin-top:30px}
.sv-art{position:relative;min-height:340px}
.sv-win{position:absolute;left:0;top:10px;width:78%;background:#fff;border-radius:16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);overflow:hidden}
.sv-win-bar{display:flex;gap:6px;padding:12px 14px;background:#EDEEF0}
.sv-win-bar i{width:9px;height:9px;border-radius:50%;background:var(--gray)}
.sv-win-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.sv-win-body b{height:38px;border-radius:8px;background:var(--cy)}
.sv-win-body span{height:9px;border-radius:5px;background:#E3E4E6}
.sv-win-body span:nth-of-type(2){width:70%}
.sv-win-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.sv-win-cards u{height:54px;border-radius:8px;background:#F4F4F5;border:1px solid #E3E4E6}
.sv-photo{position:absolute;right:0;top:0;width:34%;aspect-ratio:1;border-radius:16px;background:var(--ye);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.sv-photo svg,.sv-ad svg{width:44%;fill:none;stroke:var(--dk);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sv-ad{position:absolute;right:6%;bottom:0;width:62%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.sv-ad svg{width:30px;stroke:var(--cy);flex:none}
.sv-ad span{height:9px;flex:1;border-radius:5px;background:#E3E4E6}
.sv-top .sv-btn-o{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff}
.sv-top .sv-btn-o:hover{background:#fff;color:var(--dk)}
.sv-btn{display:inline-flex;align-items:center;height:46px;padding:0 26px;border-radius:50px;background:var(--cy);color:#fff;font-weight:500;font-size:1rem;transition:background .2s}
.sv-btn:hover{background:var(--dk)}
.sv-btn-y{background:var(--ye);color:var(--bk)}
.sv-btn-y:hover{background:#fff}

.sv>section{background:#F4F4F5}
.sv>section:nth-of-type(even){background:#EDEEF0}
.sv-sec{padding:56px 0}
.sv-sec h2{margin-bottom:22px}
.sv-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.sv-head h2{margin:0}
.sv-sub{margin:-10px 0 22px;font-size:1.0625rem}

.sv-grid{display:grid;gap:16px}
.sv-cards{grid-template-columns:repeat(4,1fr);align-items:stretch}
.sv-four{grid-template-columns:repeat(4,1fr)}
.sv-three{grid-template-columns:repeat(3,1fr)}
.sv-card,.sv-item,.sv-proj{background:#fff;border:1px solid rgba(44,51,55,.1);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(44,51,55,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.sv-card:hover,.sv-proj:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(44,51,55,.22);border-color:rgba(36,156,209,.35)}
.sv-card-h{display:flex;align-items:center;gap:12px}
.sv-card-h svg{width:44px;height:44px;padding:10px;border-radius:12px;background:rgba(36,156,209,.1);stroke:var(--cy);stroke-width:1.8;flex:none}
.sv-item h3{display:flex;align-items:center;gap:10px}
.sv-bullet{width:9px;height:9px;border-radius:50%;background:var(--ye);flex:none}
.sv-perks{margin:2px 0 10px;display:flex;flex-direction:column;gap:6px}
.sv-perks li{font-size:1rem;padding-left:20px;position:relative}
.sv-perks li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ye)}
/* enlaces que invitan al clic */
.sv-link,.sv-card>a,.sv-proj a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 18px;border:1.5px solid var(--cy);border-radius:50px;color:var(--cy);font-weight:500;font-size:1rem;transition:background .2s,color .2s,gap .2s}
.sv-link svg,.sv-card>a svg,.sv-proj a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.sv-link:hover,.sv-card>a:hover,.sv-proj a:hover{background:var(--cy);color:#fff;text-decoration:none}
.sv-link:hover svg,.sv-card>a:hover svg,.sv-proj a:hover svg{transform:translateX(3px)}
.sv-card>a,.sv-proj a{margin-top:auto}
.sv-proj a{word-break:break-all}

.sv-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sv-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid rgba(44,51,55,.1);border-radius:18px;padding:22px}
.sv-steps b{font-size:1.5rem;font-weight:700;color:var(--cy);line-height:1}

.sv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.sv-chips a{display:inline-block;padding:6px 14px;border-radius:50px;background:rgba(36,156,209,.1);color:var(--cy);font-size:.95rem;font-weight:500;transition:background .2s,color .2s}
.sv-chips a:hover{background:var(--cy);color:#fff}
.sv-faq{max-width:940px}
.sv-faq details{border-top:1px solid var(--bdr);padding:14px 0}
.sv-faq details:last-child{border-bottom:1px solid var(--bdr)}
.sv-faq summary{cursor:pointer;font-weight:500;color:var(--dk);list-style:none;display:flex;justify-content:space-between;gap:12px}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary::after{content:"+";color:var(--cy);font-size:1.3rem;line-height:1}
.sv-faq details[open] summary::after{content:"–"}
.sv-faq details p{margin-top:8px}

.sv-dots{width:min(420px,84%);margin-top:14px;margin-right:12px}

@media (max-width:1100px){.sv-hero{grid-template-columns:1fr}.sv-art{display:none}.sv-cards,.sv-four{grid-template-columns:repeat(2,1fr)}.sv-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .sv{padding-top:58px}
  .sv-wrap{padding-left:16px;padding-right:16px}
  .sv-hero{padding-top:40px;padding-bottom:44px}
  .sv .sv-hero h1{font-size:1.75rem}
  .sv-cards,.sv-four,.sv-three,.sv-steps{grid-template-columns:1fr}
  .sv-head{flex-direction:column;gap:4px}
}

.sv h4{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(44,51,55,.55);margin-top:6px}
.sv-ideal{font-size:1rem!important;padding:12px 14px;border-radius:12px;background:#F4F4F5}
.sv-ideal b{font-weight:500;color:var(--dk)}
.sv-card-act{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:auto;padding-top:6px}
.sv-go{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1.5px solid var(--cy);border-radius:50px;color:var(--cy);font-weight:500;font-size:1rem;transition:background .2s,color .2s}
.sv-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.sv-go:hover{background:var(--cy);color:#fff}.sv-go:hover svg{transform:translateX(3px)}
.sv-req{color:var(--dk);font-weight:500;text-decoration:underline;text-decoration-color:var(--ye);text-decoration-thickness:2px;text-underline-offset:4px}
.sv-req:hover{color:var(--cy)}
.sv-item>.sv-go{margin-top:auto;align-self:flex-start}
.sv-st-ico svg{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(36,156,209,.1);stroke:var(--cy);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1500px){.sv-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.sv-cards{grid-template-columns:1fr}}

/* Página de un servicio */
.sv-hero-one{grid-template-columns:1fr;max-width:var(--container)}
.sv-hero-one .sv-hero-txt{max-width:860px}
.sv-back{display:inline-block;margin-bottom:18px;color:var(--ye);font-weight:500;font-size:1rem}
.sv-back:hover{text-decoration:underline}
.sv-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sv-two .sv-item{padding:30px}
.sv-two .sv-item-b{border-color:rgba(36,156,209,.35)}
.sv .sv-h3{font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:10px;margin:0}
.sv-inc .sv-item p{color:var(--dk)}
.sv-steps p{font-size:1rem}
.sv-result{max-width:70ch;font-size:1.1875rem!important;color:var(--dk)!important}
.sv-more{margin-top:34px;margin-bottom:12px;font-size:1rem!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(44,51,55,.55)!important}
.sv>section.sv-final{background:var(--ye);padding:48px 0 56px;text-align:left}
.sv-final .sv-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sv-final .ft-dots{--dc:rgba(35,31,32,.55);margin-bottom:14px}
.sv .sv-final h2{color:var(--bk);margin:0}
.sv .sv-final p{color:var(--bk)}
.sv-btn-k{background:var(--bk);color:#fff}
.sv-btn-k:hover{background:var(--cy)}
@media (max-width:900px){.sv-two{grid-template-columns:1fr}}

/* Servicio (versión completa) */
.sv-kicker{font-size:.8rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cy)!important;margin-bottom:6px}
.sv-solution{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.sv-solution h2{margin:0}
.sv .sv-lead{font-size:1.1875rem;color:var(--dk);margin-bottom:12px}
.sv-note{margin-top:18px;max-width:80ch;padding:14px 18px;border-left:3px solid var(--ye);background:#fff;border-radius:0 12px 12px 0}
.sv-two-cols{grid-template-columns:repeat(2,1fr)}
.sv-item>p>.sv-bullet{display:inline-block;margin-right:6px}
@media (max-width:900px){.sv-solution,.sv-two-cols{grid-template-columns:1fr}.sv-solution{gap:14px}}