/* White software/services section, scoped to preserve the rest of the site. */
#servicios{background:#fff;padding-block:110px;color:#171717}
#servicios .software-intro{text-align:center;max-width:850px;margin:0 auto 44px}
#servicios .software-intro .pill{background:#fff;border-color:#dedede;color:#555;margin-bottom:24px}
#servicios .software-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.6rem,5.1vw,4.5rem);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}
#servicios .software-intro h2 em{font-weight:400}
#servicios .software-intro>p:not(.eyebrow){max-width:560px;margin:0 auto 26px;color:#666;font-size:.95rem}
#servicios .software-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#servicios .software-actions .button{border-radius:30px;padding:12px 24px}
#servicios .software-outline{border:1px solid #ff5e2c;color:#ad3512;background:#fff}
#servicios .software-promises{padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;margin:26px 0 0;font-size:.75rem;color:#555}
#servicios .software-promises li::before{content:'✓';margin-right:7px;color:#ad3512}
#servicios .software-showcase{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:0 0 90px;align-items:stretch}
#servicios .software-preview{height:390px;margin:0;padding:22px 22px 0;background:#111;border-radius:15px;display:block}
#servicios .software-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;display:block}
#servicios .software-image-label{position:absolute;bottom:18px;left:35px;background:#111e;color:#fff;padding:8px 12px;border-radius:20px;font-size:.6rem;letter-spacing:.08em}
#servicios .software-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;padding:15px;border:1px solid #ff5e2c40;border-radius:15px;background:radial-gradient(ellipse at 0 100%,#ff5e2c44,transparent 60%),#f7f7f7}
#servicios .software-mini{padding:22px;background:#fff;border:1px solid #eaeaea;border-radius:10px;position:relative}
#servicios .software-mini .eyebrow{font-size:.58rem;color:#666;margin-bottom:14px}
#servicios .software-mini strong{font-size:1.45rem;line-height:1.15;letter-spacing:-.04em}
#servicios .software-mini-tags{display:flex;gap:7px;margin-top:16px;font-size:.65rem;color:#666}
#servicios .software-mini-tags span{padding:3px 9px;border:1px solid #eee;border-radius:20px}
#servicios .software-mini h3{font-size:1.25rem;margin:0 30px 12px 0}
#servicios .software-mini p:last-child{font-size:.75rem;margin:0;line-height:1.6}
#servicios .software-mark{position:absolute;right:20px;top:20px;color:#ff5e2c;font-size:1.8rem}
#servicios .software-services-heading{text-align:center;margin-bottom:36px}
#servicios .software-services-heading .eyebrow{font-size:.6rem;color:#777}
#servicios .software-services-heading h2{font:400 clamp(2rem,3vw,2.8rem)/1.15 Georgia,serif;letter-spacing:-.045em}
#servicios .service-grid{gap:18px}
#servicios .service-card{background:#fafafa;border:1px solid #efefef;border-radius:12px;padding:28px;display:flex;flex-direction:column}
#servicios .service-card .icon{color:#ff5e2c;margin-bottom:24px}
#servicios .card-number{right:25px;top:30px;color:#aaa}
#servicios .service-card h3{font-size:1.15rem}
#servicios .service-card p{min-height:0;font-size:.85rem}
#servicios .tags{margin:0 0 24px}
#servicios .service-contact{color:#a93613;font-size:.75rem;font-weight:700;margin-top:auto;padding-top:8px}
#servicios .service-contact span{margin-left:8px}
#servicios .service-contact:hover{text-decoration:underline}
@media(max-width:760px){#servicios{padding-block:80px}#servicios .software-showcase{grid-template-columns:1fr;margin-bottom:60px;gap:14px}#servicios .software-preview{height:300px;padding:14px 14px 0}#servicios .software-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;padding:10px}#servicios .software-mini{padding:16px}#servicios .software-mini strong{font-size:1.2rem}#servicios .software-mini h3{font-size:1.05rem}#servicios .software-mini-tags{flex-wrap:wrap}#servicios .software-promises{gap:8px 14px;font-size:.65rem}#servicios .service-card{padding:25px}}
@media(max-width:400px){#servicios .software-side{grid-template-columns:1fr}#servicios .software-intro h2{font-size:2.4rem}}

/* Full-bleed supplied photograph replaces the temporary website preview. */
#servicios .software-preview{padding:0}
#servicios .software-preview>img{border-radius:inherit;object-position:center}

/* Scroll-driven service deck, based on the supplied reference video. */
#servicios .software-services-heading{margin-bottom:52px}
#servicios .service-grid{display:block;width:min(850px,100%);margin-inline:auto;overflow:visible}
#servicios .service-grid::after{content:"";display:block;height:clamp(220px,45svh,420px)}
#servicios .service-card{
  position:sticky;
  top:112px;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(370px,58svh,490px);
  margin:0 0 clamp(45px,7svh,80px);
  padding:clamp(28px,4vw,48px);
  border:1px solid #ffffff2c;
  border-radius:18px;
  background:radial-gradient(ellipse at 88% 18%,#ff5e2c21,transparent 46%),#17191a;
  color:#fff;
  box-shadow:0 16px 42px #0005,0 2px 12px #0003;
  transform-origin:50% 0;
}
#servicios .service-card:nth-child(2){top:124px;z-index:2;background:radial-gradient(ellipse at 86% 12%,#ff5e2c20,transparent 48%),#202326}
#servicios .service-card:nth-child(3){top:136px;z-index:3;background:radial-gradient(ellipse at 86% 12%,#ff5e2c22,transparent 48%),#292d30}
#servicios .service-card:nth-child(4){top:148px;z-index:4;background:radial-gradient(ellipse at 86% 12%,#ff5e2c20,transparent 48%),#34383b}
#servicios .service-card:nth-child(5){top:160px;z-index:5;margin-bottom:0;background:radial-gradient(ellipse at 86% 12%,#ff5e2c1e,transparent 48%),#41474a}
#servicios .service-card::before{content:"";position:absolute;z-index:-1;width:58%;aspect-ratio:1;right:-18%;top:-35%;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 34px #ffffff05,0 0 0 82px #ffffff04;pointer-events:none}
#servicios .service-card .icon{color:#ff744b;font-size:1.7rem;line-height:1;margin:0 0 auto}
#servicios .card-number{right:clamp(28px,4vw,48px);top:clamp(28px,4vw,48px);color:#ffffff9c;font:500 .8rem/1 Fredoka,Nunito,sans-serif;letter-spacing:.08em}
#servicios .service-card h3{max-width:690px;margin:28px 0 16px;font-size:clamp(2.45rem,5.5vw,5rem);line-height:1.02;letter-spacing:-.055em}
#servicios .service-card p{max-width:610px;min-height:0;margin:0 0 25px;color:#e7e7e8;font-size:clamp(.94rem,1.25vw,1.08rem);line-height:1.6}
#servicios .tags{margin:0 0 26px;gap:8px}
#servicios .tags span{border-color:#ffffff38;background:#ffffff0c;color:#f1eeee;font:500 .7rem/1.35 Fredoka,Nunito,sans-serif;padding:7px 11px;border-radius:5px}
#servicios .service-contact{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:0;color:#ff9a77;font-size:.84rem;font-weight:600;transition:color .2s,transform .2s}
#servicios .service-contact span{margin:0;transition:transform .2s}
#servicios .service-contact:hover{color:#fff;text-decoration:none;transform:translateX(3px)}
#servicios .service-contact:hover span{transform:translate(2px,-2px)}
#servicios .services-foot{width:min(850px,100%);margin:54px auto 0}
@media(max-width:760px){
  #servicios .software-services-heading{margin-bottom:30px}
  #servicios .service-grid::after{height:clamp(200px,45svh,330px)}
  #servicios .service-card{top:84px;min-height:clamp(390px,69svh,500px);margin-bottom:clamp(45px,7svh,65px);padding:28px;border-radius:14px}
  #servicios .service-card:nth-child(2){top:92px}
  #servicios .service-card:nth-child(3){top:100px}
  #servicios .service-card:nth-child(4){top:108px}
  #servicios .service-card:nth-child(5){top:116px}
  #servicios .card-number{top:28px;right:28px}
  #servicios .service-card h3{font-size:clamp(2.3rem,9vw,3.5rem)}
  #servicios .service-card p{font-size:.91rem}
}
@media(max-width:480px){
  #servicios .service-card{min-height:400px;margin-bottom:50px;padding:24px}
  #servicios .card-number{top:24px;right:24px}
  #servicios .service-card h3{margin-top:26px}
  #servicios .services-foot{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  #servicios .service-grid::after{display:none}
  #servicios .service-card,#servicios .service-card:nth-child(n){position:relative;top:auto;margin-bottom:16px;box-shadow:none}
}