.extra-services{background:radial-gradient(circle at 100% 0,#d31d2405 0%,#0000 40%),radial-gradient(circle at 0 100%,#00000005 0%,#0000 40%),#fff;padding:80px 20px}.extra-services-container{max-width:1200px;margin:0 auto}.extra-services-header{text-align:center;margin-bottom:60px}.extra-services-header h2{color:#1a1a2e;margin-bottom:15px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.extra-services-header p{color:#666;max-width:700px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem)}.extra-services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.extra-service-card{text-align:center;background:linear-gradient(135deg,#f5f5f5 0%,#fafafa 100%);border:2px solid #0000;border-radius:12px;padding:30px;transition:all .3s;position:relative;overflow:hidden}.extra-service-card:before{content:"";background:linear-gradient(90deg,var(--color-primario)0%,var(--color-rojo-hover)100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.extra-service-card:hover{border-color:var(--color-primario);transform:translateY(-5px);box-shadow:0 8px 25px #d31d2426}.extra-service-card:hover:before{transform:scaleX(1)}.extra-service-icon{background:linear-gradient(135deg,var(--color-primario)0%,var(--color-rojo-hover)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;transition:all .3s;display:flex}.extra-service-card:hover .extra-service-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 5px 20px #d31d2466}.extra-service-card h3{color:#1a1a2e;margin-bottom:15px;font-size:1.3rem;font-weight:700}.extra-service-card p{color:#666;font-size:.95rem;line-height:1.6}.extra-service-badge{background:var(--color-primario);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-top:15px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}@media (max-width:768px){.extra-services{padding:60px 15px}.extra-services-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.extra-service-card{padding:25px}}@media (max-width:480px){.extra-services-grid{grid-template-columns:1fr}}
.main-services-wrapper{flex-direction:column;width:100%;display:flex;overflow-x:hidden}.services-intro{text-align:center;background-color:var(--color-blanco);padding:80px 20px 40px}.services-intro h1{color:var(--color-negro);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.services-intro p{color:#666;max-width:700px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.6}.service-section{scroll-margin-top:var(--header-height,80px);padding:100px 20px;position:relative}.service-section.default{background-color:var(--color-blanco)}.service-section.alt-bg{background-color:#f8f9fa}.service-container{align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:flex}.service-section.layout-left .service-container{flex-direction:row}.service-section.layout-right .service-container{flex-direction:row-reverse}.service-content{z-index:2;flex:1}.service-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primario);margin-bottom:15px;padding:5px 0;font-size:.9rem;font-weight:700;display:inline-block}.service-title{color:var(--color-negro);letter-spacing:-.01em;margin-bottom:25px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.1}.service-description{color:#555;margin-bottom:35px;font-size:1.1rem;line-height:1.7}.service-features{grid-template-columns:1fr;gap:15px;margin:0 0 40px;padding:0;list-style:none;display:grid}.service-features li{color:#333;align-items:center;gap:12px;font-size:1.05rem;font-weight:500;display:flex}.feature-icon{color:var(--color-primario);flex-shrink:0}.service-cta-wrapper{margin-top:10px}.service-cta-btn{color:var(--color-primario);box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;padding:0;font-size:1.1rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.service-cta-text{padding-bottom:2px;position:relative}.service-cta-text:after{content:"";background-color:var(--color-primario);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.service-cta-btn:hover .service-cta-text:after{width:100%}.service-cta-btn svg{color:var(--color-primario);transition:transform .3s}.service-cta-btn:hover{box-shadow:none;background:0 0;gap:.75rem;transform:none}.service-cta-btn:hover svg{transform:translate(4px)}.service-visual{aspect-ratio:4/3;flex:1;width:100%;min-height:350px;position:relative}.images-stack{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.stack-image{cursor:default;pointer-events:auto;border:4px solid #fff;border-radius:20px;width:80%;height:80%;transition:all .5s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;box-shadow:0 15px 45px #0000002e}.service-section.layout-left .stack-image:first-child{top:0;left:0}.service-section.layout-left .stack-image:nth-child(2){bottom:0;right:0}.service-section.layout-right .stack-image:first-child{top:0;right:0}.service-section.layout-right .stack-image:nth-child(2){bottom:0;left:0}.stack-image:not(.active){z-index:1;opacity:.5;cursor:pointer;filter:grayscale(40%)blur(1px);transform:scale(.92)}.stack-image:not(.active):hover{opacity:.9;filter:grayscale(0%)blur();transform:scale(.96)}.stack-image.active{z-index:10;box-shadow:0 25px 60px #00000040}.stack-image.active img{cursor:zoom-in}.skeleton-wrapper{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.image-wrapper{width:100%;height:100%;position:relative}.service-img-element{object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.service-lightbox-trigger{cursor:pointer;opacity:0;color:#1a1a2e;z-index:20;background:#ffffffe6;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 12px #0000001a}.stack-image.active:hover .service-lightbox-trigger,.service-lightbox-trigger:focus-visible{opacity:1}.service-lightbox-trigger:hover{color:var(--color-primario);background:#fff;transform:scale(1.1)}.image-indicators{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:20px;gap:10px;padding:6px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.indicator-dot{cursor:pointer;background:0 0;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.indicator-dot.active{background:#fff;border-radius:10px;width:22px}@media (max-width:1200px){.service-container{gap:40px;padding:0 20px}}@media (max-width:992px){.service-section{padding:80px 20px}.service-container{text-align:center;gap:40px;flex-direction:column!important}.service-visual{aspect-ratio:16/10;order:-1;width:100%;max-width:600px;min-height:auto;margin:0 auto}.service-description{max-width:800px;margin-left:auto;margin-right:auto}.service-features{justify-items:center;max-width:500px;margin-left:auto;margin-right:auto}.stack-image{width:85%;height:85%}}@media (max-width:768px){.services-intro{padding-top:60px}.services-intro h1{font-size:2.2rem}.service-title{font-size:1.8rem}.service-visual{aspect-ratio:4/3}.service-features li{font-size:1rem}.image-indicators{padding:5px 8px;bottom:15px}.indicator-dot{width:7px;height:7px}.indicator-dot.active{width:18px}}@media (max-width:480px){.service-visual{aspect-ratio:1}.stack-image{border-width:3px;width:90%;height:90%}.service-title{font-size:1.6rem}}
.services-hero{color:#fff;text-align:center;perspective:1000px;padding:clamp(100px,20vh,160px) clamp(1rem,5vw,20px) clamp(60px,15vh,120px);position:relative;overflow:hidden}.services-hero img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.services-hero:before{content:"";z-index:-1;opacity:.95;background:radial-gradient(circle,#0006 0%,#12100ee6 60%,#12100e 100%),linear-gradient(#0009 0%,#12100ecc 100%);position:absolute;inset:0}.services-hero:after{content:"";z-index:-1;opacity:.4;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.services-hero-content{z-index:1;max-width:1000px;margin:0 auto;position:relative}.services-hero h1{letter-spacing:-.02em;color:var(--color-fondo);text-shadow:0 10px 30px #00000080;-webkit-text-fill-color:initial;background:0 0;margin-bottom:2rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1}.services-hero-description{color:#fffffff2;text-shadow:0 4px 12px #00000080;margin-bottom:2rem;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:300;line-height:1.5}.services-hero-highlight{color:var(--color-primario);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-shadow:0 4px 12px #d31d244d;font-weight:700}.services-hero-subtitle{color:#ffffffd9;text-shadow:0 2px 8px #00000080;max-width:800px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.8}@media (max-width:768px){.services-hero{padding:80px 1rem 50px}}
.work-process-section{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 20px;position:relative;overflow:hidden}.work-process-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff0d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.work-process-container{max-width:1200px;margin:0 auto}.work-process-header{text-align:center;margin-bottom:60px}.work-process-header h2{margin-bottom:10px;font-size:2.5rem;font-weight:700}.work-process-header p{color:#ccc;font-size:1.1rem}.process-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:60px;display:grid;position:relative}.process-step{text-align:center;position:relative}.step-number{z-index:2;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 12px #dc262666}.step-content h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.step-content p{color:#ccc;text-wrap:pretty;font-size:.95rem;line-height:1.6}.step-connector{display:none}.process-cta{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:50px 30px}.process-cta h3{margin-bottom:10px;font-size:2rem;font-weight:700}.process-cta p{color:#ccc;margin-bottom:30px;font-size:1.1rem}.cta-button{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:50px;align-items:center;gap:10px;padding:15px 35px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #dc262666}.cta-button:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-3px);box-shadow:0 6px 20px #dc262699}.cta-button:active{transform:translateY(-1px)}@media (min-width:769px){.process-steps{grid-template-columns:repeat(5,1fr)}.step-connector{z-index:1;background:linear-gradient(90deg,#dc2626 0%,#0000 100%);width:calc(100% - 70px);height:2px;display:block;position:absolute;top:35px;left:calc(50% + 35px)}.process-step:last-child .step-connector{display:none}}@media (max-width:968px){.work-process-section{padding:70px 2rem}.process-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:35px}}@media (max-width:768px){.work-process-section{padding:60px 1.5rem}.work-process-header{margin-bottom:50px}.work-process-header h2{font-size:2rem}.work-process-header p{font-size:1rem}.process-steps{grid-template-columns:1fr;gap:40px;max-width:400px;margin:0 auto 50px}.step-number{width:60px;height:60px;font-size:1.75rem}.step-content h3{font-size:1.2rem}.step-content p{font-size:.9rem}.process-cta{padding:40px 25px}.process-cta h3{font-size:1.6rem}.process-cta p{margin-bottom:25px;font-size:1rem}.cta-button{padding:12px 28px;font-size:1rem}}@media (max-width:480px){.work-process-section{padding:50px 1rem}.work-process-header h2{font-size:1.75rem}.step-number{width:55px;height:55px;margin-bottom:15px;font-size:1.6rem}.step-content h3{font-size:1.1rem}.process-cta{padding:35px 20px}.process-cta h3{font-size:1.4rem}.cta-button{padding:11px 24px;font-size:.95rem}}
