/* Productividad: estilos exclusivos. */
.prod-page,.prod-page button{font-family:Arial,sans-serif}.prod-page h1,.prod-page h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.8px}.prod-page h3,.prod-page b{font-family:Arial,sans-serif;font-weight:700}.prod-page p,.prod-page span,.prod-page small{font-family:Arial,sans-serif}.prod-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #a9dfff;border-radius:999px;background:linear-gradient(135deg,#f6fcff,#e7f5ff);box-shadow:0 5px 14px #1789e01c}.prod-kicker:before{width:7px;height:7px;content:'';border-radius:50%;background:#12bff0;box-shadow:0 0 0 4px #12bff021}
.prod-page{background:#f6f9ff;color:#081b40;overflow:hidden}.prod-shell{width:min(1440px,calc(100% - 48px));margin:auto}.prod-kicker{margin:0 0 9px;color:#087fee;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.76rem}.prod-page h2{margin:0 0 34px;font-size:clamp(1.75rem,3vw,3rem);line-height:1.1}.prod-hero{min-height:620px;color:white;background:linear-gradient(90deg,#020b19 0%,rgba(2,11,25,.94) 31%,rgba(2,11,25,.22) 75%,#020b19 100%),url('../assets/images/pages/service-categories/productivity/office-tedy.png') center/cover}.prod-hero__content{min-height:620px;padding:92px 0 46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.prod-eyebrow{padding:9px 16px;border:1px solid #168fec;border-radius:999px;font-weight:800;text-transform:uppercase;font-size:.78rem}.prod-eyebrow i{margin-right:7px;color:#0ac0ff}.prod-hero h1{font-size:clamp(2.6rem,4.3vw,4.8rem);line-height:1.03;letter-spacing:-.04em;margin:22px 0 14px}.prod-hero h1 strong,.prod-hero p b{color:#08baff}.prod-hero p{font-size:1.1rem;line-height:1.45;max-width:310px;margin:0}.prod-hero__benefits{display:grid;grid-template-columns:repeat(4,1fr);width:min(710px,100%);margin-top:34px}.prod-hero__benefits span{display:grid;gap:5px;padding:0 16px;border-right:1px solid #466078;font-size:.75rem}.prod-hero__benefits span:first-child{padding-left:0}.prod-hero__benefits i{font-size:1.65rem;color:#00baff}.prod-hero__benefits small{color:#bfd0e1}.prod-products,.prod-compare,.prod-steps{padding:80px 0;text-align:center}.prod-products{background:#fff}.prod-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.prod-card{position:relative;min-height:400px;padding:28px;border-radius:19px;overflow:hidden;border:1px solid #e0e8f5;background:#fff;box-shadow:0 12px 28px #235a9a18;isolation:isolate}.prod-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.prod-card>div{display:flex;flex-direction:column;align-items:flex-start;min-height:344px;max-width:68%}.prod-card>div>i{font-size:3rem;color:#0b83ef}.prod-card h3{font-size:1.75rem;margin:12px 0 5px}.prod-card em{font-size:.65rem;font-weight:800;text-transform:uppercase;font-style:normal;color:#1187ed}.prod-card p{font-size:.9rem;line-height:1.5;margin-top:23px;flex:1}.prod-card button,.prod-disabled{padding:12px 15px;border-radius:10px;border:0;color:#fff;background:#087eeb;font-weight:800;cursor:pointer;white-space:nowrap}.prod-card--office h3,.prod-card--office>div>i{color:#f04d1f}.prod-card--office button{background:#ff5b18}.prod-card--storage h3,.prod-card--storage>div>i{color:#0879e7}.prod-card--windows{background:linear-gradient(150deg,#fff,#e4f2ff)}.prod-card--windows h3,.prod-card--windows>div>i{color:#1478ee}.prod-card--future{background:linear-gradient(150deg,#fff,#f3ecff)}.prod-card--future h3,.prod-card--future>div>i{color:#7540d7}.prod-disabled{background:transparent;border:2px solid #90bfff;color:#2779df}.prod-card--future .prod-disabled{border-color:#b392ef;color:#7443d4}.prod-trust{background:#f6f9ff;padding:0 0 60px}.prod-trust>.prod-shell{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px;background:#fff;border-radius:20px;box-shadow:0 8px 30px #2b579718}.prod-trust div{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center}.prod-trust i{grid-row:span 2;color:#087fee;font-size:2.2rem}.prod-trust b{font-size:.9rem}.prod-trust span{font-size:.79rem;color:#5a6c85;line-height:1.4}.prod-compare{background:#fff}.prod-compare__grid{display:grid;grid-template-columns:1fr 72px 1fr;gap:24px;align-items:center;text-align:left;max-width:1050px;margin:auto}.prod-compare article{overflow:hidden;border-radius:16px;border:2px solid;box-shadow:0 8px 26px #1b4a8618}.prod-compare h3{margin:0;padding:20px;color:white;font-size:1.1rem}.prod-compare ul{list-style:none;margin:0;padding:5px 22px}.prod-compare li{padding:14px 0;border-bottom:1px solid #edf0f6;font-size:.88rem;font-weight:600}.prod-compare li:before{font-family:'Font Awesome 6 Free';font-weight:900;margin-right:10px}.prod-bad{border-color:#ff997d!important}.prod-bad h3{background:#ef3118}.prod-bad li:before{content:'\f057';color:#e93922}.prod-good{border-color:#54a9ff!important}.prod-good h3{background:#087dec}.prod-good li:before{content:'\f058';color:#087dec}.prod-vs{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#082555;color:white;box-shadow:0 0 0 9px #e9f4ff}.prod-steps{padding-top:55px}.prod-steps>.prod-shell>div{display:grid;grid-template-columns:repeat(4,1fr)}.prod-steps article{display:grid;justify-items:center;gap:10px;padding:15px}.prod-steps i{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#087deb;color:white;font-size:1.7rem}.prod-steps b{font-size:.9rem}.prod-steps span{max-width:165px;font-size:.8rem;color:#62728a;line-height:1.4}
/* En escritorio la ilustración se limita al 65% derecho del slide. */
@media(min-width:901px){.prod-hero{position:relative;isolation:isolate;background:#020b19;overflow:hidden}.prod-hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 35%;background:url('../assets/images/pages/service-categories/productivity/office-tedy.png') center/cover no-repeat}.prod-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#020b19 0 31%,rgba(2,11,25,.84) 42%,rgba(2,11,25,.18) 72%,#020b19 100%)}}
@media(max-width:950px){.prod-products__grid,.prod-trust>.prod-shell{grid-template-columns:repeat(2,1fr)}.prod-hero{background-position:63% center}.prod-compare__grid{grid-template-columns:1fr}.prod-vs{margin:auto}}@media(max-width:600px){.prod-shell{width:min(100% - 30px,1440px)}.prod-hero{background:linear-gradient(90deg,rgba(2,11,25,.95),rgba(2,11,25,.63)),url('../assets/images/pages/service-categories/productivity/office-tedy.png') 62% center/cover}.prod-hero__benefits{grid-template-columns:repeat(2,1fr);gap:18px}.prod-hero__benefits span{padding-left:0}.prod-products,.prod-compare,.prod-steps{padding:55px 0}.prod-products__grid,.prod-trust>.prod-shell{grid-template-columns:1fr}.prod-card{min-height:350px}.prod-card>div{min-height:294px}.prod-steps>.prod-shell>div{grid-template-columns:repeat(2,1fr)}}
/* Móvil: primero el contenido y luego la imagen completa al ancho de pantalla. */
@media(max-width:700px){.prod-hero{min-height:0;background-color:#020b19;background-image:linear-gradient(180deg,#020b19 0%,#020b19 48%,#020b1988 67%,#020b19 100%),url('../assets/images/pages/service-categories/productivity/office-tedy.png');background-size:100% 100%,100% auto;background-position:center,center bottom;background-repeat:no-repeat}.prod-hero__content{min-height:0;padding:38px 0 calc(66.667vw + 24px);justify-content:flex-start}}

/* Productos: texto arriba, ilustración amplia únicamente en la franja inferior. */
.prod-card{min-height:430px;background:#fff}.prod-card img{inset:auto 0 0;width:100%;height:43%;object-fit:contain;object-position:center bottom;z-index:0;opacity:.98}.prod-card:has(img):after{content:'';position:absolute;left:0;right:0;bottom:38%;height:17%;background:linear-gradient(180deg,#fff,rgba(255,255,255,0));pointer-events:none;z-index:0}.prod-card>div{position:relative;z-index:1;max-width:100%;min-height:374px}.prod-card h3{font-size:1.55rem}.prod-card p{max-width:100%;margin:18px 0 10px;line-height:1.45}.prod-card button,.prod-disabled{margin-top:auto}.prod-card--office{border-color:#ffb49c}.prod-card--office img{height:43%;object-position:center bottom}.prod-card--storage img{height:43%;object-position:center bottom}
@media(max-width:600px){.prod-card{min-height:370px}.prod-card>div{min-height:314px}}

/* La imagen termina antes de los CTA: botones nunca se superponen sobre ella. */
.prod-card img{bottom:66px;height:35%}.prod-card>div{min-height:374px}.prod-card button,.prod-card .prod-disabled{position:absolute;left:0;bottom:0;margin:0;z-index:2}.prod-card--office img,.prod-card--storage img{height:35%}

/* Movimiento breve y profesional para dar vida a la página. */
@keyframes prod-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes prod-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.prod-hero__content>*{animation:prod-rise .65s both}.prod-hero__content>*:nth-child(2){animation-delay:.1s}.prod-hero__content>*:nth-child(3){animation-delay:.2s}.prod-hero__benefits{animation-delay:.3s}.prod-products__grid>*,.prod-trust .prod-shell>*,.prod-compare__grid>*,.prod-steps article{animation:prod-rise .65s both}.prod-products__grid>*:nth-child(2),.prod-trust .prod-shell>*:nth-child(2),.prod-steps article:nth-child(2){animation-delay:.1s}.prod-products__grid>*:nth-child(3),.prod-trust .prod-shell>*:nth-child(3),.prod-steps article:nth-child(3){animation-delay:.2s}.prod-products__grid>*:nth-child(4),.prod-trust .prod-shell>*:nth-child(4),.prod-steps article:nth-child(4){animation-delay:.3s}.prod-card{transition:transform .28s ease,box-shadow .28s ease}.prod-card:hover{transform:translateY(-9px);box-shadow:0 20px 38px #1d65ac2b}.prod-card img{transition:transform .45s ease}.prod-card:hover img{transform:scale(1.05)}.prod-steps i{animation:prod-float 3.2s ease-in-out infinite}.prod-steps article:nth-child(2) i{animation-delay:.35s}.prod-steps article:nth-child(3) i{animation-delay:.7s}.prod-steps article:nth-child(4) i{animation-delay:1.05s}@media(prefers-reduced-motion:reduce){.prod-page *{animation:none!important;transition:none!important}}
/* Móvil: ilustración completa entre el título y el contenido descriptivo. */
@media(max-width:700px){.prod-hero{min-height:0;background:#020b19}.prod-hero__content{min-height:0;padding:38px 0 26px;justify-content:flex-start}.prod-hero__mobile-visual{display:block;width:100vw;height:66.667vw;margin:0 calc(50% - 50vw) 24px;background-image:linear-gradient(180deg,#020b1911,#020b19 100%),url('../assets/images/pages/service-categories/productivity/office-tedy.png');background-size:100% 100%,100% auto;background-position:center,center bottom;background-repeat:no-repeat}}
/* En móvil el mensaje principal usa dos líneas centradas. */
.prod-title-mobile{display:none}@media(max-width:700px){.prod-hero h1{width:100%;max-width:none;align-self:center;text-align:center;font-size:clamp(32px,8.5vw,44px)}.prod-title-desktop{display:none}.prod-title-mobile{display:inline}}