/* MAFARED FASE 4.4 — Solo modifica Servicios.html. */
:root{--s44-navy:#062949;--s44-ink:#0b3559;--s44-blue:#0077d4;--s44-sky:#74c4ff;--s44-line:#dce8f3;--s44-muted:#647c92;}
.s44-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.s44-hero{min-height:570px;position:relative;isolation:isolate;display:flex;align-items:center;padding:105px 0 100px!important;text-align:left!important;overflow:hidden;background:linear-gradient(90deg,rgba(2,27,54,.98) 0%,rgba(3,39,75,.94) 37%,rgba(4,43,78,.57) 72%,rgba(4,36,66,.38) 100%),url('./Imagenes/Servicios/portada-industrial.webp') center center/cover no-repeat!important;color:white}
.s44-hero-pattern{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 22%,rgba(34,166,246,.23),transparent 35%),linear-gradient(180deg,transparent 75%,rgba(0,28,57,.24));}
.s44-hero-inner{position:relative;z-index:1}
.s44-eyebrow,.s44-kicker{font-weight:800;letter-spacing:.12em;font-size:.78rem;line-height:1.5;text-transform:uppercase}
.s44-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c7e9ff;background:rgba(13,101,167,.23);border:1px solid rgba(116,196,255,.32);border-radius:999px;padding:10px 17px;margin:0 0 24px}
.s44-pulse{width:8px;height:8px;background:#59d6ff;border-radius:50%;box-shadow:0 0 0 6px rgba(89,214,255,.15)}
.s44-hero h1{color:#fff;max-width:790px;font-weight:900;letter-spacing:-.05em;font-size:clamp(2.55rem,5.1vw,5.3rem)!important;line-height:1.08!important;margin:0 0 22px!important;text-wrap:balance}
.s44-hero h1 span{color:#83ccff}
.s44-hero p.s44-hero-lead{max-width:680px;font-size:clamp(1rem,1.4vw,1.26rem)!important;line-height:1.7;color:#e1edf9;margin:0!important}
.s44-hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:31px}
.s44-btn{display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:52px;border-radius:13px;font-size:.97rem;font-weight:780;text-align:center;text-decoration:none;padding:13px 23px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;border:1px solid transparent}
.s44-btn:focus-visible,.s44-service-link:focus-visible,.s44-photo-card:focus-visible,.s44-dialog-close:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.s44-btn:hover{transform:translateY(-2px)}
.s44-btn-primary{background:#fff;color:#084478;box-shadow:0 14px 30px rgba(2,20,42,.22)}.s44-btn-primary:hover{color:#006fc6;background:#f5fbff}
.s44-btn-outline{border-color:rgba(208,234,255,.53);color:#fff;background:rgba(255,255,255,.07)}.s44-btn-outline:hover{color:#fff;background:rgba(255,255,255,.17)}
.s44-hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:15px 24px;text-align:center;color:#bfdbf0;background:rgba(1,30,60,.55);border-top:1px solid rgba(209,238,255,.17);font-size:.72rem;font-weight:800;letter-spacing:.17em}
.s44-hero-bottom span{color:#4dc0ff;margin:0 14px}
.s44-services{background:#f6f9fd;padding:91px 0 97px}
.s44-heading{text-align:center;margin:0 auto 39px;max-width:760px}
.s44-kicker{color:#0074c9;display:inline-block;margin-bottom:10px}
.s44-heading h2{font-size:clamp(1.95rem,3vw,2.8rem);letter-spacing:-.038em;line-height:1.22;font-weight:860;color:#082f55;margin:0 0 13px}
.s44-heading p{color:#657b8f;font-size:1.05rem;line-height:1.75;margin:0}
.s44-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.s44-service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0eaf3;border-radius:20px;overflow:hidden;box-shadow:0 15px 39px rgba(9,47,81,.065);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.s44-service-card:hover{transform:translateY(-7px);box-shadow:0 25px 47px rgba(9,47,81,.15);border-color:#b9dcf5}
.s44-service-media{position:relative;height:214px;overflow:hidden;background:#e4f0fa}
.s44-service-media::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,32,64,.63));pointer-events:none}
.s44-service-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.s44-service-card:hover img{transform:scale(1.055)}
.s44-service-index{position:absolute;bottom:16px;left:18px;z-index:1;font-size:.72rem;letter-spacing:.08em;font-weight:800;color:#fff}
.s44-service-content{padding:28px 25px 25px;display:flex;flex-direction:column;flex:1}
.s44-icon{width:44px;height:44px;background:#eaf5ff;color:#0873c7;border-radius:13px;display:grid;place-items:center;font-size:1.18rem;margin-bottom:17px}
.s44-service-content h3{margin:0 0 11px;color:#07365e;font-weight:850;font-size:1.35rem;line-height:1.3;letter-spacing:-.017em}
.s44-service-content p{margin:0 0 24px;color:#617b93;line-height:1.7;font-size:.94rem;flex:1}
.s44-service-link{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e6f0f8;padding-top:17px;text-decoration:none;font-weight:800;font-size:.9rem;color:#006ebf;transition:color .2s ease}
.s44-service-link:hover{color:#003b72}
.s44-portfolio{padding:89px 0 95px;background:#fff}
.s44-portfolio-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:28px 0 20px}
.s44-category{display:block;font-size:.74rem;letter-spacing:.12em;font-weight:800;color:#1680ca;margin:0 0 10px}
.s44-portfolio-header h3{font-size:clamp(1.5rem,2.3vw,2rem);margin:0;color:#0a3358;font-weight:860;letter-spacing:-.025em}
.s44-portfolio-header p{max-width:360px;text-align:right;color:#63798e;font-size:.91rem;margin:0;line-height:1.6}
.s44-second-heading{margin-top:71px}
.s44-photo-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.s44-photo-card{width:100%;height:340px;border:0;border-radius:17px;overflow:hidden;display:block;position:relative;padding:0;background:#dceaf5;cursor:zoom-in;text-align:left;box-shadow:0 11px 32px rgba(6,39,73,.10)}
.s44-photo-card img{display:block;width:100%;height:100%;object-fit:contain;background:#f4f9fc;transition:transform .45s ease}
.s44-photo-card:hover img{transform:scale(1.045)}
.s44-photo-card::after{content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(2,27,55,.83))}
.s44-photo-label{position:absolute;z-index:1;bottom:22px;left:24px;right:24px;color:white;display:flex;flex-direction:column;gap:3px}
.s44-photo-label strong{font-size:1.05rem;font-weight:850}.s44-photo-label small{font-size:.82rem;color:#dbedfb}
.s44-photo-expand{position:absolute;right:19px;top:19px;display:grid;place-items:center;border-radius:11px;width:36px;height:36px;background:rgba(255,255,255,.93);color:#0c5e9d;z-index:1}
.s44-mold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.s44-mold-grid>.s44-mold-photo{height:315px}
.s44-projects-added{display:contents}
.s44-projects-added .s44-photo-card{height:315px}
.s44-proyectos-invitacion{display:flex;align-items:center;gap:12px;background:#f2f8fc;padding:18px 20px;margin-top:20px;border-radius:13px;color:#4f7796;font-size:.92rem;line-height:1.55}
.s44-proyectos-invitacion i{color:#0875c9}.s44-proyectos-invitacion p{margin:0}
.s44-process{padding:86px 0 91px;background:#edf5fc}
.s44-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;padding:0;margin:0;counter-reset:step}
.s44-steps li{position:relative;background:white;border:1px solid #dceaf5;border-radius:17px;padding:29px 21px;box-shadow:0 12px 33px rgba(9,49,82,.04)}
.s44-steps li>i{color:#0677c9;font-size:1.65rem;display:block;margin:22px 0 18px}
.s44-step-number{display:inline-flex;font-size:.86rem;letter-spacing:.045em;font-weight:900;background:#e9f6ff;color:#0874c6;border-radius:8px;padding:7px 10px}
.s44-steps h3{color:#063862;font-weight:850;font-size:1.12rem;line-height:1.3;margin:0 0 10px}
.s44-steps p{color:#647c8f;font-size:.9rem;line-height:1.65;margin:0}
.s44-marcas{border:0;padding:76px 0;background:#fff}
.s44-marcas .contenedor-marcas{width:min(1180px,calc(100% - 40px))}
.s44-marcas .titulo-centrado{font-size:clamp(1.9rem,3vw,2.65rem);color:#0a3358;letter-spacing:-.03em;margin:0 0 12px}
.s44-marcas .track-marcas img{height:67px;width:auto;max-width:145px;object-fit:contain;margin:0 31px}
.s44-final-cta{background:#f4f9fd;padding:72px 0 96px}
.s44-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(120deg,#052c53,#075d9d);border-radius:24px;padding:48px 54px;box-shadow:0 20px 50px rgba(4,43,77,.19)}
.s44-cta-inner .s44-kicker{color:#84cbff}
.s44-cta-inner h2{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:850;line-height:1.15;letter-spacing:-.035em;color:#fff;margin:0 0 11px}
.s44-cta-inner p{color:#e1ecf7;max-width:620px;line-height:1.65;font-size:1.02rem;margin:0}
.s44-btn-cta{color:#063c6a;background:white;flex:0 0 auto;white-space:nowrap}.s44-btn-cta:hover{background:#eaf5ff;color:#063c6a}
.s44-dialog{position:fixed;max-height:min(90dvh,1000px);max-width:min(850px,94vw);width:max-content;background:#fff;border:0;border-radius:18px;padding:16px 16px 19px;box-shadow:0 30px 120px rgba(0,20,44,.38);overflow:auto;text-align:center}
.s44-dialog::backdrop{background:rgba(1,22,47,.82);backdrop-filter:blur(5px)}
.s44-dialog img{display:block;max-width:min(780px,88vw);max-height:75dvh;width:auto;height:auto;object-fit:contain;margin:auto;border-radius:8px}
.s44-dialog p{margin:14px 40px 0;color:#31516a;font-weight:650;font-size:.91rem}
.s44-dialog-close{position:absolute;top:8px;right:8px;z-index:5;border:1px solid #dceafa;background:#fff;color:#114e80;border-radius:50%;display:grid;place-items:center;width:40px;height:40px;cursor:pointer}
@media(max-width:1000px){.s44-service-grid{gap:14px}.s44-service-content{padding:22px 18px}.s44-service-content h3{font-size:1.16rem}.s44-service-media{height:180px}.s44-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.s44-mold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s44-cta-inner{padding:36px 33px}}
@media(max-width:720px){.s44-container{width:min(100% - 32px,580px)}.s44-hero{min-height:580px;padding:74px 0 91px!important;background-position:62% center!important}.s44-hero h1{font-size:clamp(2.25rem,8.1vw,3.4rem)!important;line-height:1.11!important}.s44-hero p.s44-hero-lead{font-size:1rem!important}.s44-eyebrow{letter-spacing:.055em;font-size:.64rem;padding:8px 11px}.s44-hero-actions{align-items:stretch;flex-direction:column;max-width:330px}.s44-btn{width:100%}.s44-hero-bottom{font-size:.56rem;letter-spacing:.045em;padding:13px 8px}.s44-hero-bottom span{margin:0 5px}.s44-services,.s44-portfolio,.s44-process{padding:66px 0}.s44-service-grid{grid-template-columns:1fr;gap:20px}.s44-service-media{height:230px}.s44-service-content{padding:22px}.s44-heading{margin-bottom:29px}.s44-heading h2{font-size:clamp(1.8rem,6.2vw,2.35rem)}.s44-heading p{font-size:.94rem}.s44-portfolio-header{display:block;margin:23px 0 18px}.s44-portfolio-header p{text-align:left;margin:12px 0 0;max-width:none}.s44-photo-grid-two,.s44-mold-grid{grid-template-columns:1fr;gap:18px}.s44-photo-card,.s44-mold-grid>.s44-mold-photo,.s44-projects-added .s44-photo-card{height:280px}.s44-second-heading{margin-top:52px}.s44-steps{grid-template-columns:1fr;gap:13px}.s44-steps li{padding:22px;display:grid;grid-template-columns:auto 1fr;column-gap:20px}.s44-steps li>i{grid-column:1;margin:14px 0}.s44-steps h3{grid-column:2;grid-row:1;margin-top:5px}.s44-steps p{grid-column:2;grid-row:2}.s44-step-number{grid-column:1;grid-row:1}.s44-cta-inner{flex-direction:column;align-items:stretch;text-align:center;padding:35px 23px;gap:25px}.s44-btn-cta{white-space:normal}.s44-final-cta{padding:50px 0 70px}.s44-marcas{padding:57px 0}.s44-marcas .track-marcas img{height:55px;max-width:110px;margin:0 18px}}
@media(prefers-reduced-motion:reduce){.s44-btn,.s44-service-card,.s44-service-media img,.s44-photo-card img{transition:none!important}.s44-btn:hover,.s44-service-card:hover,.s44-service-card:hover img,.s44-photo-card:hover img{transform:none!important}.s44-marcas .track-marcas{animation:none!important}}
.s44-proyectos-invitacion[hidden]{display:none!important}