/* Ecosistema de Servicios SCG - aislado bajo .svc-page / .servicios-* */
.pagina-servicios-ecosistema{background:#fff}
.svc-page{font-family:var(--fuente-principal);color:var(--texto);background:#fff}
.svc-page *{box-sizing:border-box}
.svc-shell{width:min(1480px,calc(100% - 64px));margin-inline:auto}
.svc-kicker{font-family:var(--fuente-titulos);font-size:12px;font-weight:800;letter-spacing:.09em;color:#d59100;text-transform:uppercase}
.svc-page h1,.svc-page h2,.svc-page h3{font-family:var(--fuente-titulos);color:var(--verde-oscuro);margin-top:0}
.svc-page p{line-height:1.65}
.svc-icon{width:42px;height:42px;color:var(--verde-oscuro);display:block;flex:0 0 auto}
.svc-icon use{pointer-events:none}
.svc-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:26px 0 18px;font-size:14px;color:#6b7b78}
.svc-breadcrumb a{color:var(--verde-oscuro);text-decoration:none;font-weight:700}.svc-breadcrumb i{font-style:normal;color:#bdc8c5}
.svc-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start;padding-bottom:54px}
.svc-content{min-width:0}
.svc-detail-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:32px;align-items:center;padding:30px 0 42px}
.svc-detail-copy .etiqueta-seccion{margin-bottom:18px}.svc-detail-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.035em;margin-bottom:18px}.svc-lead{font-size:clamp(17px,1.6vw,20px);color:#314f4b;margin:0 0 26px;max-width:720px}
.svc-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.svc-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1.5px solid #9fb8b2;border-radius:12px;color:var(--verde-oscuro);font-weight:800;text-decoration:none;background:#fff}.svc-outline-btn:hover{border-color:var(--verde-oscuro);background:#f5faf8}
.svc-detail-image{border-radius:24px;overflow:hidden;box-shadow:0 14px 38px rgba(7,63,57,.12);aspect-ratio:16/10;background:#eef4f2}.svc-detail-image img{width:100%;height:100%;object-fit:cover;display:block}
.svc-content-section{padding:54px 0;border-top:1px solid #edf1f0}.svc-content-section>.etiqueta-seccion,.svc-content-section>div>.etiqueta-seccion{margin-bottom:16px}.svc-content-section>h2,.svc-content-section>div>h2{font-size:clamp(26px,2.5vw,38px);margin-bottom:18px}.svc-content-section>p{font-size:17px;max-width:900px;margin:0;color:#3b5853}
.svc-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:32px}.svc-check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.svc-check-list li{display:flex;align-items:flex-start;gap:11px;font-size:16px;line-height:1.45}.svc-check-list li span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8f5ef;color:#0b7a5a;font-weight:900;flex:0 0 auto}.svc-audience{background:#f5f9f7;border:1px solid #e1ebe8;border-radius:20px;padding:28px}.svc-audience-icon{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#fff;border:1px solid #e3ece9;margin-bottom:18px}.svc-audience h2{font-size:24px!important;margin-bottom:12px!important}.svc-audience p{margin:0;color:#45605c}
.svc-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}.svc-benefits-grid article{border:1px solid #e3eae8;border-radius:16px;padding:20px;background:#fff;display:flex;gap:12px;align-items:flex-start}.svc-benefits-grid p{margin:0;font-weight:700;line-height:1.4}.svc-benefit-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--verde-oscuro);color:var(--amarillo);font-weight:900;flex:0 0 auto}
.svc-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.svc-process-grid article{border-top:3px solid var(--amarillo);padding:20px 18px;background:#f8fbfa;border-radius:0 0 14px 14px}.svc-process-grid b{font-family:var(--fuente-titulos);font-size:26px;color:#0c725f}.svc-process-grid p{margin:8px 0 0;line-height:1.45;font-weight:700}
.svc-child-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.svc-child-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e2ebe8;border-radius:16px;text-decoration:none;background:#fff;color:var(--verde-oscuro);transition:.2s}.svc-child-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(7,63,57,.10);border-color:#c8dad5}.svc-child-card .svc-icon{width:48px;height:48px}.svc-child-card h3{font-size:17px;margin:0 0 7px}.svc-child-card span{font-size:14px;font-weight:800;color:#0d705d}
.svc-faq-list{border:1px solid #e2e9e7;border-radius:16px;overflow:hidden;background:#fff}.svc-faq-item+ .svc-faq-item{border-top:1px solid #e8eeec}.svc-faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:#fff;color:var(--verde-oscuro);font:800 16px var(--fuente-titulos);text-align:left;padding:20px 22px;cursor:pointer}.svc-faq-item button b{font-size:24px;font-weight:500}.svc-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.svc-faq-answer>p{overflow:hidden;margin:0;padding:0 22px;line-height:1.6;color:#48615d;transition:padding .25s}.svc-faq-item.open .svc-faq-answer{grid-template-rows:1fr}.svc-faq-item.open .svc-faq-answer>p{padding:0 22px 20px}
.svc-final-cta,.svc-main-final{margin:18px 0 0;background:linear-gradient(110deg,#064a40,#08715d);color:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.svc-final-cta>div,.svc-main-final>div{display:flex;align-items:center;gap:18px}.svc-final-cta h2,.svc-main-final h2{color:#fff;font-size:21px;margin:0 0 4px}.svc-final-cta p,.svc-main-final p{margin:0;color:#d8eee8}.svc-final-icon,.svc-main-final-icon{width:54px;height:54px;color:var(--amarillo)}
/* Sidebar */
.servicios-sidebar{min-width:0}.servicios-sidebar-inner{position:sticky;top:190px;display:grid;gap:7px;padding:12px;background:#fbfcfc;border:1px solid #e2e8e6;border-radius:18px;box-shadow:0 8px 25px rgba(7,63,57,.07)}
.svc-side-direct,.svc-side-row{min-height:58px;border:1px solid #e2e8e6;background:#fff;border-radius:11px;display:flex;align-items:center;transition:.2s}.svc-side-direct{padding:8px 10px;text-decoration:none;color:var(--verde-oscuro);gap:10px;font:800 13px/1.25 var(--fuente-titulos)}.svc-side-direct .svc-icon,.svc-side-row .svc-icon{width:34px;height:34px}.svc-side-direct b{margin-left:auto;font-size:22px;font-weight:500}.svc-side-direct:hover,.svc-side-direct.active,.svc-side-group.active>.svc-side-row{border-color:#b7cdc7;background:#f0f8f5}
.svc-side-row>a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:8px 0 8px 10px;text-decoration:none;color:var(--verde-oscuro);font:800 13px/1.25 var(--fuente-titulos)}.svc-side-row button{width:38px;align-self:stretch;border:0;background:transparent;color:var(--verde-oscuro);font-size:24px;cursor:pointer;transition:.2s}.svc-side-group.open .svc-side-row button{transform:rotate(90deg)}.svc-side-subs{display:none;padding:5px 8px 8px 50px}.svc-side-group.open .svc-side-subs{display:grid}.svc-side-sub,.svc-side-third{display:block;text-decoration:none;color:#526a66;font-size:12.5px;line-height:1.35;padding:7px 4px;border-radius:6px}.svc-side-sub:hover,.svc-side-sub.active,.svc-side-third.active{color:#075849;font-weight:800;background:#eef6f3}.svc-side-third{padding-left:14px;font-size:11.8px;position:relative}.svc-side-third:before{content:'•';position:absolute;left:4px;color:var(--amarillo)}
.svc-sidebar-cta{margin-top:3px;min-height:56px;border-radius:11px;background:var(--amarillo);color:var(--verde-oscuro);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:800 14px var(--fuente-titulos);box-shadow:0 8px 20px rgba(255,195,35,.23)}
/* Main services page */
.svc-main-page{padding-top:18px}.svc-main-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.15fr) 330px;gap:28px;align-items:stretch;padding:34px 0 78px;min-height:510px}.svc-main-copy{align-self:center;padding:16px 0}.svc-main-copy h1{font-size:clamp(38px,4.2vw,64px);line-height:1.05;letter-spacing:-.04em;margin:13px 0 20px}.svc-main-copy p{font-size:17px;color:#3a5651;max-width:520px}.svc-main-image{border-radius:3px;overflow:hidden;min-height:420px;align-self:stretch}.svc-main-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.svc-main-services{padding:54px 0 64px}.svc-section-head{text-align:center;margin-bottom:34px}.svc-section-head h2{font-size:clamp(30px,3vw,44px);margin:10px 0 0}.svc-main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.svc-main-card{border:1px solid #e4e9e7;border-radius:12px;padding:26px 22px 23px;min-height:268px;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 18px rgba(5,45,41,.035)}.svc-main-card .svc-icon{width:56px;height:56px;margin-bottom:16px}.svc-main-card h3{font-size:16px;line-height:1.25;margin-bottom:13px}.svc-main-card p{font-size:14px;line-height:1.55;color:#495e5a;margin:0 0 18px}.svc-main-card a{margin-top:auto;color:#075849;text-decoration:none;font-weight:800;font-size:14px}.svc-main-card a span{margin-left:6px}.svc-main-card:nth-child(n+5){grid-column:span 1}.svc-main-card:nth-child(5){grid-column:1/2}.svc-main-card:nth-child(6){grid-column:2/3}.svc-main-card:nth-child(7){grid-column:3/4}
.svc-main-faq{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding:58px 20px;background:#f8faf9;border-top:1px solid #eef2f0;border-bottom:1px solid #eef2f0}.svc-faq-intro h2{font-size:32px;line-height:1.1;margin:10px 0 16px}.svc-short-line{display:block;width:34px;height:3px;background:var(--amarillo);margin:18px 0}.svc-faq-help{margin-top:24px;display:grid;grid-template-columns:48px 1fr;gap:4px 14px;align-items:center}.svc-faq-help .svc-icon{grid-row:1/3;width:48px;height:48px}.svc-faq-help p{margin:0;font-size:14px;line-height:1.45}.svc-faq-help a{color:#075849;font-weight:800;font-size:13px}.svc-main-final{margin:30px 20px 54px}
/* Header services mega menu - visual header dimensions untouched */
.servicios-nav-item{position:static!important}.servicios-trigger{display:flex;align-items:center;height:100%}.servicios-trigger>a{color:var(--verde-oscuro);text-decoration:none;font-weight:700;padding:12px 4px}.servicios-trigger>button{border:0;background:transparent;padding:8px 4px;color:var(--verde-oscuro);display:grid;place-items:center;cursor:pointer}.servicios-trigger>button svg{width:14px;height:14px;stroke:currentColor;fill:none}.servicios-trigger>a.activo{color:#c88600}.servicios-mega{position:fixed;z-index:1200;top:var(--svc-mega-top,170px);left:50%;transform:translateX(-50%) translateY(8px);width:min(1320px,calc(100vw - 64px));background:#fff;border:1px solid #e4e9e7;border-radius:0 0 14px 14px;box-shadow:0 20px 40px rgba(7,63,57,.15);padding:20px 22px;display:grid;grid-template-columns:1fr 1.18fr 1.18fr 1.1fr;gap:0;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.servicios-nav-item.mega-open .servicios-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.servicios-mega-col{padding:4px 18px;border-right:1px solid #e8ecea}.servicios-mega-col:last-child{border-right:0}.mega-heading{display:flex;align-items:center;gap:10px;color:var(--verde-oscuro);font:800 14px var(--fuente-titulos);text-decoration:none;margin-bottom:10px}.mega-heading .svc-icon{width:38px;height:38px}.servicios-mega ul{list-style:none;padding:0;margin:0}.servicios-mega li a{display:block;text-decoration:none;color:#3e5854;font-size:12.5px;line-height:1.3;padding:4px 0 4px 14px;position:relative}.servicios-mega li>a:before{content:'•';position:absolute;left:1px;color:#e8a600;font-size:17px;line-height:14px}.servicios-mega li a:hover{color:#075849;font-weight:800}.mega-third a{padding-left:25px!important;font-size:11.7px!important}.mega-third a:before{left:13px!important}.servicios-mega-directos{display:grid;align-content:start}.servicios-mega-directos>a{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #edf0ef;text-decoration:none;color:var(--verde-oscuro);font:800 13px/1.25 var(--fuente-titulos)}.servicios-mega-directos>a:last-child{border-bottom:0}.servicios-mega-directos .svc-icon{width:36px;height:36px}.servicios-mobile-accordion{display:none}
@media (max-width:1280px){.svc-shell{width:min(1180px,calc(100% - 40px))}.svc-layout{grid-template-columns:minmax(0,1fr) 300px;gap:26px}.svc-main-hero{grid-template-columns:.9fr 1fr 300px;gap:20px}.svc-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-main-card:nth-child(n){grid-column:auto}.servicios-mega{width:calc(100vw - 36px);padding:16px 12px}.servicios-mega-col{padding:4px 12px}}
@media (max-width:1120px){
 .servicios-nav-item>.servicios-mega{display:none!important}.servicios-trigger{justify-content:center;gap:0}.servicios-trigger>a{font-size:inherit}.servicios-trigger>button{padding:10px}.servicios-mobile-accordion{display:block;width:100%;padding:4px 0 8px}.servicios-mobile-accordion section{border-top:1px solid #e7ecea}.svc-mobile-cat{display:flex;align-items:center}.svc-mobile-cat>a,.svc-mobile-direct>a{display:flex!important;align-items:center;gap:12px!important;flex:1!important;text-align:left!important;padding:13px 5px!important;text-decoration:none!important;color:var(--verde-oscuro)!important;font-weight:800!important}.svc-mobile-cat .svc-icon,.svc-mobile-direct .svc-icon{width:32px;height:32px}.svc-mobile-cat>button{border:0;background:transparent;color:var(--verde-oscuro);width:48px;height:48px;font-size:22px;transition:.2s}.servicios-mobile-accordion section>ul,.svc-mobile-has-third>ul{display:none;list-style:none;margin:0;padding:2px 10px 10px 44px}.servicios-mobile-accordion section.mobile-open>ul,.svc-mobile-has-third.third-open>ul{display:block}.servicios-mobile-accordion section.mobile-open .svc-mobile-cat>button,.svc-mobile-has-third.third-open>div>button{transform:rotate(180deg)}.servicios-mobile-accordion li a{display:block!important;padding:9px 3px!important;text-align:left!important;font-size:14px!important;color:#36524d!important;text-decoration:none}.svc-mobile-has-third>div{display:flex;align-items:center}.svc-mobile-has-third>div>a{flex:1}.svc-mobile-has-third>div>button{width:42px;height:42px;border:0;background:transparent;color:var(--verde-oscuro);font-size:20px}.svc-mobile-has-third>ul{padding-left:18px!important}
 .svc-layout{display:block}.servicios-sidebar{margin:0 0 35px}.servicios-sidebar-inner{position:static;grid-template-columns:repeat(2,minmax(0,1fr));top:auto}.svc-side-subs{display:none!important}.svc-side-row button{display:none}.svc-side-row>a{padding-right:10px}.svc-sidebar-cta{grid-column:1/-1}.svc-detail-hero{grid-template-columns:1fr 1fr}.svc-main-hero{grid-template-columns:1fr 1.05fr;padding-bottom:36px}.svc-main-hero>.servicios-sidebar{grid-column:1/-1;order:3}.svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.svc-main-hero>.servicios-sidebar .svc-sidebar-cta{grid-column:span 1}.svc-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:834px){.svc-shell{width:calc(100% - 32px)}.svc-detail-hero{grid-template-columns:1fr;padding-top:18px}.svc-detail-image{max-height:430px}.svc-two-col{grid-template-columns:1fr}.svc-child-grid{grid-template-columns:1fr}.servicios-sidebar-inner{grid-template-columns:1fr}.svc-main-hero{grid-template-columns:1fr;padding-top:20px}.svc-main-image{min-height:310px;max-height:430px}.svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-main-faq{grid-template-columns:1fr;gap:25px;padding-inline:0}.svc-main-final,.svc-final-cta{align-items:flex-start;flex-direction:column}.svc-main-final{margin-inline:0}}
@media (max-width:560px){.svc-shell{width:calc(100% - 28px)}.svc-breadcrumb{font-size:12px;padding-top:16px}.svc-detail-copy h1{font-size:34px}.svc-lead{font-size:16px}.svc-hero-actions{display:grid}.svc-hero-actions>a{width:100%}.svc-content-section{padding:38px 0}.svc-content-section>p{font-size:16px}.svc-benefits-grid,.svc-process-grid,.svc-main-grid{grid-template-columns:1fr}.svc-main-card{min-height:0}.svc-main-copy h1{font-size:38px}.svc-main-copy p{font-size:16px}.svc-main-image{min-height:250px}.svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{grid-template-columns:1fr}.svc-main-hero>.servicios-sidebar .svc-sidebar-cta{grid-column:auto}.svc-main-services{padding:36px 0}.svc-main-faq{padding:42px 0}.svc-faq-intro h2{font-size:28px}.svc-faq-item button{font-size:15px;padding:17px 16px}.svc-faq-item.open .svc-faq-answer>p{padding:0 16px 17px}.svc-final-cta,.svc-main-final{padding:22px 18px}.svc-final-cta>div,.svc-main-final>div{align-items:flex-start}.svc-final-icon,.svc-main-final-icon{width:42px;height:42px}.svc-final-cta h2,.svc-main-final h2{font-size:18px}.svc-main-final .btn-principal,.svc-final-cta .btn-principal{width:100%}.svc-detail-image{border-radius:18px}.svc-audience{padding:22px}.svc-side-direct,.svc-side-row{min-height:54px}}
@media (max-width:1120px){
 .servicios-nav-item .servicios-mobile-accordion ul,
 .servicios-nav-item .servicios-mobile-accordion section>ul,
 .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul{
   position:static!important;top:auto!important;left:auto!important;width:100%!important;
   border-radius:0!important;background:transparent!important;box-shadow:none!important;
   opacity:1!important;visibility:visible!important;transform:none!important;
 }
 .servicios-nav-item .servicios-mobile-accordion section:not(.mobile-open)>ul{display:none!important}
 .servicios-nav-item .servicios-mobile-accordion section.mobile-open>ul{display:block!important}
 .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third:not(.third-open)>ul{display:none!important}
 .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third.third-open>ul{display:block!important}
}


/* =========================================================
   V40 - Ajuste fino del ecosistema Servicios
   - Mega menú estable por hover en PC/Laptop
   - Alineación correcta en Tablet/Móvil
   - Página principal alineada al mockup aprobado
   ========================================================= */

/* Página principal de Servicios: proporciones del mockup */
.svc-main-page .svc-shell{
  width:min(1360px,calc(100% - 64px));
}
.svc-main-page .svc-main-hero{
  grid-template-columns:minmax(330px,380px) minmax(430px,500px) minmax(300px,330px);
  justify-content:space-between;
  gap:24px;
  min-height:0;
  padding:30px 0 74px;
}
.svc-main-page .svc-main-copy{
  align-self:center;
  padding:4px 0;
}
.svc-main-page .svc-main-copy h1{
  font-size:clamp(40px,3.45vw,56px);
  line-height:1.06;
  margin:12px 0 18px;
}
.svc-main-page .svc-main-copy p{
  font-size:15px;
  line-height:1.72;
  max-width:370px;
  margin-bottom:22px;
}
.svc-main-page .svc-main-image{
  min-height:350px;
  height:100%;
  max-height:390px;
  align-self:center;
}
.svc-main-page .svc-main-image img{
  object-position:center center;
}
.svc-main-page .servicios-sidebar-inner{
  border-radius:12px;
  padding:8px;
  gap:5px;
  background:#fff;
  box-shadow:0 8px 22px rgba(7,63,57,.08);
}
.svc-main-page .svc-side-direct,
.svc-main-page .svc-side-row{
  min-height:52px;
  border-radius:9px;
}
.svc-main-page .svc-side-direct{
  padding:7px 9px;
  font-size:12.5px;
}
.svc-main-page .svc-side-row>a{
  padding:7px 0 7px 9px;
  font-size:12.5px;
}
.svc-main-page .svc-side-direct .svc-icon,
.svc-main-page .svc-side-row .svc-icon{
  width:32px;
  height:32px;
}
.svc-main-page .svc-sidebar-cta{
  min-height:52px;
  border-radius:9px;
}
.svc-main-page .svc-main-services{
  padding:36px 0 58px;
}
.svc-main-page .svc-section-head{
  margin-bottom:28px;
}
.svc-main-page .svc-section-head h2{
  font-size:clamp(28px,2.35vw,38px);
  margin-top:8px;
}
.svc-main-page .svc-main-grid{
  gap:12px;
}
.svc-main-page .svc-main-card{
  min-height:246px;
  padding:22px 20px 20px;
  border-radius:10px;
}
.svc-main-page .svc-main-card .svc-icon{
  width:52px;
  height:52px;
  margin-bottom:13px;
}
.svc-main-page .svc-main-card h3{
  margin-bottom:10px;
}
.svc-main-page .svc-main-card p{
  font-size:13.5px;
  line-height:1.5;
}
.svc-main-page .svc-main-faq{
  grid-template-columns:285px minmax(0,1fr);
  gap:42px;
  padding:48px 20px;
}
.svc-main-page .svc-main-final{
  margin-top:26px;
}

/* Mega menú: mantener abierto al mover el mouse desde Servicios hacia el panel */
@media (min-width:1121px){
  .servicios-nav-item{
    position:static!important;
  }
  .servicios-trigger{
    position:relative;
    gap:0;
  }
  .servicios-trigger::after{
    content:"";
    position:absolute;
    left:-12px;
    right:-12px;
    top:100%;
    height:30px;
  }
  .servicios-mega{
    top:var(--svc-mega-top,170px);
    width:min(1320px,calc(100vw - 64px));
    border-radius:0 0 12px 12px;
    padding:18px 20px;
    transform:translateX(-50%) translateY(0);
    transition:opacity .16s ease,visibility .16s ease;
  }
  .servicios-nav-item.mega-open .servicios-mega,
  .servicios-nav-item:focus-within .servicios-mega{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .servicios-mega-col{
    padding:4px 16px;
  }
  .servicios-mega li a{
    padding-top:4px;
    padding-bottom:4px;
  }
}

/* Tablet y móvil: menú alineado, sin centrar bloques largos verticalmente */
@media (max-width:1120px){
  .menu-zona.abierto{
    justify-content:flex-start;
  }
  .menu-lista{
    width:min(100%,720px);
  }
  .servicios-nav-item{
    width:100%;
  }
  .servicios-trigger{
    width:100%;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 48px;
    align-items:center;
  }
  .servicios-trigger::before{
    content:"";
    width:48px;
    height:1px;
  }
  .servicios-trigger>a{
    grid-column:2;
    justify-content:center!important;
    text-align:center!important;
    width:100%;
    padding:15px 8px!important;
    border-bottom:1px solid #e5eeeb;
  }
  .servicios-trigger>button{
    grid-column:3;
    width:48px;
    height:100%;
    padding:0;
    border-bottom:1px solid #e5eeeb;
  }
  .servicios-mobile-accordion{
    width:min(100%,640px);
    margin:0 auto;
    padding:4px 0 10px;
  }
  .servicios-mobile-accordion section{
    width:100%;
  }
  .svc-mobile-cat,
  .svc-mobile-direct{
    width:100%;
  }
  .svc-mobile-cat>a,
  .svc-mobile-direct>a{
    min-width:0;
    padding:12px 10px!important;
    text-align:left!important;
    justify-content:flex-start!important;
    line-height:1.3;
  }
  .svc-mobile-cat>button{
    flex:0 0 48px;
  }
  .servicios-mobile-accordion section>ul{
    padding-left:52px!important;
    padding-right:10px!important;
  }
  .servicios-mobile-accordion li a{
    line-height:1.4!important;
    white-space:normal!important;
  }
  .svc-mobile-has-third>div{
    min-width:0;
  }
  .svc-mobile-has-third>div>a{
    min-width:0;
    white-space:normal!important;
  }

  .svc-main-page .svc-shell{
    width:min(100% - 40px,1060px);
  }
  .svc-main-page .svc-main-hero{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:22px;
    padding:28px 0 42px;
  }
  .svc-main-page .svc-main-copy h1{
    font-size:clamp(38px,4.8vw,50px);
  }
  .svc-main-page .svc-main-copy p{
    max-width:100%;
    font-size:15.5px;
  }
  .svc-main-page .svc-main-image{
    min-height:330px;
    max-height:370px;
  }
  .svc-main-page .svc-main-hero>.servicios-sidebar{
    grid-column:1/-1;
    margin-top:4px;
  }
  .svc-main-page .svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:834px){
  .menu-zona{
    padding-top:112px;
  }
  .svc-main-page .svc-shell{
    width:calc(100% - 32px);
  }
  .svc-main-page .svc-main-hero{
    grid-template-columns:1fr;
    gap:22px;
    padding-top:24px;
  }
  .svc-main-page .svc-main-copy{
    text-align:left;
  }
  .svc-main-page .svc-main-copy h1{
    font-size:clamp(38px,7vw,48px);
  }
  .svc-main-page .svc-main-image{
    min-height:300px;
    max-height:390px;
  }
  .svc-main-page .svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .svc-main-page .svc-main-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px){
  .menu-zona{
    padding:104px 18px 24px;
  }
  .servicios-mobile-accordion{
    width:100%;
  }
  .svc-mobile-cat>a,
  .svc-mobile-direct>a{
    font-size:14px!important;
  }
  .servicios-mobile-accordion section>ul{
    padding-left:46px!important;
  }
  .servicios-mobile-accordion li a{
    font-size:14px!important;
    padding:8px 2px!important;
  }
  .svc-main-page .svc-shell{
    width:calc(100% - 28px);
  }
  .svc-main-page .svc-main-hero{
    padding:20px 0 32px;
  }
  .svc-main-page .svc-main-copy h1{
    font-size:38px;
    line-height:1.08;
  }
  .svc-main-page .svc-main-copy p{
    font-size:16px;
  }
  .svc-main-page .svc-main-image{
    min-height:250px;
    max-height:310px;
  }
  .svc-main-page .svc-main-hero>.servicios-sidebar .servicios-sidebar-inner,
  .svc-main-page .svc-main-grid{
    grid-template-columns:1fr;
  }
  .svc-main-page .svc-main-card{
    min-height:0;
  }
}

/* =========================================================
   V41 - Fidelidad del mockup y correccion del menu responsive
   ========================================================= */
@media (min-width:1121px){
  .servicios-mega{
    width:min(1360px,calc(100vw - 64px));
    grid-template-columns:1fr 1.26fr 1.5fr 1.17fr;
    padding:20px 16px;
  }
  .servicios-mega-col{
    padding:4px 18px;
  }
  .pagina-servicios-ecosistema .svc-main-grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
  }
  .pagina-servicios-ecosistema .svc-main-card:nth-child(-n+4){
    grid-column:span 3;
  }
  .pagina-servicios-ecosistema .svc-main-card:nth-child(n+5){
    grid-column:span 4;
  }
}

@media (max-width:1120px){
  .menu-zona{
    inset:var(--menu-panel-top,0px) 0 0;
    min-height:0;
    height:auto;
    padding:18px max(28px,8vw) 28px;
    justify-content:flex-start;
  }
  .servicios-nav-item>.servicios-mobile-accordion{
    display:none;
  }
  .servicios-nav-item.abierto>.servicios-mobile-accordion{
    display:block;
  }
  .servicios-nav-item.abierto .servicios-trigger>button svg{
    transform:rotate(180deg);
  }
  .servicios-trigger>button svg{
    transition:transform .2s ease;
  }
}

@media (max-width:560px){
  .menu-zona{
    padding:14px 18px 22px;
  }
}

/* =========================================================
   V42 - Corrección definitiva del acordeón de Servicios
   Tablet / móvil: expansión en flujo normal, sin superposición
   ========================================================= */
@media (max-width:1120px){
  .menu-zona{
    top:var(--menu-panel-top,102px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--menu-panel-top,102px))!important;
    padding:14px max(22px,6vw) 28px!important;
    display:none;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    box-sizing:border-box!important;
  }
  .menu-zona.abierto{display:flex!important;}
  .menu-lista{
    width:min(100%,720px)!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .menu-lista>li{
    width:100%!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
  }
  .menu-lista>li>a,
  .menu-lista>li.desplegable>button{
    min-height:54px;
    box-sizing:border-box;
  }
  .servicios-nav-item{
    display:block!important;
    width:100%!important;
    position:static!important;
  }
  .servicios-trigger{
    width:100%!important;
    min-height:54px;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    align-items:stretch!important;
    gap:0!important;
    position:static!important;
  }
  .servicios-trigger::before{
    content:"";
    grid-column:1;
    width:48px;
  }
  .servicios-trigger>a{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:14px 8px!important;
    border-bottom:1px solid #e5eeeb!important;
    box-sizing:border-box!important;
    font-size:17px!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .servicios-trigger>button{
    grid-column:3!important;
    width:48px!important;
    min-width:48px!important;
    height:auto!important;
    min-height:54px!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #e5eeeb!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
    color:var(--verde-oscuro)!important;
    cursor:pointer!important;
  }
  .servicios-trigger>button svg{
    width:17px!important;
    height:17px!important;
    transition:transform .24s ease!important;
  }
  .servicios-nav-item.abierto .servicios-trigger>button svg{
    transform:rotate(180deg)!important;
  }

  /* El acordeón pertenece al flujo del <li> Servicios. */
  .servicios-nav-item>.servicios-mega{display:none!important;}
  .servicios-nav-item>.servicios-mobile-accordion{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:660px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:6px 8px 10px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
    display:none!important;
    box-sizing:border-box!important;
  }
  .servicios-nav-item.abierto>.servicios-mobile-accordion{
    display:block!important;
  }
  .servicios-mobile-accordion section{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid #e7ecea!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  .servicios-mobile-accordion section:first-child{border-top:0!important;}
  .svc-mobile-cat{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:stretch!important;
    position:static!important;
  }
  .svc-mobile-cat>a,
  .svc-mobile-direct>a{
    min-width:0!important;
    min-height:50px!important;
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    padding:10px 8px!important;
    border:0!important;
    box-sizing:border-box!important;
    color:var(--verde-oscuro)!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
    text-decoration:none!important;
  }
  .svc-mobile-cat .svc-icon,
  .svc-mobile-direct .svc-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  .svc-mobile-cat>button{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:auto!important;
    min-height:50px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--verde-oscuro)!important;
    font-size:21px!important;
    line-height:1!important;
    cursor:pointer!important;
    transition:transform .24s ease!important;
  }
  .servicios-mobile-accordion section.mobile-open .svc-mobile-cat>button{
    transform:rotate(180deg)!important;
  }

  /* Reset total de UL heredados del dropdown de escritorio. */
  .servicios-nav-item .servicios-mobile-accordion ul,
  .servicios-nav-item .servicios-mobile-accordion section>ul,
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:2px 8px 8px 44px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    list-style:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .servicios-nav-item .servicios-mobile-accordion section>ul,
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul{
    display:none!important;
  }
  .servicios-nav-item .servicios-mobile-accordion section.mobile-open>ul,
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third.third-open>ul{
    display:block!important;
  }
  .servicios-mobile-accordion li{
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .servicios-mobile-accordion li>a,
  .servicios-mobile-accordion li>div>a{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    padding:8px 4px!important;
    border:0!important;
    color:#36524d!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.4!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  .servicios-mobile-accordion li>a::before{
    content:"•";
    color:var(--amarillo-hover,#e8a600);
    margin-right:8px;
  }
  .svc-mobile-has-third>div{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    position:static!important;
  }
  .svc-mobile-has-third>div>a{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:8px 4px!important;
  }
  .svc-mobile-has-third>div>button{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--verde-oscuro)!important;
    font-size:20px!important;
    cursor:pointer!important;
    transition:transform .24s ease!important;
  }
  .svc-mobile-has-third.third-open>div>button{transform:rotate(180deg)!important;}
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul{
    padding-left:18px!important;
  }
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul a{
    font-size:15px!important;
  }

  /* Blogs, Contáctanos y Portal Cliente conservan su flujo y alineación. */
  .servicios-nav-item + li,
  .portal-menu-movil{
    position:static!important;
  }
  .portal-menu-movil{
    width:100%!important;
    margin-top:16px!important;
  }
}

@media (max-width:560px){
  .menu-zona{padding:12px 18px 22px!important;}
  .servicios-trigger>a{font-size:17px!important;}
  .servicios-mobile-accordion{padding-inline:2px!important;}
  .svc-mobile-cat>a,
  .svc-mobile-direct>a{font-size:15.5px!important;padding:9px 5px!important;}
  .servicios-nav-item .servicios-mobile-accordion ul,
  .servicios-nav-item .servicios-mobile-accordion section>ul{
    padding-left:36px!important;
    padding-right:4px!important;
  }
  .servicios-mobile-accordion li>a,
  .servicios-mobile-accordion li>div>a,
  .servicios-nav-item .servicios-mobile-accordion .svc-mobile-has-third>ul a{
    font-size:15px!important;
  }
}

/* =========================================================
   V43 — navegación Servicios estable y en flujo normal
   ========================================================= */
.servicios-nav-item{position:static}
.servicios-nav-item .servicios-trigger{display:flex;align-items:center;height:100%}
.servicios-nav-item .servicios-trigger>a{display:flex;align-items:center;color:var(--texto);font:600 16px "Montserrat",sans-serif;text-decoration:none;padding:11px 0}
.servicios-nav-item .servicios-trigger>a:hover,.servicios-nav-item .servicios-trigger>a.activo{color:var(--amarillo-hover)}
.servicios-nav-item .servicios-mega-toggle{border:0;background:transparent;color:var(--texto);display:grid;place-items:center;padding:8px 4px;cursor:pointer}
.servicios-nav-item .servicios-mega-toggle svg{width:16px;height:16px;transition:transform .22s ease}
.servicios-nav-item.mega-open .servicios-mega-toggle svg{transform:rotate(180deg)}
.servicios-mega .mega-third-list{margin:2px 0 0 10px}
.servicios-mega .mega-third-list a{padding-left:24px;font-size:11.7px}
.servicios-mega .mega-third-list a::before{left:11px}

@media (max-width:1120px){
  /* El panel general mantiene la misma lógica vertical que Blogs. */
  .menu-zona{
    top:var(--menu-panel-top,102px)!important;
    right:0!important;bottom:0!important;left:0!important;
    height:auto!important;min-height:0!important;
    max-height:calc(100dvh - var(--menu-panel-top,102px))!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
  }
  .menu-zona.abierto{display:flex!important}
  .menu-lista{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:min(100%,720px)!important;margin-inline:auto!important}
  .menu-lista>li{position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}

  /* Servicios ocupa exactamente su contenido; nada queda flotando. */
  .servicios-nav-item{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important}
  .servicios-nav-item>.servicios-mega{display:none!important}
  .servicios-nav-item .servicios-trigger{
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;
    width:100%!important;height:auto!important;min-height:54px!important;position:static!important
  }
  .servicios-nav-item .servicios-trigger::before{content:"";grid-column:1}
  .servicios-nav-item .servicios-trigger>a{
    grid-column:2;display:flex!important;justify-content:center!important;align-items:center!important;
    width:100%!important;min-height:54px!important;padding:15px 8px!important;
    border-bottom:1px solid #e5eeeb!important;font-size:17px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important
  }
  .servicios-nav-item .servicios-mega-toggle{
    grid-column:3;width:48px!important;min-height:54px!important;padding:0!important;
    border-bottom:1px solid #e5eeeb!important;color:var(--verde-oscuro)!important
  }
  .servicios-nav-item.abierto .servicios-mega-toggle svg{transform:rotate(180deg)}

  .servicios-nav-item>.servicios-mobile-accordion{
    display:grid!important;grid-template-rows:0fr;
    position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;transform:none!important;overflow:hidden!important;
    transition:grid-template-rows .25s ease!important
  }
  .servicios-nav-item>.servicios-mobile-accordion>*{min-height:0}
  .servicios-nav-item:not(.abierto)>.servicios-mobile-accordion{visibility:hidden!important}
  .servicios-nav-item.abierto>.servicios-mobile-accordion{grid-template-rows:1fr;visibility:visible!important}

  /* Los hijos del acordeón están en flujo normal. */
  .servicios-mobile-accordion{max-width:660px!important;margin-inline:auto!important}
  .servicios-mobile-accordion .svc-mobile-section,
  .servicios-mobile-accordion .svc-mobile-direct{
    position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
    border-top:1px solid #e7ecea!important;background:transparent!important
  }
  .servicios-mobile-accordion .svc-mobile-cat{display:flex!important;align-items:stretch!important;width:100%!important;min-height:50px!important}
  .servicios-mobile-accordion .svc-mobile-cat>a,
  .servicios-mobile-accordion .svc-mobile-direct>a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;
    flex:1 1 auto!important;min-width:0!important;min-height:50px!important;padding:10px 8px!important;
    border:0!important;color:var(--verde-oscuro)!important;text-decoration:none!important;text-align:left!important;
    font-size:16px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important
  }
  .servicios-mobile-accordion .svc-icon{width:30px!important;height:30px!important;flex:0 0 30px!important}
  .servicios-mobile-accordion .svc-mobile-toggle,
  .servicios-mobile-accordion .svc-third-toggle{
    flex:0 0 46px!important;width:46px!important;min-width:46px!important;min-height:50px!important;padding:0!important;
    border:0!important;background:transparent!important;color:var(--verde-oscuro)!important;display:grid!important;place-items:center!important;cursor:pointer!important
  }
  .servicios-mobile-accordion .svc-mobile-toggle svg,
  .servicios-mobile-accordion .svc-third-toggle svg{width:16px!important;height:16px!important;transition:transform .24s ease!important}
  .servicios-mobile-section.mobile-open .svc-mobile-toggle svg,
  .svc-mobile-has-third.third-open .svc-third-toggle svg{transform:rotate(180deg)!important}

  /* Segundo y tercer nivel: grid rows permite expansión real sin reservar altura cerrado. */
  .servicios-nav-item .svc-mobile-panel,
  .servicios-nav-item .svc-third-panel{
    position:static!important;inset:auto!important;display:grid!important;grid-template-rows:0fr!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 10px 0 44px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;list-style:none!important;
    opacity:1!important;visibility:hidden!important;transform:none!important;overflow:hidden!important;
    transition:grid-template-rows .25s ease,visibility 0s linear .25s!important
  }
  .servicios-nav-item .svc-mobile-panel>*,
  .servicios-nav-item .svc-third-panel>*{min-height:0!important}
  .servicios-nav-item .svc-mobile-section.mobile-open>.svc-mobile-panel,
  .servicios-nav-item .svc-mobile-has-third.third-open>.svc-third-panel{
    grid-template-rows:1fr!important;visibility:visible!important;padding-bottom:8px!important;transition:grid-template-rows .25s ease!important
  }
  /* ul cannot animate its li children directly via grid; wrap behavior with block on open, zero-size closed */
  .servicios-nav-item .svc-mobile-panel>li,
  .servicios-nav-item .svc-third-panel>li{display:none!important}
  .servicios-nav-item .svc-mobile-section.mobile-open>.svc-mobile-panel>li,
  .servicios-nav-item .svc-mobile-has-third.third-open>.svc-third-panel>li{display:block!important}

  .servicios-mobile-accordion li{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
  .servicios-mobile-accordion li>a,
  .servicios-mobile-accordion .svc-third-row>a{
    display:block!important;width:100%!important;min-width:0!important;padding:8px 4px!important;border:0!important;
    color:#36524d!important;text-decoration:none!important;text-align:left!important;font-size:15.5px!important;font-weight:600!important;line-height:1.4!important;
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  .servicios-mobile-accordion .svc-mobile-panel>li>a::before,
  .servicios-mobile-accordion .svc-third-panel>li>a::before{content:"•";color:var(--amarillo-hover,#e8a600);margin-right:8px}
  .servicios-mobile-accordion .svc-third-row{display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important}
  .servicios-mobile-accordion .svc-third-row>a{flex:1 1 auto!important}
  .servicios-nav-item .svc-third-panel{padding-left:18px!important}

  /* Blogs, Contáctanos y Portal continúan inmediatamente después de Servicios. */
  .servicios-nav-item+li,
  .portal-menu-movil{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important}
  .portal-menu-movil{margin-top:16px!important}
  body.menu-abierto .whatsapp-flotante,
  body.menu-abierto #volverArriba{z-index:10!important}
}

@media (max-width:560px){
  .servicios-nav-item .servicios-trigger>a{font-size:17px!important}
  .servicios-mobile-accordion .svc-mobile-cat>a,
  .servicios-mobile-accordion .svc-mobile-direct>a{font-size:15.5px!important;padding:9px 5px!important}
  .servicios-nav-item .svc-mobile-panel{padding-left:34px!important;padding-right:4px!important}
  .servicios-mobile-accordion li>a,
  .servicios-mobile-accordion .svc-third-row>a{font-size:15px!important}
}

/* V43 ajuste de expansión: max-height dinámico sin reservar espacio al cerrar */
@media (max-width:1120px){
  .servicios-nav-item>.servicios-mobile-accordion{
    display:block!important;
    max-height:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    transition:max-height .26s ease,visibility 0s linear .26s!important;
  }
  .servicios-nav-item.abierto>.servicios-mobile-accordion{
    max-height:3200px!important;
    visibility:visible!important;
    transition:max-height .32s ease!important;
  }
  .servicios-nav-item .svc-mobile-panel,
  .servicios-nav-item .svc-third-panel{
    display:block!important;
    max-height:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    padding-top:0!important;
    padding-bottom:0!important;
    transition:max-height .25s ease,visibility 0s linear .25s!important;
  }
  .servicios-nav-item .svc-mobile-panel>li,
  .servicios-nav-item .svc-third-panel>li{display:block!important}
  .servicios-nav-item .svc-mobile-section.mobile-open>.svc-mobile-panel,
  .servicios-nav-item .svc-mobile-has-third.third-open>.svc-third-panel{
    max-height:1800px!important;
    visibility:visible!important;
    padding-bottom:8px!important;
    transition:max-height .3s ease!important;
  }
}


/* =========================================================
   V44 — Servicios desplegable EN FLUJO para PC/Laptop
   + jerarquía visual clara entre menús y submenús
   ========================================================= */
@media (min-width:1121px){
  /* El panel es una segunda fila real dentro del header. */
  .menu-envuelto>.servicios-mega{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:1!important;
    width:min(1320px,calc(100% - 64px))!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1.18fr 1.22fr 1.08fr!important;
    gap:0!important;
    max-height:0!important;
    padding:0 22px!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:#fff!important;
    border:0!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:none!important;
    transition:max-height .28s ease,padding .28s ease,opacity .18s ease,visibility 0s linear .28s!important;
  }
  .menu-envuelto>.servicios-mega.desktop-open{
    max-height:430px!important;
    padding:18px 22px 22px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    border-top:1px solid #edf1ef!important;
    border-right:1px solid #e4e9e7!important;
    border-bottom:1px solid #e4e9e7!important;
    border-left:1px solid #e4e9e7!important;
    box-shadow:0 18px 34px rgba(7,63,57,.11)!important;
    transition:max-height .28s ease,padding .28s ease,opacity .18s ease!important;
  }

  /* Evita que las reglas antiguas vuelvan a tratar el panel como flotante. */
  .servicios-nav-item>.servicios-mega{display:none!important}
  .servicios-nav-item>.servicios-mobile-accordion{display:none!important}

  /* NIVEL 1: categorías/servicios principales. */
  .menu-envuelto>.servicios-mega .servicios-mega-col{
    padding:4px 16px 8px!important;
    border-right:1px solid #e8ecea!important;
  }
  .menu-envuelto>.servicios-mega .servicios-mega-col:last-child{border-right:0!important}
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:52px!important;
    margin:0 0 8px!important;
    padding:8px 10px 8px 12px!important;
    border:1px solid #e4ece9!important;
    border-left:3px solid var(--amarillo)!important;
    border-radius:9px!important;
    background:#f5f9f7!important;
    color:var(--verde-oscuro)!important;
    font:800 13.5px/1.25 var(--fuente-titulos)!important;
    text-decoration:none!important;
  }
  .menu-envuelto>.servicios-mega .mega-heading:hover,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a:hover{
    background:#edf6f2!important;
    border-color:#cddfd9!important;
    border-left-color:var(--amarillo)!important;
  }
  .menu-envuelto>.servicios-mega .mega-heading .svc-icon,
  .menu-envuelto>.servicios-mega .servicios-mega-directos .svc-icon{
    width:34px!important;height:34px!important;flex:0 0 34px!important
  }

  /* NIVEL 2: subservicios, más ligeros y con bullet amarillo. */
  .menu-envuelto>.servicios-mega ul{
    list-style:none!important;margin:0!important;padding:1px 4px 0 8px!important
  }
  .menu-envuelto>.servicios-mega li>a{
    position:relative!important;
    display:block!important;
    padding:5px 5px 5px 18px!important;
    color:#415b56!important;
    font:600 12.5px/1.35 var(--fuente-principal)!important;
    text-decoration:none!important;
    border-radius:6px!important;
  }
  .menu-envuelto>.servicios-mega li>a::before{
    content:""!important;
    position:absolute!important;
    left:5px!important;top:.94em!important;
    width:5px!important;height:5px!important;
    border-radius:50%!important;
    background:var(--amarillo)!important;
  }
  .menu-envuelto>.servicios-mega li>a:hover{
    color:var(--verde-oscuro)!important;
    background:#f7faf9!important;
    font-weight:800!important;
  }

  /* Financiamiento para Empresas es un submenú padre (nivel 2 destacado). */
  .menu-envuelto>.servicios-mega .mega-parent>a{
    margin-top:3px!important;
    color:var(--verde-oscuro)!important;
    font-weight:800!important;
    background:#fbf8ec!important;
  }

  /* NIVEL 3: mayor sangría + línea guía para distinguirlo del nivel 2. */
  .menu-envuelto>.servicios-mega .mega-third-list{
    margin:4px 0 2px 13px!important;
    padding:2px 0 2px 9px!important;
    border-left:2px solid #dfe9e5!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a{
    padding:4px 4px 4px 14px!important;
    color:#60736f!important;
    font-size:11.6px!important;
    font-weight:600!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a::before{
    left:3px!important;width:4px!important;height:4px!important;background:#7a9b93!important
  }

  /* La columna de servicios directos usa exactamente el aspecto de NIVEL 1. */
  .menu-envuelto>.servicios-mega .servicios-mega-directos{
    display:grid!important;align-content:start!important;gap:7px!important
  }
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{
    margin:0!important;border-bottom:1px solid #e4ece9!important
  }

  .servicios-nav-item.mega-open .servicios-mega-toggle svg{transform:rotate(180deg)!important}
}

@media (min-width:1121px) and (max-width:1366px){
  .menu-envuelto>.servicios-mega{
    width:calc(100% - 36px)!important;
    grid-template-columns:.98fr 1.12fr 1.18fr 1.02fr!important;
  }
  .menu-envuelto>.servicios-mega.desktop-open{padding:15px 14px 18px!important;max-height:455px!important}
  .menu-envuelto>.servicios-mega .servicios-mega-col{padding-inline:10px!important}
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{font-size:12.5px!important;padding-inline:9px!important}
  .menu-envuelto>.servicios-mega li>a{font-size:11.8px!important;padding-top:4px!important;padding-bottom:4px!important}
  .menu-envuelto>.servicios-mega .mega-third-list li>a{font-size:11px!important}
}

/* En tablet/móvil el panel desktop externo nunca participa del layout. */
@media (max-width:1120px){
  .menu-envuelto>.servicios-mega{display:none!important}
}


/* =========================================================
   V45 — Afinado tipográfico y alineación del menú Servicios
   ========================================================= */
@media (min-width:1121px){
  /* Misma familia visual del enlace principal “Servicios”. */
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{
    font-family:"Montserrat",sans-serif!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  /* Submenús: misma tipografía y lectura homogénea; la jerarquía se
     distingue por peso, sangría, tarjetas y bullets, no por texto diminuto. */
  .menu-envuelto>.servicios-mega li>a{
    font-family:"Montserrat",sans-serif!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:500!important;
    padding:6px 6px 6px 24px!important;
    text-align:left!important;
  }
  .menu-envuelto>.servicios-mega li>a::before{
    left:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:5px!important;
    height:5px!important;
  }

  /* Nivel padre financiero: mismo tamaño, mayor peso y fondo suave. */
  .menu-envuelto>.servicios-mega .mega-parent>a{
    font-size:16px!important;
    font-weight:700!important;
  }

  /* Tercer nivel: misma familia/tamaño; se diferencia únicamente por
     la sangría, la línea guía y un peso más ligero. */
  .menu-envuelto>.servicios-mega .mega-third-list{
    margin-left:16px!important;
    padding-left:12px!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a{
    font-family:"Montserrat",sans-serif!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:500!important;
    padding:5px 5px 5px 22px!important;
    text-align:left!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a::before{
    left:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  /* Mantiene cada grupo visualmente anclado a la izquierda de su tarjeta. */
  .menu-envuelto>.servicios-mega .servicios-mega-col,
  .menu-envuelto>.servicios-mega .servicios-mega-col ul,
  .menu-envuelto>.servicios-mega .servicios-mega-col li{
    text-align:left!important;
  }

  /* Hay más texto por usar una tipografía legible; se permite crecer sin cortar. */
  .menu-envuelto>.servicios-mega.desktop-open{
    max-height:560px!important;
  }
}

/* En laptop no volver a reducir la tipografía de V45. */
@media (min-width:1121px) and (max-width:1366px){
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a,
  .menu-envuelto>.servicios-mega li>a,
  .menu-envuelto>.servicios-mega .mega-parent>a,
  .menu-envuelto>.servicios-mega .mega-third-list li>a{
    font-size:16px!important;
  }
  .menu-envuelto>.servicios-mega.desktop-open{max-height:590px!important}
}

/* Tablet/móvil: subir solo los MENÚS principales 2 px.
   Los submenús mantienen exactamente su tamaño V44. */
@media (max-width:1120px){
  .menu-lista>li>a,
  .menu-lista>.desplegable>button,
  .servicios-nav-item .servicios-trigger>a{
    font-size:18px!important;
  }
  .portal-menu-movil a{font-size:18px!important}

  /* Categorías principales dentro de Servicios también ganan legibilidad;
     los subservicios (.svc-mobile-panel / .svc-third-panel) no cambian. */
  .servicios-mobile-accordion .svc-mobile-cat>a,
  .servicios-mobile-accordion .svc-mobile-direct>a{
    font-size:17.5px!important;
  }
}

@media (max-width:560px){
  .menu-lista>li>a,
  .menu-lista>.desplegable>button,
  .servicios-nav-item .servicios-trigger>a{
    font-size:18px!important;
  }
  .servicios-mobile-accordion .svc-mobile-cat>a,
  .servicios-mobile-accordion .svc-mobile-direct>a{
    font-size:17.5px!important;
  }
  /* Mantener submenús V44 */
  .servicios-mobile-accordion li>a,
  .servicios-mobile-accordion .svc-third-row>a{
    font-size:15px!important;
  }
}

/* =========================================================
   V46 — Corrección puntual solicitada
   1) La fila principal del menú PC/Laptop usa el mismo tamaño que “Servicios”.
   2) El mega menú vuelve a los tamaños tipográficos de V44.
   ========================================================= */
@media (min-width:1121px){
  /* FILA PRINCIPAL: Inicio / Nosotros / Servicios / Blogs / Contáctanos */
  .menu-lista>li>a,
  .menu-lista>li.desplegable>button,
  .servicios-nav-item .servicios-trigger>a{
    font-family:"Montserrat",sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.2!important;
  }

  /* RESTAURAR mega menú al tamaño anterior (V44). */
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{
    font-family:var(--fuente-titulos)!important;
    font-size:13.5px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }
  .menu-envuelto>.servicios-mega li>a{
    font-family:var(--fuente-principal)!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:600!important;
    padding:5px 5px 5px 18px!important;
  }
  .menu-envuelto>.servicios-mega li>a::before{
    left:5px!important;
    top:.94em!important;
    transform:none!important;
    width:5px!important;
    height:5px!important;
  }
  .menu-envuelto>.servicios-mega .mega-parent>a{
    font-size:12.5px!important;
    font-weight:800!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list{
    margin:4px 0 2px 13px!important;
    padding:2px 0 2px 9px!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a{
    font-family:var(--fuente-principal)!important;
    font-size:11.6px!important;
    line-height:1.35!important;
    font-weight:600!important;
    padding:4px 4px 4px 14px!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a::before{
    left:3px!important;
    top:.94em!important;
    transform:none!important;
    width:4px!important;
    height:4px!important;
  }
  .menu-envuelto>.servicios-mega.desktop-open{
    max-height:430px!important;
  }
}

@media (min-width:1121px) and (max-width:1366px){
  /* En laptop la fila principal conserva 16px, mientras el mega menú vuelve a V44. */
  .menu-lista>li>a,
  .menu-lista>li.desplegable>button,
  .servicios-nav-item .servicios-trigger>a{
    font-size:16px!important;
  }
  .menu-envuelto>.servicios-mega .mega-heading,
  .menu-envuelto>.servicios-mega .servicios-mega-directos>a{
    font-size:12.5px!important;
  }
  .menu-envuelto>.servicios-mega li>a,
  .menu-envuelto>.servicios-mega .mega-parent>a{
    font-size:11.8px!important;
  }
  .menu-envuelto>.servicios-mega .mega-third-list li>a{
    font-size:11px!important;
  }
  .menu-envuelto>.servicios-mega.desktop-open{
    max-height:455px!important;
  }
}


/* V47 · iconos de servicios suministrados por el usuario */
.svc-icon--imagen{object-fit:contain;object-position:center;display:block;max-width:100%}


/* V48 · iconos más visibles y nítidos en todos los dispositivos */
.svc-icon--imagen{image-rendering:auto!important;transform:none!important}
.svc-main-page .svc-main-card .svc-icon{width:64px!important;height:64px!important}
.svc-main-page .svc-side-direct .svc-icon,.svc-main-page .svc-side-row .svc-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
.svc-child-card .svc-icon{width:56px!important;height:56px!important}
.svc-audience-icon .svc-icon{width:58px!important;height:58px!important}
@media (min-width:1121px){
 .menu-envuelto>.servicios-mega .mega-heading .svc-icon,.menu-envuelto>.servicios-mega .servicios-mega-directos .svc-icon{width:42px!important;height:42px!important;flex:0 0 42px!important}
}
@media (max-width:1120px){
 .svc-mobile-cat .svc-icon,.svc-mobile-direct .svc-icon,.servicios-mobile-accordion .svc-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}
}

/* V49 · Iconos recortados/optimizados: mayor presencia visual sin escalar lienzos vacíos */
img[src*="iconos-personalizados-v53/"]{
  image-rendering:auto;
  object-fit:contain;
  object-position:center;
}
.svc-main-page .svc-main-card .svc-icon{width:68px!important;height:68px!important}
.svc-main-page .svc-side-direct .svc-icon,
.svc-main-page .svc-side-row .svc-icon{width:44px!important;height:44px!important;flex:0 0 44px!important}
.svc-child-card .svc-icon{width:60px!important;height:60px!important}
.svc-audience-icon .svc-icon{width:62px!important;height:62px!important}
@media (min-width:1121px){
  .menu-envuelto>.servicios-mega .mega-heading .svc-icon,
  .menu-envuelto>.servicios-mega .servicios-mega-directos .svc-icon{width:46px!important;height:46px!important;flex:0 0 46px!important}
}
@media (max-width:1120px){
  .svc-mobile-cat .svc-icon,
  .svc-mobile-direct .svc-icon,
  .servicios-mobile-accordion .svc-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
}


/* V50 · menú de Servicios simplificado + iconos más grandes */
@media (min-width:1121px){.menu-envuelto>.servicios-mega.servicios-mega-simple{display:flex!important;flex-direction:column;gap:0;width:min(560px,calc(100vw - 72px))!important;left:50%!important;transform:translateX(-50%) translateY(8px)!important;padding:10px 0!important}.menu-envuelto>.servicios-mega.servicios-mega-simple.desktop-open{padding:10px 0!important;max-height:none!important}.menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link{display:flex;align-items:center;gap:14px;padding:15px 22px;text-decoration:none;color:var(--verde-oscuro);font:800 16px/1.25 var(--fuente-titulos);border-bottom:1px solid #edf1ef}.menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link:last-child{border-bottom:0}.menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link:hover{background:#f7fbf9}.menu-envuelto>.servicios-mega.servicios-mega-simple .svc-icon{width:52px!important;height:52px!important;flex:0 0 52px!important}}
@media (max-width:1120px){.servicios-mobile-simple{display:block!important;width:100%;padding:4px 0 8px}.servicios-nav-item.abierto .servicios-mobile-simple{display:block}.servicios-mobile-simple .svc-mobile-direct>a{padding:14px 6px!important;font-size:16px!important;line-height:1.28!important}.servicios-mobile-simple .svc-icon{width:42px!important;height:42px!important;flex:0 0 42px!important}.servicios-mobile-simple section{border-top:1px solid #e7ecea}}
.svc-main-page .svc-main-card .svc-icon{width:82px!important;height:82px!important}.svc-main-page .svc-side-direct .svc-icon,.svc-main-page .svc-side-row .svc-icon{width:50px!important;height:50px!important;flex:0 0 50px!important}.svc-child-card .svc-icon{width:66px!important;height:66px!important}.svc-audience-icon .svc-icon{width:66px!important;height:66px!important}
@media (max-width:1024px){.svc-main-page .svc-main-card .svc-icon{width:76px!important;height:76px!important}.svc-main-page .svc-side-direct .svc-icon,.svc-main-page .svc-side-row .svc-icon{width:46px!important;height:46px!important;flex:0 0 46px!important}}
@media (max-width:760px){.svc-main-page .svc-main-card .svc-icon{width:72px!important;height:72px!important}.svc-main-page .svc-side-direct .svc-icon,.svc-main-page .svc-side-row .svc-icon{width:42px!important;height:42px!important;flex:0 0 42px!important}}
/* V50.1 · en móvil/tablet el listado de Servicios se despliega solo al abrir */
@media (max-width:1120px){
  .servicios-mobile-simple{display:none!important}
  .servicios-nav-item.abierto .servicios-mobile-simple{display:block!important}
}


/* V51 · desplegable de Servicios compacto, alineado al item Servicios y con tarjetas */
@media (min-width:1121px){
  .menu-envuelto>.servicios-mega.servicios-mega-simple{
    position:absolute!important;
    top:100%!important;
    left:var(--svc-dropdown-left,0px)!important;
    right:auto!important;
    transform:translateY(8px)!important;
    width:min(390px,calc(100vw - 40px))!important;
    padding:10px!important;
    gap:7px!important;
    background:#fff!important;
    border:1px solid #e4e9e7!important;
    border-radius:12px!important;
    box-shadow:0 16px 30px rgba(7,63,57,.14)!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple.desktop-open{
    transform:translateY(0)!important;
    padding:10px!important;
    max-height:none!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link{
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:8px 12px!important;
    background:#fff!important;
    border:1px solid #e2e9e6!important;
    border-left:4px solid var(--amarillo)!important;
    border-radius:9px!important;
    color:var(--verde-oscuro)!important;
    font:800 14px/1.25 var(--fuente-titulos)!important;
    box-shadow:0 1px 4px rgba(7,63,57,.035)!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link:hover,
  .menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link:focus-visible{
    background:#f8fbfa!important;
    border-color:#cbded8!important;
    border-left-color:var(--amarillo)!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple .svc-icon{
    width:42px!important;height:42px!important;flex:0 0 42px!important;
  }
}

/* Tablet y móvil: misma tarjeta compacta en una columna */
@media (max-width:1120px){
  .servicios-mobile-simple{padding:7px 10px 10px!important}
  .servicios-mobile-simple section{border:0!important;margin-top:7px!important}
  .servicios-mobile-simple .svc-mobile-direct>a{
    min-height:0!important;
    padding:9px 11px!important;
    gap:12px!important;
    background:#fff!important;
    border:1px solid #e2e9e6!important;
    border-left:4px solid var(--amarillo)!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1.28!important;
  }
  .servicios-mobile-simple .svc-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
}

/* V53 · Aplicación de la escala estándar en tarjetas/listados de Servicios. */
.svc-main-page .svc-main-card .svc-icon,
.svc-child-card .svc-icon,
.svc-main-page .svc-side-direct .svc-icon,
.svc-main-page .svc-side-row .svc-icon,
.menu-envuelto>.servicios-mega.servicios-mega-simple .svc-icon{
  width:var(--gael-icono-estandar)!important;
  height:var(--gael-icono-estandar)!important;
  flex:0 0 var(--gael-icono-estandar)!important;
  object-fit:contain!important;
}
@media (max-width:1120px){
  .servicios-mobile-simple .svc-icon,
  .svc-main-page .svc-main-card .svc-icon,
  .svc-child-card .svc-icon,
  .svc-main-page .svc-side-direct .svc-icon,
  .svc-main-page .svc-side-row .svc-icon{
    width:var(--gael-icono-estandar-tablet)!important;
    height:var(--gael-icono-estandar-tablet)!important;
    flex:0 0 var(--gael-icono-estandar-tablet)!important;
  }
}
@media (max-width:760px){
  .servicios-mobile-simple .svc-icon,
  .svc-main-page .svc-main-card .svc-icon,
  .svc-child-card .svc-icon,
  .svc-main-page .svc-side-direct .svc-icon,
  .svc-main-page .svc-side-row .svc-icon{
    width:var(--gael-icono-estandar-movil)!important;
    height:var(--gael-icono-estandar-movil)!important;
    flex:0 0 var(--gael-icono-estandar-movil)!important;
  }
}


/* V54 · ajuste global de páginas internas de servicios */
.svc-content-section:not(.svc-two-col):not(.svc-final-cta){text-align:center}
.svc-content-section:not(.svc-two-col):not(.svc-final-cta)>.etiqueta-seccion{margin-left:auto;margin-right:auto}
.svc-content-section:not(.svc-two-col):not(.svc-final-cta)>h2{margin-left:auto;margin-right:auto;text-align:center}
.svc-content-section:not(.svc-two-col):not(.svc-final-cta)>p:not(.etiqueta-seccion){max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.svc-related .svc-child-grid{text-align:left}
.svc-faq .svc-faq-list{text-align:left}

/* 5 elementos: 3 centrados arriba + 2 centrados abajo */
.svc-benefits-grid:has(> article:nth-child(5):last-child),
.svc-process-grid:has(> article:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
.svc-benefits-grid:has(> article:nth-child(5):last-child)>article:nth-child(-n+3),
.svc-process-grid:has(> article:nth-child(5):last-child)>article:nth-child(-n+3){grid-column:span 2}
.svc-benefits-grid:has(> article:nth-child(5):last-child)>article:nth-child(4),
.svc-process-grid:has(> article:nth-child(5):last-child)>article:nth-child(4){grid-column:2/span 2}
.svc-benefits-grid:has(> article:nth-child(5):last-child)>article:nth-child(5),
.svc-process-grid:has(> article:nth-child(5):last-child)>article:nth-child(5){grid-column:4/span 2}

@media(max-width:820px){
 .svc-benefits-grid:has(> article:nth-child(5):last-child),.svc-process-grid:has(> article:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .svc-benefits-grid:has(> article:nth-child(5):last-child)>article,.svc-process-grid:has(> article:nth-child(5):last-child)>article{grid-column:auto!important}
 .svc-benefits-grid:has(> article:nth-child(5):last-child)>article:last-child,.svc-process-grid:has(> article:nth-child(5):last-child)>article:last-child{grid-column:1/-1!important;width:min(100%,520px);justify-self:center}
}
@media(max-width:560px){
 .svc-benefits-grid:has(> article:nth-child(5):last-child),.svc-process-grid:has(> article:nth-child(5):last-child){grid-template-columns:1fr!important}
 .svc-benefits-grid:has(> article:nth-child(5):last-child)>article,.svc-process-grid:has(> article:nth-child(5):last-child)>article{grid-column:auto!important;width:100%!important}
}

/* V55 · menú Servicios más compacto para visualizar las 7 opciones completas */
@media (min-width:1121px){
  .menu-envuelto>.servicios-mega.servicios-mega-simple{
    gap:5px!important;
    padding:8px!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple.desktop-open{
    padding:8px!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple .servicios-mega-link{
    padding:5px 10px!important;
    min-height:48px!important;
    gap:10px!important;
    line-height:1.18!important;
  }
  .menu-envuelto>.servicios-mega.servicios-mega-simple .svc-icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
}
@media (max-width:1120px){
  .servicios-mobile-simple{padding:5px 8px 8px!important}
  .servicios-mobile-simple section{margin-top:5px!important}
  .servicios-mobile-simple .svc-mobile-direct>a{
    padding:7px 9px!important;
    min-height:46px!important;
    gap:10px!important;
    line-height:1.2!important;
  }
  .servicios-mobile-simple .svc-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
}


/* V57 · ajustes solicitados: icono outsourcing + hero centrado tablet/móvil */
@media (max-width:1120px){.svc-detail-copy{text-align:center!important}.svc-detail-copy .etiqueta-seccion{margin-inline:auto!important}.svc-detail-copy h1{text-align:center!important}.svc-detail-copy .svc-lead{margin-left:auto!important;margin-right:auto!important;text-align:center!important;max-width:760px}.svc-detail-copy .svc-hero-actions{justify-content:center!important}}

/* V58 · Igualar presencia visual del icono de Servicios Outsourcing en el menú lateral */
.svc-main-page .svc-side-row a[href="/servicios/outsourcing/"] .svc-icon,
.svc-main-page .svc-side-direct[href="/servicios/outsourcing/"] .svc-icon{
  transform:scale(1.14)!important;
  transform-origin:center!important;
}
@media (max-width:1024px){
  .svc-main-page .svc-side-row a[href="/servicios/outsourcing/"] .svc-icon,
  .svc-main-page .svc-side-direct[href="/servicios/outsourcing/"] .svc-icon{
    transform:scale(1.12)!important;
  }
}


/* V59 · ajustes solicitados en páginas de servicios */
.svc-kicker{color:var(--amarillo)!important}
.svc-sidebar-cta-icon{width:34px;height:34px;object-fit:contain;flex:0 0 34px;display:block}
.svc-headset{display:none!important}
.svc-sidebar-cta{padding:10px 14px;gap:10px}
.svc-sidebar-cta span{display:inline-flex;align-items:center;justify-content:center}

/* Menú lateral expandible/contraíble en todas las páginas de servicios */
.svc-side-group.active>.svc-side-row{border-color:#b7cdc7;background:#f0f8f5}
.svc-side-group.active:not(.open)>.svc-side-row button{transform:none!important}

/* Sticky solo para páginas internas de servicios en escritorio/laptop */
.servicios-sidebar-inner{position:static}
@media (min-width:1121px){
  .svc-page:not(.svc-main-page) .servicios-sidebar-inner{
    position:sticky!important;
    top:150px!important;
  }
}
@media (max-width:1120px){
  .servicios-sidebar-inner,
  .svc-main-hero>.servicios-sidebar .servicios-sidebar-inner{
    grid-template-columns:1fr!important;
  }
  .svc-side-row button{display:block!important}
  .svc-side-subs{display:none!important}
  .svc-side-group.open .svc-side-subs{display:grid!important}
}

/* Tarjetas de la página principal de servicios: icono y título centrados */
.svc-main-page .svc-main-card{
  align-items:center!important;
  text-align:center!important;
}
.svc-main-page .svc-main-card .svc-icon{
  margin-inline:auto!important;
}
.svc-main-page .svc-main-card h3,
.svc-main-page .svc-main-card p,
.svc-main-page .svc-main-card a{
  text-align:center!important;
}
.svc-main-page .svc-main-card a{margin-inline:auto!important}
.svc-main-page .svc-main-card .svc-icon,
.svc-main-page .svc-side-direct .svc-icon,
.svc-main-page .svc-side-row .svc-icon{
  object-fit:contain!important;
}
/* +1 / +2 puntos visuales para iconos de tarjetas principales */
.svc-main-page .svc-main-card .svc-icon{width:86px!important;height:86px!important;flex:0 0 86px!important}
@media (max-width:1024px){.svc-main-page .svc-main-card .svc-icon{width:80px!important;height:80px!important;flex:0 0 80px!important}}
@media (max-width:760px){.svc-main-page .svc-main-card .svc-icon{width:76px!important;height:76px!important;flex:0 0 76px!important}}

/* FAQ principal: control exacto de líneas y eliminación de espacios vacíos */
.svc-faq-title .mob-line{display:none}
.svc-faq-title .desk-line{display:block}
.svc-main-page .svc-main-faq{align-items:start}
.svc-main-page .svc-faq-help{grid-template-columns:64px 1fr;gap:4px 16px;align-items:center}
.svc-main-page .svc-faq-help .svc-icon{grid-row:1/3;width:60px;height:60px}
.svc-main-page .svc-faq-help p{font-size:15px}
.svc-main-page .svc-main-final,
.svc-final-cta{align-items:center}
.svc-main-final-icon,
.svc-final-icon{width:70px;height:70px;object-fit:contain;display:block;flex:0 0 70px}
@media (max-width:1024px){
  .svc-main-page .svc-main-faq{grid-template-columns:320px minmax(0,1fr)}
}
@media (max-width:834px){
  .svc-main-page .svc-main-faq{display:flex!important;flex-direction:column!important;gap:18px!important;padding:42px 0!important}
  .svc-main-page .svc-faq-intro{width:100%;max-width:560px}
  .svc-main-page .svc-faq-title .desk-line{display:block}
  .svc-main-page .svc-faq-help{margin-top:18px}
}
@media (max-width:560px){
  .svc-faq-title .desk-line{display:none}
  .svc-faq-title .mob-line{display:block}
  .svc-main-page .svc-main-faq{gap:14px!important;padding:34px 0!important}
  .svc-main-page .svc-faq-intro h2{font-size:28px!important;line-height:1.08!important;margin-bottom:10px!important}
  .svc-main-page .svc-short-line{margin:14px 0 12px!important}
  .svc-main-page .svc-faq-help{margin-top:10px!important;grid-template-columns:56px 1fr!important;gap:2px 12px!important}
  .svc-main-page .svc-faq-help .svc-icon{width:52px!important;height:52px!important}
  .svc-main-page .svc-faq-help p{font-size:13px!important;line-height:1.35!important}
  .svc-main-page .svc-faq-help a{font-size:13px!important}
  .svc-main-final-icon,.svc-final-icon{width:58px;height:58px;flex-basis:58px}
}


/* V60 · sidebar sticky real en páginas internas de Servicios
   El sticky se aplica al grid-item <aside>, no al bloque interno,
   para que el límite natural sea toda la altura de .svc-layout. */
@media (min-width:1121px){
  .svc-page:not(.svc-main-page) .svc-layout{
    align-items:start!important;
  }
  .svc-page:not(.svc-main-page) .servicios-sidebar{
    position:sticky!important;
    top:calc(var(--altura-header, 110px) + 22px)!important;
    align-self:start!important;
    min-width:0;
    max-height:calc(100vh - var(--altura-header, 110px) - 44px);
    z-index:12;
  }
  .svc-page:not(.svc-main-page) .servicios-sidebar-inner{
    position:static!important;
    top:auto!important;
    max-height:calc(100vh - var(--altura-header, 110px) - 44px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .svc-page:not(.svc-main-page) .servicios-sidebar-inner::-webkit-scrollbar{width:6px}
  .svc-page:not(.svc-main-page) .servicios-sidebar-inner::-webkit-scrollbar-thumb{background:#cddbd7;border-radius:20px}
}
@media (max-width:1120px){
  .svc-page:not(.svc-main-page) .servicios-sidebar,
  .svc-page:not(.svc-main-page) .servicios-sidebar-inner{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* V61 · corrección definitiva de sticky en páginas internas de Servicios
   Causa corregida: overflow-x:hidden global creaba un scroll-container ancestro
   e impedía que position:sticky siguiera el viewport correctamente. */
html.pagina-servicios-html,
html.pagina-servicios-html body.pagina-servicios-ecosistema{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body.pagina-servicios-ecosistema .svc-page,
body.pagina-servicios-ecosistema .svc-shell,
body.pagina-servicios-ecosistema .svc-layout{
  overflow:visible!important;
}
@media (min-width:1121px){
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .svc-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:36px!important;
    align-items:start!important;
    overflow:visible!important;
  }
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .servicios-sidebar{
    position:sticky!important;
    top:112px!important;
    align-self:start!important;
    height:fit-content!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
    z-index:20!important;
  }
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .servicios-sidebar-inner{
    position:static!important;
    top:auto!important;
    max-height:calc(100vh - 136px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
  }
}
@media (min-width:1121px) and (max-width:1280px){
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .svc-layout{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:26px!important;
  }
}
@media (max-width:1120px){
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .servicios-sidebar,
  body.pagina-servicios-ecosistema .svc-page:not(.svc-main-page) .servicios-sidebar-inner{
    position:static!important;
    top:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* V65 · miga de pan de Servicios más visible */
.svc-breadcrumb{
  min-height:48px!important;
  padding:0 2px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid #e7eeeb!important;
  font-size:13px!important;
}
@media(max-width:560px){
  .svc-breadcrumb{min-height:44px!important;padding:0 2px!important;margin-bottom:10px!important;font-size:12px!important;}
}


/* V74 · interacción "Ver Servicio" y ajuste visual de FAQ principal */
.svc-main-page .svc-main-card a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 14px;
  border-radius:999px;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
  will-change:transform;
}
.svc-main-page .svc-main-card a span{
  display:inline-block;
  margin-left:0!important;
  transition:transform .22s ease;
}
.svc-main-page .svc-main-card a:hover,
.svc-main-page .svc-main-card a:focus-visible{
  background:#fff4cf;
  color:#064c41;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(5,88,73,.12);
}
.svc-main-page .svc-main-card a:hover span,
.svc-main-page .svc-main-card a:focus-visible span{
  transform:translateX(5px);
}
.svc-main-page .svc-main-card a:active{
  transform:translateY(0) scale(.97);
  background:#ffc529;
  box-shadow:none;
}
.svc-main-page .svc-main-card a:focus-visible{
  outline:2px solid #f4b400;
  outline-offset:3px;
}

.svc-main-page .svc-faq-title .faq-line{
  display:block!important;
  white-space:nowrap;
}
.svc-main-page .svc-faq-help a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
  width:max-content;
}
.svc-main-page .svc-faq-help a span{
  display:inline-block;
  transition:transform .2s ease;
}
.svc-main-page .svc-faq-help a:hover,
.svc-main-page .svc-faq-help a:focus-visible{
  color:#c88900!important;
  transform:translateY(-1px);
}
.svc-main-page .svc-faq-help a:hover span,
.svc-main-page .svc-faq-help a:focus-visible span{
  transform:translateX(5px);
}
.svc-main-page .svc-faq-help a:active{
  transform:translateY(0) scale(.98);
}
.svc-main-page .svc-faq-help a:focus-visible{
  outline:2px solid #f4b400;
  outline-offset:3px;
  border-radius:4px;
}

@media (max-width:560px){
  .svc-main-page .svc-faq-title .faq-line{white-space:normal}
}