/* Services carousel refinement. Scoped to the first section after hero. */
#servicios.services{padding-block:90px 100px!important}
#servicios .services-intro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0 28px!important;align-items:start!important;margin-bottom:36px!important}
#servicios .services-intro .section-tag{grid-column:1;grid-row:1;margin:0 0 10px!important}
#servicios .services-intro h2{grid-column:1;grid-row:2;margin:0 0 17px!important;max-width:850px}
#servicios .services-intro p{grid-column:1;grid-row:3;border:0!important;padding:0!important;margin:0!important;max-width:680px!important;font-size:15px!important;line-height:1.65!important}
#servicios .services-intro .text-link{grid-column:2;grid-row:2 / span 2;align-self:center;justify-self:end!important;margin:0!important;display:inline-flex;align-items:center;gap:8px;padding:11px 3px;color:#6417d2!important;text-decoration:none!important;transition:color .2s ease,transform .2s ease}
#servicios .services-intro .text-link::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#servicios .services-intro .text-link{position:relative}
#servicios .services-intro .text-link:hover,#servicios .services-intro .text-link:focus-visible{color:#ff641c!important;transform:translateX(3px)}
#servicios .services-intro .text-link:hover::after,#servicios .services-intro .text-link:focus-visible::after{transform:scaleX(1)}
#servicios .services-carousel{min-width:0;position:relative}
#servicios .services-cards{display:flex!important;gap:20px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 4px 24px!important;margin:-8px -4px 0!important}
#servicios .services-cards::-webkit-scrollbar{display:none}
#servicios .service-photo-card{flex:0 0 calc((100% - 60px)/3.45)!important;scroll-snap-align:start;min-width:0;position:relative;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
#servicios .service-photo-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(255,102,30,.5);transition:box-shadow .25s ease}
#servicios .service-photo-card:hover,#servicios .service-photo-card:focus-visible{transform:translateY(-6px)!important;border-color:#c9abf8!important;box-shadow:0 22px 44px rgba(62,25,119,.18),0 0 22px rgba(114,41,223,.10)!important}
#servicios .service-photo-card:hover::after{box-shadow:inset 0 0 0 2px rgba(123,40,222,.25)}
#servicios .service-photo-card>img{height:155px!important;object-fit:cover!important;background:linear-gradient(135deg,#1c103b,#5d23a0)!important}
#servicios .photo-card-copy{padding:40px 19px 20px!important;min-height:192px!important}
#servicios .photo-icon{top:-31px!important;width:58px!important;height:58px!important}
#servicios .photo-icon svg{width:30px;height:30px;display:block}
#servicios .photo-card-copy h3{margin-bottom:9px!important;font-size:17px!important}
#servicios .photo-card-copy p{margin-bottom:19px!important;font-size:13px!important}
#servicios .photo-arrow{transition:color .2s ease,transform .2s ease}
#servicios .photo-arrow::after{display:inline-block;transition:transform .2s ease}
#servicios .service-photo-card:hover .photo-arrow,#servicios .service-photo-card:focus-visible .photo-arrow{color:#ff631c!important}
#servicios .service-photo-card:hover .photo-arrow::after{transform:translateX(5px)}
#servicios .services-carousel-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:6px}
#servicios .services-carousel-btn{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d8c8f3;border-radius:50%;background:#fff;color:#6217d1;font-size:29px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#servicios .services-carousel-btn:hover:not(:disabled),#servicios .services-carousel-btn:focus-visible{background:#6719d3;color:#fff;border-color:#6719d3}
#servicios .services-carousel-btn:disabled{opacity:.35;cursor:default}
#servicios .services-carousel-progress{width:100px;height:4px;border-radius:9px;background:#e5d9f7;overflow:hidden}
#servicios .services-carousel-progress>span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#ff691c,#7420e2);border-radius:inherit;transition:transform .2s,width .2s}
@media(max-width:1100px){
 #servicios .service-photo-card{flex-basis:calc((100% - 36px)/3)!important}
 #servicios .services-cards{gap:18px!important}
}
@media(max-width:700px){
 #servicios.services{padding-block:65px 72px!important}
 #servicios .services-intro{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:25px!important}
 #servicios .services-intro h2{margin:0!important}
 #servicios .services-intro p{font-size:14px!important}
 #servicios .services-intro .text-link{align-self:flex-start!important;margin-top:5px!important}
 #servicios .services-cards{gap:13px!important;padding-bottom:20px!important}
 #servicios .service-photo-card{flex:0 0 min(76vw,285px)!important}
 #servicios .service-photo-card>img{height:145px!important}
 #servicios .photo-card-copy{min-height:170px!important;padding:36px 15px 18px!important}
 #servicios .photo-icon{left:15px!important;top:-27px!important;width:53px!important;height:53px!important}
 #servicios .photo-icon svg{width:27px;height:27px}
 #servicios .photo-card-copy h3{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){#servicios .services-cards{scroll-behavior:auto}#servicios .service-photo-card{transition:none!important}}

/* Services visual polish v2 */
@media(min-width:1101px){
 #servicios .services-intro h2{max-width:none!important;white-space:nowrap;font-size:clamp(26px,2.65vw,39px)!important}
 #servicios .services-intro h2 br{display:block!important}
 #servicios .services-intro h2 span{display:inline!important}
 #servicios .services-intro h2 span:not(:last-child)::after{content:none!important}
 #servicios .services-intro{grid-template-columns:minmax(0,1fr) auto!important}
 #servicios .services-intro p{max-width:920px!important}
}
#servicios .services-intro h2 .services-heading-accent{color:#6a20d8!important}
#servicios .services-intro .text-link{
 border:1px solid rgba(103,25,211,.26)!important;border-radius:999px!important;
 padding:13px 21px!important;background:linear-gradient(120deg,#fff,rgba(244,236,255,.95))!important;
 box-shadow:0 6px 19px rgba(93,40,167,.10)!important;text-decoration:none!important;
}
#servicios .services-intro .text-link::after{display:none!important}
#servicios .services-intro .text-link:hover,#servicios .services-intro .text-link:focus-visible{
 background:linear-gradient(115deg,#6819d3,#882cde)!important;color:white!important;
 border-color:#6819d3!important;box-shadow:0 10px 26px rgba(104,25,211,.26)!important;
 transform:translateY(-3px)!important
}
#servicios .service-photo-card{
 background:
 radial-gradient(circle at 92% 76%,rgba(120,56,219,.075),transparent 42%),
 repeating-linear-gradient(145deg,transparent 0 19px,rgba(117,83,220,.034) 20px 21px,transparent 22px 38px),
 linear-gradient(160deg,#fff 0%,#fbfaff 65%,#f6f1ff 100%)!important;
}
#servicios .service-photo-card:nth-child(even){
 background:
 radial-gradient(circle at 10% 95%,rgba(255,106,30,.075),transparent 48%),
 repeating-radial-gradient(ellipse 230px 85px at 100% 100%,transparent 0 14px,rgba(122,64,221,.045) 15px 16px,transparent 17px 29px),
 linear-gradient(155deg,#fff,#fbf8ff)!important;
}
#servicios .photo-card-copy{min-height:220px!important}
#servicios .photo-card-copy p{min-height:59px!important;max-width:33ch;font-size:13px!important;line-height:1.5!important}
#servicios .service-photo-card:hover,#servicios .service-photo-card:focus-visible{
 transform:translateY(-8px) scale(1.012)!important;
 box-shadow:0 24px 42px rgba(64,22,128,.20),0 0 0 1px rgba(111,29,222,.18)!important;
}
#servicios .service-photo-card>img{transition:filter .35s ease,transform .45s ease!important}
#servicios .service-photo-card:hover>img{filter:saturate(1.15) contrast(1.04);transform:scale(1.035)}
#servicios .photo-icon{transform:translateY(0);will-change:transform}
#servicios .service-photo-card:hover .photo-icon,
#servicios .service-photo-card:focus-visible .photo-icon{
 animation:service-icon-float 1.55s ease-in-out infinite!important;
 box-shadow:0 9px 23px rgba(101,26,215,.28)!important;
}
@keyframes service-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:700px){
 #servicios .services-intro h2 br{display:block!important}
 #servicios .services-intro h2 span:not(:last-child)::after{content:none!important}
 #servicios .services-intro h2{white-space:normal!important}
 #servicios .photo-card-copy{min-height:225px!important}
}
@media(prefers-reduced-motion:reduce){
 #servicios .service-photo-card:hover .photo-icon,#servicios .service-photo-card:focus-visible .photo-icon{animation:none!important}
 #servicios .service-photo-card:hover>img{transform:none}
}

/* Seven-service carousel: controls directly below the section CTA. */
#servicios .services-intro .services-intro-actions{grid-column:2;grid-row:2 / span 2;align-self:center;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:14px}
#servicios .services-intro .services-intro-actions .text-link{grid-column:auto;grid-row:auto;align-self:center;justify-self:center}
#servicios .services-intro-actions .services-carousel-controls{margin:0!important;gap:13px}
#servicios .services-intro-actions .services-carousel-btn{width:42px;height:42px}
#servicios .service-card-art{height:155px;flex:0 0 155px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}
#servicios .service-card-art::before{content:"";position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,transparent 0 24px,rgba(255,255,255,.12) 25px 26px,transparent 27px 45px);transform:rotate(-18deg);z-index:-1}
#servicios .service-card-art::after{content:"";position:absolute;width:165px;height:165px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(30px);z-index:-1}
#servicios .service-card-art svg{width:85px;height:85px;color:#fff;filter:drop-shadow(0 7px 18px rgba(0,0,0,.25));transition:transform .3s ease}
#servicios .service-photo-card:hover .service-card-art svg{transform:scale(1.12) rotate(-5deg)}
#servicios .service-card-art--branding{background:linear-gradient(130deg,#260d56,#7023e0 55%,#ff6b32)}
#servicios .service-card-art--security{background:linear-gradient(130deg,#25123d,#ff6b1d 65%,#ffa653)}
#servicios .service-card-art--infrastructure{background:linear-gradient(130deg,#101c4b,#5a21c8 65%,#2ca6e0)}
@media(max-width:1100px){
 #servicios .services-intro .services-intro-actions{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end}
}
@media(max-width:700px){
 #servicios .services-intro .services-intro-actions{align-self:flex-start;gap:10px;align-items:flex-start}
 #servicios .services-intro-actions .services-carousel-controls{margin-left:4px!important}
 #servicios .service-card-art{height:145px;flex-basis:145px}
}

/* Mobile-only placement: left kicker, centered CTA, navigation under cards. */
@media(max-width:700px){
 #servicios .services-intro{align-items:stretch!important;text-align:left!important}
 #servicios .services-intro .section-tag{
  display:block!important;width:100%!important;text-align:left!important;
  align-self:flex-start!important;justify-self:start!important;
  margin-left:0!important;margin-right:0!important
 }
 #servicios .services-intro .services-intro-actions{
  display:flex!important;width:100%!important;align-self:stretch!important;
  align-items:center!important;justify-content:center!important;
  margin-top:8px!important
 }
 #servicios .services-intro-actions .text-link{
  display:inline-flex!important;align-self:center!important;justify-self:center!important;
  margin:0 auto!important;text-align:center!important;justify-content:center!important
 }
 #servicios .services-intro-actions .services-carousel-controls{display:none!important}
 #servicios .services-carousel>.services-carousel-controls{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;margin:12px auto 0!important
 }
}

/* Responsive 3-2-1: only complete service cards in the viewport. */
#servicios .services-cards{gap:20px!important;scroll-padding-inline:0!important}
#servicios .service-photo-card{box-sizing:border-box!important;min-width:0!important;flex:0 0 calc((100% - 40px)/3)!important;scroll-snap-align:start!important}
@media (min-width:701px) and (max-width:1100px){
 #servicios .services-cards{gap:18px!important}
 #servicios .service-photo-card{flex:0 0 calc((100% - 18px)/2)!important}
}
@media (max-width:700px){
 #servicios .services-cards{gap:13px!important}
 #servicios .service-photo-card{flex:0 0 100%!important;max-width:100%!important}
}

/* Use the available card width for more readable service descriptions. */
#servicios .photo-card-copy p{
 max-width:100%!important;
 min-height:0!important;
 font-size:14px!important;
 line-height:1.65!important;
}
@media(max-width:700px){
 #servicios .photo-card-copy p{font-size:14px!important;line-height:1.6!important}
}

/* Fine spacing: +10px below icon, -10px before the CTA. */
#servicios .photo-card-copy{padding-top:50px!important}
#servicios .photo-card-copy p{margin-bottom:9px!important}
@media(max-width:700px){
 #servicios .photo-card-copy{padding-top:46px!important}
}

/* Navigation controls below the service cards at every breakpoint. */
#servicios .services-carousel>.services-carousel-controls{
 display:flex!important;justify-content:center!important;align-items:center!important;
 width:100%!important;margin:12px auto 0!important;
}

/* Services CTA: vertical floating scroll cue pointing to the carousel. */
#servicios .services-intro-actions .services-scroll-cue{
 display:inline-flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 gap:7px!important;text-align:center!important;
 text-decoration:none!important;
 animation:ikrea-services-cue-float 2.7s ease-in-out infinite;
 will-change:translate;
}
#servicios .services-scroll-cue-arrow{
 display:block;flex:0 0 auto;
 width:22px;height:22px;
 animation:ikrea-services-cue-arrow 2.7s ease-in-out infinite;
}
#services-carousel-track{scroll-margin-top:110px}
@keyframes ikrea-services-cue-float{
 0%,100%{translate:0 0}
 50%{translate:0 9px}
}
@keyframes ikrea-services-cue-arrow{
 0%,100%{translate:0 0;opacity:.75}
 50%{translate:0 4px;opacity:1}
}
@media(prefers-reduced-motion:reduce){
 #servicios .services-intro-actions .services-scroll-cue,
 #servicios .services-scroll-cue-arrow{animation:none!important;will-change:auto}
}

/* Section CTAs from Services onward match their descriptive paragraph typography. */
#servicios .services-intro-actions .services-scroll-cue{
 font-size:inherit!important;
 font-family:inherit!important;
}
#servicios .services-intro-actions .services-scroll-cue,
#nosotros .about-copy .outline-link,
#proceso .outline-link,
#experiencias .outline-link,
#contacto .btn{
 font-size:var(--ikrea-section-cta-size,16px)!important;
}
@media(max-width:700px){
 #servicios .services-intro-actions .services-scroll-cue,
 #nosotros .about-copy .outline-link,
 #proceso .outline-link,
 #experiencias .outline-link,
 #contacto .btn{
  font-size:var(--ikrea-section-cta-size,14px)!important;
 }
}

/* Thin accent separator between section eyebrow and heading. */
#servicios .services-intro>.section-tag{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 gap:11px!important;
 margin-bottom:17px!important;
}
#servicios .services-intro>.section-tag::after{
 content:"";
 display:block;
 width:104px;
 height:2px;
 border-radius:2px;
 background:linear-gradient(90deg,#ff692d 0%,#ff692d 65%,rgba(255,105,45,0) 100%);
}

/* Minimal services navigation cue: no pill, frame or oversized padding. */
#servicios .services-intro-actions .services-scroll-cue{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 padding:4px 8px!important;
 min-height:0!important;
 min-width:0!important;
 width:max-content!important;
 max-width:100%!important;
 gap:5px!important;
 line-height:1.4!important;
 animation:ikrea-services-cue-subtle 3s ease-in-out infinite!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover,
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 background:transparent!important;
 box-shadow:none!important;
}
#servicios .services-scroll-cue-arrow{
 width:26px!important;
 height:16px!important;
 animation:ikrea-services-cue-arrow-subtle 3s ease-in-out infinite!important;
}
@keyframes ikrea-services-cue-subtle{
 0%,100%{translate:0 0}
 50%{translate:0 5px}
}
@keyframes ikrea-services-cue-arrow-subtle{
 0%,100%{translate:0 0;opacity:.75}
 50%{translate:0 3px;opacity:1}
}
@media(prefers-reduced-motion:reduce){
 #servicios .services-intro-actions .services-scroll-cue,
 #servicios .services-scroll-cue-arrow{animation:none!important}
}

/* Outlined transparent scroll CTA: compact, elegant, with downward chevron. */
#servicios .services-intro-actions .services-scroll-cue,
#servicios .services-intro-actions .services-scroll-cue:hover,
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 background:transparent!important;
 border:1px solid rgba(115,49,211,.55)!important;
 border-radius:16px!important;
 box-shadow:none!important;
}
#servicios .services-intro-actions .services-scroll-cue{
 padding:10px 18px 8px!important;
 gap:5px!important;
 min-height:0!important;
 width:max-content!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover,
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 border-color:#7c3aed!important;
}

/* High-contrast hover/focus for the transparent outlined Services CTA. */
#servicios .services-intro-actions .services-scroll-cue{
 color:#6422bf!important;
 -webkit-text-fill-color:currentColor!important;
 opacity:1!important;
 transition:color .2s ease,border-color .2s ease,background-color .2s ease!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover,
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 color:#32105e!important;
 -webkit-text-fill-color:currentColor!important;
 background:rgba(124,58,237,.10)!important;
 border-color:#6523bf!important;
 opacity:1!important;
}
#servicios .services-intro-actions .services-scroll-cue span,
#servicios .services-intro-actions .services-scroll-cue svg{
 color:inherit!important;
 opacity:1!important;
 visibility:visible!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover span,
#servicios .services-intro-actions .services-scroll-cue:focus-visible span,
#servicios .services-intro-actions .services-scroll-cue:hover svg,
#servicios .services-intro-actions .services-scroll-cue:focus-visible svg{
 color:inherit!important;
 opacity:1!important;
 visibility:visible!important;
}
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 outline:2px solid #6523bf!important;
 outline-offset:3px!important;
}

/* Services CTA hover: retain the current accent fill, with white text, icon and border. */
#servicios .services-intro-actions .services-scroll-cue:hover,
#servicios .services-intro-actions .services-scroll-cue:focus-visible{
 background:#7c3aed!important;
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 border-color:#fff!important;
 opacity:1!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover span,
#servicios .services-intro-actions .services-scroll-cue:focus-visible span{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
#servicios .services-intro-actions .services-scroll-cue:hover svg,
#servicios .services-intro-actions .services-scroll-cue:focus-visible svg{
 color:#fff!important;
 stroke:#fff!important;
}

/* Uniform vertical spacing for Services section on all viewports. */
#servicios.services{padding-top:70px!important;padding-bottom:70px!important}

/* Services: mixed translucent geometry, strokes, contour arcs and sparse accents. */
#servicios.services{position:relative!important;isolation:isolate!important;overflow:hidden!important}
#servicios.services::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:
  linear-gradient(35deg,rgba(139,82,225,.10),rgba(139,82,225,.025)) 2% 18%/170px 170px no-repeat,
  linear-gradient(140deg,rgba(255,120,61,.085),rgba(255,120,61,.012)) 96% 81%/220px 220px no-repeat,
  radial-gradient(circle at 9% 79%,transparent 0 71px,rgba(128,77,222,.14) 72px 73px,transparent 74px),
  radial-gradient(circle at 93% 23%,transparent 0 105px,rgba(156,98,236,.13) 106px 107px,transparent 108px),
  repeating-radial-gradient(ellipse 450px 310px at -12% 94%,transparent 0 25px,rgba(125,75,222,.072) 26px 27px,transparent 28px 48px),
  repeating-radial-gradient(ellipse 480px 340px at 114% 4%,transparent 0 29px,rgba(151,95,233,.064) 30px 31px,transparent 32px 54px),
  radial-gradient(ellipse 38% 45% at -7% 18%,rgba(130,79,224,.085),transparent 80%),
  radial-gradient(ellipse 36% 46% at 109% 87%,rgba(255,120,65,.07),transparent 82%);
 opacity:.77;
 -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 20%,transparent 40%,transparent 60%,rgba(0,0,0,.8) 80%,#000 100%);
 mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 20%,transparent 40%,transparent 60%,rgba(0,0,0,.8) 80%,#000 100%);
}
#servicios.services::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:
  conic-gradient(from 45deg at 7% 18%,transparent 0 25%,rgba(130,74,223,.09) 25% 50%,transparent 50%) 7% 18%/128px 128px no-repeat,
  conic-gradient(from 25deg at 93% 79%,transparent 0 25%,rgba(255,118,56,.08) 25% 50%,transparent 50%) 93% 79%/156px 156px no-repeat,
  linear-gradient(45deg,transparent 49.6%,rgba(140,85,228,.10) 49.8% 50.2%,transparent 50.4%) 3% 49%/120px 120px no-repeat,
  linear-gradient(45deg,transparent 49.6%,rgba(147,89,230,.09) 49.8% 50.2%,transparent 50.4%) 96% 43%/170px 170px no-repeat,
  repeating-linear-gradient(152deg,transparent 0 42px,rgba(129,77,221,.037) 43px 44px,transparent 45px 87px),
  linear-gradient(116deg,transparent 0 14%,rgba(139,85,230,.11) 14.08%,transparent 14.23%,transparent 19%,rgba(255,121,61,.075) 19.08%,transparent 19.23%),
  linear-gradient(64deg,transparent 0 82%,rgba(146,82,225,.095) 82.08%,transparent 82.23%,transparent 89%,rgba(255,119,61,.075) 89.08%,transparent 89.23%),
  radial-gradient(circle at 4% 23%,rgba(139,75,226,.32) 0 1.6px,transparent 2.6px),
  radial-gradient(circle at 96% 63%,rgba(255,120,63,.26) 0 1.8px,transparent 2.8px);
 opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 19%,transparent 39%,transparent 61%,rgba(0,0,0,.75) 81%,#000 100%);
 mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 19%,transparent 39%,transparent 61%,rgba(0,0,0,.75) 81%,#000 100%);
}
#servicios.services>.container{position:relative;z-index:1}
@media(max-width:700px){
 #servicios.services::before{opacity:.53}
 #servicios.services::after{opacity:.43}
}

/* Infinite marquee: disable snapping/smooth scroll that exposed the empty track edge. */
#servicios .services-cards{scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-x:auto!important}
#servicios .service-photo-card{scroll-snap-align:none!important}
#servicios .service-photo-card.is-carousel-clone{opacity:1!important;visibility:visible!important;animation:none!important}