/* T-Support / nueva experiencia tecnológica. */
.tech-v2{--cyan-bright:#66eee2;--blue:#087b8c;--blue-bright:#08a5b3;--surface:#f3f8f9;--line:#dae8eb}
.tech-v2 .site-header{background:#ffffffed;box-shadow:0 3px 24px #071d3407}.tech-v2 .brand img{width:190px}.tech-v2 .nav-links>a[aria-current=page]{color:#077e8f}
.tech-v2 .nav-links>a.btn{border-radius:99px;padding-inline:24px}.tech-v2 .btn{border-radius:10px;gap:18px}
.immersive-hero{position:relative;background:#031923;min-height:0}.immersive-hero::before{display:none}.immersive-hero .circuit-canvas{z-index:2;opacity:.35}
.hero-carousel{position:relative;z-index:1}.hero-stage{position:relative;touch-action:pan-y}
.hero-slide{position:relative;isolation:isolate;min-height:620px;overflow:hidden}
.hero-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031923fa 0%,#031923dc 33%,#0319236b 63%,#03192308 100%),linear-gradient(0deg,#031923ed 0%,transparent 50%)}
.hero-slide-content{padding-top:78px;padding-bottom:58px;position:relative}
.hero-topic{display:flex;align-items:center;gap:12px;color:#9ddbd9;font-weight:650;letter-spacing:.15em;font-size:.75rem;margin-bottom:28px}
.hero-topic>span{width:7px;height:7px;background:var(--cyan-bright);box-shadow:0 0 15px var(--cyan-bright);border-radius:50%}
.hero-slide h2{font-size:clamp(2.7rem,4.7vw,4.7rem);line-height:1.1;letter-spacing:-.055em;color:white;max-width:820px;margin-bottom:27px;font-weight:720}
.hero-slide h2 em{color:var(--cyan-bright);font-style:normal}.hero-slide-description{color:#c1d5de;font-size:1.1rem;max-width:535px;line-height:1.7;margin-bottom:32px}
.hero-slide .btn-primary{background:var(--cyan-bright);border-color:var(--cyan-bright);color:#032a33;box-shadow:0 8px 35px #1cc8c21a}.hero-slide .btn-primary:hover{background:#b8fff4}
.hero-slide .btn-dark-outline{background:#05283865;border-color:#b6d3da66}
.hero-bottomline{color:#91adb8;font-size:.65rem;letter-spacing:.13em;margin:34px 0 0}
.hero-carousel-footer{display:flex;gap:30px;align-items:center;padding-block:0 26px;min-height:106px}
.hero-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;flex:1}
.hero-selectors button{position:relative;text-align:left;background:none;border:0;border-top:1px solid #ffffff30;border-radius:0;color:#aec4cc;padding:16px 0 5px;overflow:hidden}
.hero-selectors button>small{font-size:.65rem;letter-spacing:.1em;margin-right:10px;color:#72939e}.hero-selectors button>span{font-size:.86rem;font-weight:650}
.hero-selectors button[aria-current=true]{color:#fff;border-color:var(--cyan-bright)}.hero-selectors button[aria-current=true]>small{color:var(--cyan-bright)}
.hero-selectors button i{position:absolute;top:0;left:0;height:2px;width:0;background:var(--cyan-bright)}
.hero-carousel.is-auto .hero-selectors button[aria-current=true] i{animation:slide-timer 7s linear forwards}
@keyframes slide-timer{to{width:100%}}
.hero-actions{display:flex;gap:8px;align-items:center}.hero-actions button,.gallery-toolbar>button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #ffffff3b;background:transparent;border-radius:50%;color:white;font-size:1.1rem}.hero-actions button:hover{background:#ffffff12}.hero-actions .slide-count{font-size:.75rem;color:#a8c5ce;margin-right:10px}
.hero-actions [data-autoplay]{font-size:.9rem}.hero-actions button:disabled{opacity:.5}
.immersive-hero .motion-toggle{position:absolute;right:22px;top:22px;z-index:3;background:#031923b5;font-size:.7rem;min-height:36px}
.tech-gallery{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:#071d34;color:#fff}
.gallery-stage{position:relative;height:100%;min-height:310px;touch-action:pan-y}.gallery-frame{margin:0;position:absolute;inset:0}
.gallery-frame img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-frame::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#031923e8,transparent);pointer-events:none}
.gallery-frame figcaption{position:absolute;left:24px;right:24px;bottom:84px;z-index:1;font-size:.94rem;color:#fff;line-height:1.5;font-weight:600;text-shadow:0 2px 8px #0008}
.gallery-toolbar{position:absolute;left:24px;right:24px;bottom:21px;z-index:2;display:flex;align-items:center;gap:12px}.gallery-toolbar>button{width:40px;height:40px;min-width:40px;background:#03192360}.gallery-toolbar>button:hover{background:#087b8c}
.gallery-dots{display:flex;gap:1px;align-items:center;flex:1}.gallery-dots button{display:grid;place-items:center;width:36px;height:40px;background:none;border:0;padding:0}.gallery-dots button>span{width:7px;height:7px;border-radius:50%;background:#fff7;transition:width .2s,background .2s}.gallery-dots button[aria-current=true]>span{width:22px;border-radius:8px;background:var(--cyan-bright)}.gallery-toolbar .slide-count{font-size:.72rem;color:#d4e7ee;white-space:nowrap}
.tech-v2 .page-hero-image{aspect-ratio:1.3;overflow:hidden;border-radius:18px;box-shadow:0 18px 60px #0003}.page-gallery .gallery-stage{min-height:0}
.tech-v2 .modern-page-hero{background:radial-gradient(ellipse at 0 100%,#074857,#041827 72%)}.tech-v2 .modern-page-hero h1{letter-spacing:-.055em}.tech-v2 .modern-page-hero .lead{max-width:600px}
.tech-v2 .explore-panel{border-radius:18px;min-height:490px;border-color:#d6e5e8;box-shadow:0 22px 65px #073a4709}.tech-v2 .explore-image{position:relative;min-width:0}.tech-v2 .explore-image>.tech-gallery{position:absolute;inset:0}.tech-v2 .explore-tabs{gap:12px}.tech-v2 .explore-tabs button{border-radius:12px;background:#fff;position:relative;overflow:hidden}.tech-v2 .explore-tabs button[aria-selected=true]{background:#043541;border-color:#043541;color:#fff;box-shadow:0 8px 22px #04354117}.tech-v2 .explore-tabs button[aria-selected=true] .tab-number{color:#80eee7}
.tech-v2 .section-heading{position:relative;padding-bottom:24px;border-bottom:1px solid #d8e5e7}.tech-v2 .section-heading h2{max-width:700px}.tech-v2 .section-heading>p{font-size:.94rem}
.tech-v2 .about-image{border-radius:20px}.tech-v2 .about-point{border-color:#0a8a99}.tech-v2 .about-points{gap:24px}
.tech-v2 .detail-service,.tech-v2 .article-card,.tech-v2 .project-line{border:1px solid #dce8e9;box-shadow:0 9px 32px #06344107;transition:transform .25s,border-color .25s,box-shadow .25s}
.tech-v2 .detail-service:hover,.tech-v2 .article-card:hover,.tech-v2 .project-line:hover{transform:translateY(-6px);border-color:#5db4bd;box-shadow:0 18px 42px #073b4814}
.tech-v2 .article-visual img,.tech-v2 .service-visual img{transition:transform .7s}.tech-v2 .article-card:hover .article-visual img,.tech-v2 .detail-service:hover .service-visual img{transform:scale(1.035)}
.tech-v2 .filter-bar{background:#eaf2f4;border-color:#d8e6e9;gap:7px}.tech-v2 .filter-button{padding:11px 17px;min-height:44px}.tech-v2 .filter-button[aria-pressed=true]{background:#043541}
.tech-v2 #service-grid[data-count="1"]{grid-template-columns:1fr}.tech-v2 #service-grid[data-count="1"] .detail-service:not([hidden]){display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.tech-v2 #service-grid[data-count="1"] .service-visual{height:100%;aspect-ratio:auto;min-height:380px}.tech-v2 #service-grid[data-count="1"] .service-content{padding:40px;justify-content:center}.tech-v2 #service-grid[data-count="2"]{grid-template-columns:1fr 1fr}
.tech-v2 .method-mini{counter-reset:steps}.tech-v2 .method-mini>div{border-color:#8ec9ce}.tech-v2 .method-mini>div:hover{border-color:#0097a6}.tech-v2 .method-mini span{background:#e7f5f5;border-color:#c7e2e5;color:#066778}
.tech-v2 .cta-strip{background:radial-gradient(ellipse at 100% 0,#0c7a83,#043742 70%);border-top:1px solid #62ddd44d}.tech-v2 .cta-strip::before{background-image:linear-gradient(#66eee209 1px,transparent 1px),linear-gradient(90deg,#66eee209 1px,transparent 1px);background-size:50px 50px}
.tech-v2 .footer-grid{border-top:1px solid #ffffff15;padding-top:35px}.tech-v2 .site-footer{padding-top:35px}.tech-v2 .contact-callout{background:#edf8f8;border-color:#d1e8e9}.tech-v2 .form-card{border-top-color:#079da9}
.brand-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;color:#52717d;font-size:.65rem;letter-spacing:.12em}.brand-label button{background:transparent;color:#315965;border:1px solid #c6dce0;padding:5px 11px;border-radius:6px;font-size:.7rem;min-height:36px;white-space:nowrap}
.tech-v2 .brand-band{padding-block:18px}.tech-v2 .brand-item{background:transparent}.brand-band.is-paused .brand-track,.brand-band:focus-within .brand-track,.brand-band:hover .brand-track{animation-play-state:paused}
.motion-stopped *,.motion-stopped *::before,.motion-stopped *::after{animation:none!important;transition:none!important}.motion-stopped .brand-track{transform:none!important}
.enter-pending{opacity:0;transform:translateY(18px)}.enter-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
@media(prefers-reduced-motion:no-preference){.hero-slide:not([hidden]) .hero-slide-image{animation:hero-enter .8s ease both}.hero-slide:not([hidden]) .hero-slide-content{animation:copy-enter .5s ease both}.gallery-frame:not([hidden]){animation:gallery-enter .4s ease both}@keyframes hero-enter{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes gallery-enter{from{opacity:.5}to{opacity:1}}}
@media(min-width:1700px){.hero-slide{min-height:700px}.hero-slide-content{padding-top:100px}.hero-slide h2{font-size:5rem}}
@media(max-width:1100px){.hero-selectors{gap:13px}.hero-selectors button>span{font-size:.76rem}.hero-selectors button>small{margin-right:5px}.hero-carousel-footer{gap:20px}.hero-slide h2{font-size:3.7rem}.hero-slide{min-height:620px}.tech-v2 .page-hero-image{aspect-ratio:1.1}.gallery-toolbar{left:18px;right:18px;gap:8px}.gallery-frame figcaption{left:18px;right:18px}}
@media(max-width:760px){.hero-slide{min-height:600px}.hero-slide-content{padding-top:72px;padding-bottom:32px}.hero-slide h2{font-size:clamp(2.5rem,9.4vw,4.2rem);line-height:1.1}.hero-slide-description{font-size:1rem;max-width:480px}.hero-shade{background:linear-gradient(90deg,#031923e8,#03192396),linear-gradient(0deg,#031923,transparent)}.hero-slide-image{object-position:65% center}.hero-topic{font-size:.65rem;margin-bottom:25px;letter-spacing:.09em}.hero-bottomline{font-size:.6rem;max-width:240px;line-height:1.7;margin-top:24px}.immersive-hero .motion-toggle{right:20px;top:14px;font-size:.65rem;min-height:34px;padding:5px 10px}.hero-carousel-footer{flex-direction:column;gap:17px;padding-bottom:24px}.hero-selectors{width:100%;gap:9px}.hero-selectors button{display:flex;flex-direction:column;padding-top:14px;gap:6px}.hero-selectors button>span{font-size:.69rem}.hero-actions{align-self:flex-end}.hero-actions .slide-count{margin-right:9px}.tech-v2 .page-hero-image{aspect-ratio:1.4}.tech-v2 .explore-panel{min-height:0}.tech-v2 .explore-image{height:300px}.gallery-stage{min-height:0}.gallery-frame figcaption{font-size:.87rem;bottom:78px}.tech-v2 .section-heading{gap:22px;padding-bottom:20px}.brand-label{font-size:.59rem;letter-spacing:.06em}.tech-v2 .topbar-contacts a{font-size:.7rem}}
@media(max-width:400px){.hero-slide{min-height:660px}.hero-slide .button-row{flex-direction:column;align-items:stretch}.hero-slide .btn{justify-content:space-between}.hero-slide h2{font-size:2.5rem}.hero-selectors button>span{font-size:.64rem}.hero-carousel-footer{padding-top:0}.hero-topic{font-size:.6rem}.gallery-toolbar .slide-count{font-size:.66rem}.tech-v2 .explore-image{height:280px}}
@media(max-width:760px){.tech-v2 #service-grid[data-count="1"] .detail-service:not([hidden]),.tech-v2 #service-grid[data-count="2"]{grid-template-columns:1fr}.tech-v2 #service-grid[data-count="1"] .service-visual{min-height:0;height:auto;aspect-ratio:16/10}.tech-v2 #service-grid[data-count="1"] .service-content{padding:26px}}
@media(prefers-reduced-motion:reduce){.tech-v2 *,.tech-v2 *::before,.tech-v2 *::after{animation:none!important;transition:none!important}.enter-pending{opacity:1;transform:none}.brand-track{transform:none!important}}