@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f9fa;--surface:#fff;--tint:#edf5f8;--ink:#0b233b;--muted:#4d6372;--line:#d7e2e7;--navy:#05273d;--blue:#06a8e1;--lime:#b4e61c;--shadow:0 24px 70px rgba(5,39,61,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;transition:background .35s,color .35s}body.dark{--bg:#061c2b;--surface:#0b2b40;--tint:#0e354d;--ink:#f2f8fb;--muted:#b1c4d0;--line:#25495d;--shadow:0 24px 70px rgba(0,0,0,.22)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1200px,calc(100% - 72px));margin:auto}.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.head-inner{min-height:84px;display:flex;align-items:center;gap:26px}.logo{flex-shrink:0}.logo-wash{font:800 26px/1 'Manrope',sans-serif;letter-spacing:-1.6px;white-space:nowrap}.logo-wash>span{color:var(--blue)}.logo-wash i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin:0 0 14px 3px}.nav{display:flex;gap:20px;align-items:center;margin-left:auto}.nav a{font-size:12px;font-weight:700;white-space:nowrap;color:var(--muted);transition:color .2s}.nav a:hover,.nav a.current{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:9px}.theme-switch,.wa-icon,.hamb{border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-grid;place-items:center;flex-shrink:0;transition:transform .2s,background .2s,border .2s}.theme-switch:hover,.wa-icon:hover{transform:translateY(-2px);border-color:var(--blue)}.theme-switch{width:39px;height:39px;border-radius:50%}.theme-switch svg{width:19px;height:19px}.wa-icon{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;border-color:var(--navy)}.wa-icon svg{width:23px;height:23px}.hamb{display:none;width:40px;height:40px;border-radius:10px;gap:4px}.hamb span{width:18px;height:2px;background:var(--ink)}.hero{padding:54px 0 74px}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:48px;align-items:stretch}.hero-content{padding:45px 0 10px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(45px,5.4vw,76px);line-height:1.08;margin:28px 0}h1 span,h2 span{color:var(--blue)}.lead{font-size:17px;line-height:1.85;color:var(--muted);max-width:600px}.actions,.cta-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid var(--navy);border-radius:8px;padding:15px 19px;background:var(--navy);color:#fff;display:inline-flex;gap:24px;align-items:center;justify-content:space-between;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#064266}.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn.inverse{background:#fff;color:#09273d;border-color:#fff}.btn span{font-size:17px}.hero-bottom{margin-top:auto;width:100%;display:flex;justify-content:space-between;padding-top:65px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}.hero-bottom a{color:var(--ink)}.hero-art{min-height:510px;background:linear-gradient(135deg,#073a55,#051c2f 75%);color:#fff;border-radius:13px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-art:before{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-160px;top:60px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.art-top,.art-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em}.art-type{position:relative;z-index:1;margin:auto 0;font:800 clamp(48px,5vw,72px)/1.04 Manrope;letter-spacing:-.07em}.art-type span{color:var(--blue)}.art-dot{color:var(--lime)}.art-line{height:2px;background:var(--lime);width:65px;margin-bottom:26px}.art-bottom{font-size:18px;letter-spacing:-.03em;line-height:1.5}.art-bottom b{color:var(--lime)}.art-round{display:grid;place-items:center;width:52px;height:52px;border:1px solid #7894a3;border-radius:50%;font-size:25px}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:36px}.section-heading>p{max-width:310px;color:var(--muted);line-height:1.8}.section h2{font-size:clamp(35px,4vw,55px);line-height:1.16;margin:18px 0 24px;max-width:850px}.section p{line-height:1.8}.steps-section,.tinted{background:var(--tint)}.step-grid,.three-col,.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{padding:32px;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:200px;transition:transform .25s,border .25s}.info-card:hover{transform:translateY(-5px);border-color:var(--blue)}.card-index{color:var(--blue);font-size:12px;font-weight:800}.info-card h3{font-size:23px;line-height:1.2;margin:25px 0 10px}.info-card p{color:var(--muted);font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.feature-copy>p{color:var(--muted);max-width:580px}.feature-points{margin:35px 0;border-top:1px solid var(--line)}.feature-points>div{border-bottom:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:130px 1fr;gap:20px}.feature-points strong{color:var(--blue)}.feature-points p{margin:0;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:24px;color:var(--ink);border-bottom:1px solid var(--blue);padding-bottom:8px;font-weight:800}.feature-art{background:linear-gradient(155deg,#0a3853,#062236);min-height:540px;border-radius:13px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:34px;position:relative;overflow:hidden}.feature-art:after{content:'';position:absolute;right:-60px;bottom:85px;width:320px;height:320px;border:70px solid rgba(5,168,225,.16);border-radius:50%}.feature-small{font-size:11px;letter-spacing:.12em}.feature-big{position:relative;z-index:1;font:800 clamp(48px,5vw,68px)/1.08 Manrope;letter-spacing:-.06em}.feature-big span{color:var(--lime)}.feature-badge{position:relative;z-index:1;border-top:1px solid #6c8695;padding-top:25px;font-size:12px;letter-spacing:.13em}.tech-preview{background:#05273d;color:#fff}.tech-preview h2{color:#fff}.tech-preview p{max-width:530px;color:#c7d8e0}.tech-preview-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.tech-stat{min-height:280px;padding:40px;border:1px solid #426278;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0a3952,#08283c)}.tech-stat>span{font-size:12px;letter-spacing:.14em;color:var(--lime)}.tech-stat strong{font:800 clamp(33px,3.5vw,49px)/1.1 Manrope;letter-spacing:-.06em}.tech-stat strong span{color:var(--lime)}.tech-stat p{font-size:13px;margin:0}.route{position:relative;display:flex;flex-direction:column;min-height:300px;border-radius:13px;background:var(--surface);border:1px solid var(--line);padding:30px;transition:transform .25s,background .25s}.route:hover{transform:translateY(-6px);background:var(--tint)}.route>span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.09em}.route h3{font-size:26px;margin:45px 0 10px}.route p{color:var(--muted);font-size:14px}.route b{font-size:28px;margin-top:auto;align-self:end}.cta{background:var(--tint)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:var(--muted)}.footer{background:#031c2c;color:#f3f9fc;padding:60px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer .logo-wash{font-size:28px}.footer p,.footer-last{font-size:13px;color:#b4cad6;margin-top:18px}.footer-links{display:grid;gap:11px;font-size:13px}.footer-links a:hover{color:var(--blue)}.footer-last{text-align:right;line-height:1.8}.footer-last span{display:inline-block;margin-top:25px;color:#718e9e}.page-hero{background:var(--tint);padding:95px 0}.page-hero-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:50px;align-items:end}.page-hero h1{font-size:clamp(42px,5vw,72px);max-width:850px}.page-hero-aside{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--muted);text-align:right}.aside-line{display:block;width:100%;height:2px;background:var(--lime);margin-top:18px}.section-lead{font-size:19px;max-width:820px;color:var(--muted);margin-bottom:35px}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;color:var(--muted);font-size:18px}.machine-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.machine-grid>div>p{color:var(--muted);font-size:16px}.machine-photo{margin:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow)}.machine-photo img{width:100%;max-height:500px;object-fit:contain}.machine-photo figcaption{font-size:11px;color:#536a77;line-height:1.6;padding:12px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-grid>div>p{color:var(--muted)}.contact-wa{display:flex;gap:16px;align-items:center;margin-top:30px;font-weight:700}.contact-form{background:var(--surface);border:1px solid var(--line);padding:40px;border-radius:13px;display:grid;gap:20px}.contact-form label{font-size:13px;font-weight:800;display:grid;gap:9px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:14px;background:var(--bg);color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue)}.contact-form .btn{justify-self:start}.form-status{color:var(--muted);font-size:12px;margin:0}.chat-launch{position:fixed;right:25px;bottom:25px;z-index:55;background:var(--navy);color:#fff;border:1px solid #3e6074;border-radius:50px;padding:14px 19px;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.18);font-size:13px}.chat-launch span{color:var(--lime)}.chat-panel{position:fixed;z-index:60;right:25px;bottom:88px;width:min(365px,calc(100vw - 30px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 70px rgba(0,0,0,.2);overflow:hidden}.chat-panel[hidden]{display:none}.chat-head{padding:18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-head small{display:block;color:#bfd4df;margin-top:4px}.chat-head button{border:0;background:transparent;color:#fff;font-size:24px}.chat-body{padding:18px}.bubble{padding:14px;background:var(--tint);border-radius:10px;font-size:13px;line-height:1.7;margin-bottom:12px}.choice{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px;margin-top:8px;font-size:13px;font-weight:700}.choice:hover{border-color:var(--blue)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:var(--navy);color:#fff;border-radius:10px;padding:12px 18px;z-index:80;font-size:13px;max-width:90vw}.reveal{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:11px}.shell{width:min(1100px,calc(100% - 46px))}.hero-grid{gap:25px}.feature-grid{gap:45px}}@media(max-width:900px){.hamb{display:grid}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--surface);padding:20px 26px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav.show{display:flex}.nav a{font-size:14px;padding:12px;border-bottom:1px solid var(--line)}.hero-grid,.feature-grid,.tech-preview-grid,.page-hero-grid,.machine-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:380px}.hero-content{padding-top:10px}.hero-bottom{padding-top:45px}.page-hero-aside{text-align:left}.section{padding:75px 0}.feature-art{min-height:360px}.footer-grid{grid-template-columns:1fr 1fr}.footer-last{text-align:left}.section-heading{align-items:start;flex-direction:column;gap:5px}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.head-inner{min-height:72px}.nav{top:72px}.logo-wash{font-size:23px}.header-actions{gap:6px}.theme-switch,.wa-icon,.hamb{width:36px;height:36px}.hero{padding:20px 0 60px}.hero-content{padding:30px 0 10px}.hero h1{font-size:44px}.hero-art{min-height:340px;padding:22px}.art-type{font-size:45px}.art-bottom{font-size:14px}.lead{font-size:15px}.section h2{font-size:35px}.page-hero{padding:65px 0}.page-hero h1{font-size:42px}.step-grid,.three-col,.two-col,.route-grid,.split-copy{grid-template-columns:1fr}.feature-points>div{grid-template-columns:1fr;gap:5px}.cta-inner{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.contact-form{padding:20px}.chat-launch{right:12px;bottom:12px}.chat-panel{right:12px;bottom:70px}.info-card{min-height:auto}.section-heading>p{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Refinamiento V4 */
.nav{gap:30px}.nav-dropdown{position:relative}.nav-dropdown-trigger{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer;padding:12px 0}.nav-dropdown-trigger:after{content:'⌄';margin-left:7px;color:var(--blue)}.nav-dropdown-trigger:hover,.nav-dropdown:focus-within .nav-dropdown-trigger{color:var(--blue)}.nav-submenu{position:absolute;top:100%;left:-20px;width:245px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:30}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{display:grid}.nav-submenu a{display:block;padding:13px 12px;border-radius:7px;font-size:12px}.nav-submenu a:hover{background:var(--tint)}.feature-art:after{display:none}.feature-art{padding:0;position:relative;overflow:hidden}.concept-photo{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.feature-art:hover .concept-photo{transform:scale(1.04)}.concept-caption{position:absolute;bottom:16px;left:16px;z-index:2;font-size:10px;letter-spacing:.03em;background:rgba(3,28,44,.85);color:white;padding:8px 12px;border-radius:6px}.technology-showcase{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.technology-showcase-copy p{max-width:630px;color:var(--muted)}.technology-showcase-copy .btn{margin-top:18px}.showcase-figure{margin:0;background:var(--tint);padding:20px;border-radius:14px}.showcase-figure img{display:block;width:100%;max-height:470px;object-fit:contain;border-radius:8px}.showcase-figure figcaption{color:var(--muted);font-size:11px;line-height:1.6;margin-top:14px}.contact-wa{width:max-content}.contact-wa .wa-icon{width:52px;height:52px}.hero-art .art-top{justify-content:flex-start}.hero .actions .btn{min-width:205px;justify-content:center}
@media(max-width:900px){.nav-dropdown-trigger{padding:12px;font-size:14px}.nav-submenu{display:grid;position:static;box-shadow:none;border:0;border-left:2px solid var(--blue);border-radius:0;width:auto;margin:4px 0 12px 16px;padding:0 8px;background:transparent}.nav-submenu a{font-size:13px!important;padding:10px!important}.technology-showcase{grid-template-columns:1fr;gap:35px}}

/* V5: páginas con propósitos distintos, composiciones editoriales */
.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.editorial-card{overflow:hidden;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.editorial-photo{height:330px;background-size:cover;background-position:center;transition:transform .5s}.editorial-card:hover .editorial-photo{transform:scale(1.025)}.editorial-content{padding:32px}.editorial-content h3{font-size:30px;margin:14px 0}.editorial-content p{color:var(--muted)}.compact-layout{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.simple-list{border-top:1px solid var(--line)}.simple-list>div{display:flex;gap:30px;align-items:flex-start;border-bottom:1px solid var(--line);padding:24px 0;line-height:1.7}.simple-list b{color:var(--blue);font-size:24px}.simple-list span{max-width:430px}.page-hero-visual .page-hero-grid{grid-template-columns:1fr .85fr;align-items:center}.page-visual{margin:0;position:relative}.page-visual img{width:100%;height:470px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}.page-visual figcaption{position:absolute;bottom:12px;left:12px;background:#05273ddc;color:#fff;padding:8px 12px;border-radius:5px;font-size:11px}.express-graphic{background:linear-gradient(130deg,#05283f,#084b70);color:white;min-height:320px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:45px;overflow:hidden}.express-graphic>span{font-weight:800;letter-spacing:.2em}.express-graphic strong{font:800 clamp(44px,5vw,72px)/1.1 Manrope;letter-spacing:-.06em}.express-graphic strong span{color:var(--lime)}.express-graphic small{color:#c8e1ed;letter-spacing:.2em}.manufacturer-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px}.manufacturer-panel img{display:block;width:100%;height:360px;object-fit:contain;background:white;border-radius:8px}.manufacturer-panel>div{padding:14px 4px 0}.manufacturer-panel span{font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--blue)}.manufacturer-panel p{font-size:12px;color:var(--muted);margin:8px 0 0}.page-hero .btn{margin-top:20px}
@media(max-width:900px){.editorial-pair,.compact-layout,.page-hero-visual .page-hero-grid{grid-template-columns:1fr}.page-visual img{height:330px}.editorial-photo{height:260px}.compact-layout{gap:35px}}

/* V6: distinct page composition and restrained editorial details */
.art-bottom{justify-content:flex-start}.hero-art .art-round{display:none!important}
.technology-process{background:var(--surface,#f2f8fa)}
.tech-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.tech-process-grid>div{padding:30px;border:1px solid var(--line,#cbdde6);border-radius:20px;background:var(--card,#fff)}
.tech-process-grid span{font-size:13px;color:#08a8df;font-weight:800;letter-spacing:.12em}
.tech-process-grid h3{font-size:23px;margin:20px 0 12px}
.tech-process-grid p{line-height:1.6}
@media(max-width:740px){.tech-process-grid{grid-template-columns:1fr}}

/* V7: photographs are independent assets, never brochure screenshots */
.tech-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.tech-visual-grid figure{margin:0;overflow:hidden;border-radius:20px;background:var(--surface,#eaf1f4)}.tech-visual-grid img{width:100%;height:310px;object-fit:cover;display:block}.tech-visual-grid figcaption{padding:14px 18px;font-size:13px;opacity:.78}.source-note{font-size:13px;max-width:880px;opacity:.78;margin-top:24px}.manufacturer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){.tech-visual-grid{grid-template-columns:1fr}.tech-visual-grid img{height:260px}}

/* V8: technology editorial improvements */
.tech-proof{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem;border-left:3px solid #00aee9;background:rgba(0,174,233,.07);border-radius:0 12px 12px 0;margin-top:1.7rem}.tech-proof strong{font-size:1.08rem}.tech-proof span{font-size:.92rem;opacity:.8}.technology-showcase-copy .tech-proof{max-width:34rem}.cta-actions{flex-wrap:wrap}.machine-photo img{object-position:center 50%}.manufacturer-panel img{object-fit:contain;background:#fff;padding:1.4rem;max-height:390px}.page-hero .actions{margin-top:1.7rem}


/* V10 — Motion system: subtle, accessible, and performance conscious */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:no-preference){
  .motion-ready .reveal,.motion-ready .motion-enter{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out),filter .85s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
  .motion-ready .reveal.is-visible,.motion-ready .motion-enter.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  .btn,.route,.info-card,.service-card,.manufacturer-panel,.choice,.nav-submenu a{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background-color .3s,border-color .3s,color .3s}
  .btn:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(0,112,160,.18)}
  .route:hover,.info-card:hover,.service-card:hover,.manufacturer-panel:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(5,39,61,.12)}
  .feature-art,.page-visual,.editorial-photo,.machine-photo,.manufacturer-panel,.tech-visual-grid figure{overflow:hidden}
  .feature-art img,.page-visual img,.editorial-photo img,.machine-photo img,.manufacturer-panel img,.tech-visual-grid img,.concept-photo{transition:transform 1.2s var(--ease-out),filter .6s ease;will-change:auto}
  .feature-art:hover img,.page-visual:hover img,.editorial-photo:hover img,.machine-photo:hover img,.manufacturer-panel:hover img,.tech-visual-grid figure:hover img{transform:scale(1.045)}
  .hero-art:before{animation:washbox-breathe 9s ease-in-out infinite alternate}
  @keyframes washbox-breathe{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-24px,-15px,0) scale(1.1)}}
  .art-line{transform-origin:left;animation:washbox-line 1.5s var(--ease-out) both}
  @keyframes washbox-line{from{transform:scaleX(.1);opacity:.3}to{transform:scaleX(1);opacity:1}}
  .nav-submenu{transition:opacity .25s ease,transform .3s var(--ease-out),visibility .3s}
  .chat-panel:not([hidden]){animation:washbox-chat .3s var(--ease-out) both}
  @keyframes washbox-chat{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
  .header{transition:background-color .35s,border-color .35s,box-shadow .35s}
  .header.is-scrolled{box-shadow:0 8px 24px rgba(5,39,61,.07)}
  .motion-photo{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.035);transition:transform .15s linear}
  .motion-photo:hover{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.07)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .cursor-glow{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(330px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(0,168,225,.065),transparent 75%);mix-blend-mode:normal}
  body:hover .cursor-glow{opacity:1}
  body.dark .cursor-glow{background:radial-gradient(370px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(0,168,225,.095),transparent 75%)}
}
@media (max-width:767px){.motion-photo{transform:none!important}.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-glow{display:none!important}}


/* V11 — Editorial motion language inspired by premium Framer websites */
.scroll-progress{position:fixed;top:0;left:0;z-index:100;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--blue),var(--lime));pointer-events:none;box-shadow:0 0 12px rgba(0,168,225,.35)}
.motion-ribbon{position:relative;overflow:hidden;background:var(--navy);color:#eafaff;border-block:1px solid rgba(255,255,255,.13);padding:17px 0;white-space:nowrap;margin:0 0 36px}
.motion-ribbon-track{width:max-content;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(13px,1.4vw,19px);letter-spacing:.14em;animation:ribbon-drift 35s linear infinite}
.motion-ribbon-track span{color:var(--lime);margin:0 32px}
@keyframes ribbon-drift{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:no-preference){
 .hero-content h1,.page-hero h1{animation:hero-arrive 1.15s cubic-bezier(.2,1,.3,1) both;transform-origin:bottom left}
 .hero-content .eyebrow,.page-hero .eyebrow,.hero-content .lead,.page-hero .lead{animation:soft-arrive 1s cubic-bezier(.2,1,.3,1) both}
 .hero-content .lead,.page-hero .lead{animation-delay:.18s}
 .hero-content .actions,.page-hero .actions{animation:soft-arrive 1s cubic-bezier(.2,1,.3,1) .32s both}
 @keyframes hero-arrive{from{opacity:0;transform:translateY(40px) skewY(2deg);filter:blur(8px)}to{opacity:1;transform:translateY(0) skewY(0);filter:blur(0)}}
 @keyframes soft-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
 .motion-image-frame{position:relative;overflow:hidden;isolation:isolate}
 .motion-image-frame:after{content:"";position:absolute;inset:0;background:var(--blue);z-index:2;pointer-events:none;transform:translateX(0);transition:transform 1.15s cubic-bezier(.7,0,.2,1)}
 .motion-image-frame.image-unveiled:after{transform:translateX(101%)}
 .motion-image-frame img{transition:transform 1.4s cubic-bezier(.2,1,.3,1),filter .8s ease!important}
 .motion-image-frame:hover img{transform:scale(1.065)!important}
 .motion-image-frame.image-unveiled img{animation:image-come-in 1.2s cubic-bezier(.2,1,.3,1) both}
 @keyframes image-come-in{from{transform:scale(1.14);filter:grayscale(.4)}to{transform:scale(1);filter:grayscale(0)}}
 .interactive-tilt{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .5s cubic-bezier(.2,1,.3,1),box-shadow .5s!important;will-change:transform}
 .interactive-tilt:hover{--lift:-5px}
 .interactive-tilt:before{pointer-events:none}
 .btn{position:relative;overflow:hidden;isolation:isolate}
 .btn:after{content:"";position:absolute;inset:-60% auto -60% -55%;width:30%;transform:skewX(-25deg) translateX(-180%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:transform .75s ease;pointer-events:none}
 .btn:hover:after{transform:skewX(-25deg) translateX(750%)}
}
@media(max-width:900px){.motion-ribbon{padding:12px 0}.motion-ribbon-track{font-size:12px}.motion-ribbon-track span{margin:0 17px}.interactive-tilt{transform:none!important}}
@media(prefers-reduced-motion:reduce){.motion-ribbon-track{animation:none!important}.motion-image-frame:after{display:none!important}}

/* V12 — editorial motion and booking prototype */
.nav-book{background:var(--blue);color:white!important;padding:12px 17px!important;border-radius:8px;white-space:nowrap}.nav-book:hover{filter:brightness(1.13)}
.booking-teaser{overflow:hidden;background:linear-gradient(120deg,#06324b,#08618a);color:#fff;position:relative}.booking-teaser-inner{min-height:390px;display:flex;align-items:center;position:relative}.booking-teaser-word{position:absolute;left:-.055em;top:50%;transform:translateY(-50%);font-size:clamp(110px,19vw,310px);font-weight:900;letter-spacing:-.1em;white-space:nowrap;color:rgba(255,255,255,.075);line-height:1;pointer-events:none}.booking-teaser-content{position:relative;max-width:620px;z-index:2}.booking-teaser-content h2{font-size:clamp(38px,5vw,70px);line-height:1.06;margin:18px 0}.booking-teaser-content h2 span{color:#b9e8f5}.booking-teaser-content p:not(.kicker){max-width:490px;color:#d6eaf3}.booking-teaser-content .btn{margin-top:20px}.booking-teaser .kicker{color:#a5dce9}
.layered-visual{isolation:isolate}.layered-word{position:absolute;z-index:0;top:8%;left:-4%;font-weight:900;font-size:clamp(65px,11vw,180px);letter-spacing:-.1em;white-space:nowrap;color:var(--blue);opacity:.16;pointer-events:none}.layered-visual img{z-index:1;position:relative;clip-path:inset(0 0 0 0 round 15px)}.layered-visual .concept-caption,.layered-visual figcaption{z-index:3}
.booking-hero{background:linear-gradient(145deg,#052b41,#0c5271);color:#fff;padding:125px 0 100px;position:relative;overflow:hidden}.booking-hero-inner{position:relative;display:grid;grid-template-columns:.9fr 1fr;gap:65px;align-items:center}.booking-bg-word{position:absolute;top:-120px;left:-.06em;font-size:clamp(110px,21vw,360px);font-weight:900;letter-spacing:-.11em;opacity:.045;white-space:nowrap;pointer-events:none}.booking-intro,.booking-card{position:relative;z-index:2}.booking-intro h1{font-size:clamp(46px,5.7vw,84px);line-height:1.02;letter-spacing:-.065em}.booking-intro h1 span{color:#8de0f2}.booking-intro>p:not(.kicker){color:#cce0e8;line-height:1.8;max-width:470px}.demo-flag{display:inline-block;border:1px solid rgba(255,255,255,.27);border-radius:100px;padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:.06em;margin-top:22px}.booking-card{background:#fff;color:#15384a;border-radius:22px;padding:clamp(24px,3vw,42px);box-shadow:0 35px 90px #00182577}.booking-card-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;font-weight:800;color:#52717f}.booking-meter{height:4px;background:#e6eff2;border-radius:5px;margin:19px 0 28px;overflow:hidden}.booking-meter i{display:block;height:100%;width:33.333%;background:#0aa8d0;transition:width .55s cubic-bezier(.2,.8,.2,1)}.booking-step{display:none;animation:booking-slide .45s both}.booking-step.active{display:block}.booking-step h2,.booking-complete h2{font-size:clamp(25px,2.7vw,38px);letter-spacing:-.045em;margin:0 0 8px}.step-sub{color:#587583;font-size:14px;margin:0 0 23px}.choice-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.choice-pills label{flex:1;min-width:115px;cursor:pointer}.choice-pills input{position:absolute;opacity:0}.choice-pills span{display:block;border:1px solid #d9e5e9;border-radius:12px;padding:15px 13px;font-size:13px;font-weight:800;line-height:1.3;transition:.25s}.choice-pills small{display:block;font-weight:500;margin-top:6px;color:#607f8e}.choice-pills input:checked+span{background:#e8f8fc;border-color:#00a7d3;box-shadow:0 0 0 1px #00a7d3}.choice-pills input:focus-visible+span{outline:3px solid #0aa8d0;outline-offset:2px}.booking-label{display:block;font-size:12px;font-weight:800;margin:15px 0;color:#23485a}.booking-label input,.booking-label select{width:100%;margin-top:7px;padding:14px;border:1px solid #d5e2e8;border-radius:9px;background:white;color:#163d50;font:inherit;font-size:14px;box-sizing:border-box}.demo-hint{font-size:12px;color:#627e8b;line-height:1.6}.booking-next{margin-top:10px}.booking-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:18px}.booking-back{border:0;background:transparent;color:#27627d;cursor:pointer;font-weight:750}.booking-summary{padding:17px;background:#f1f7f9;border-radius:12px;font-size:13px;line-height:1.8}.booking-complete[hidden]{display:none}.booking-complete p{color:#52717f;line-height:1.7}.booking-explainer{background:var(--bg)}
@keyframes booking-slide{from{opacity:0;transform:translateX(28px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.motion-ready .booking-teaser-content.is-visible{animation:booking-rise .9s both}.layered-visual .layered-word{animation:word-drift 14s ease-in-out infinite alternate}.booking-teaser-word{animation:word-drift 18s ease-in-out infinite alternate}@keyframes word-drift{from{translate:-25px 0}to{translate:45px 0}}@keyframes booking-rise{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:900px){.booking-hero-inner{grid-template-columns:1fr;gap:40px}.booking-hero{padding:105px 0 65px}.nav-book{background:transparent;color:var(--blue)!important;padding:12px!important}.booking-teaser-inner{min-height:340px}.booking-teaser-word{font-size:25vw}}
@media(max-width:600px){.booking-card{padding:22px 18px}.choice-pills{flex-direction:column}.booking-teaser-content h2{font-size:42px}.booking-teaser-inner{min-height:410px}.booking-bg-word{top:0}.booking-hero{padding-top:95px}}
@media(prefers-reduced-motion:reduce){.booking-step{animation:none!important}.booking-teaser-word,.layered-word{animation:none!important}}

/* V14: fixed heading layout and image presentation */
.technology-showcase-copy h2{letter-spacing:-.055em!important;transition:none!important;overflow-wrap:normal;text-wrap:balance}
.technology-showcase-copy h2 span{display:inline;color:var(--blue)}
.concept-caption,.machine-photo figcaption,.page-visual figcaption,.tech-visual-grid figcaption,.manufacturer-panel>div{display:none!important}
.machine-photo{overflow:hidden}
@media(max-width:600px){.technology-showcase-copy h2{text-wrap:wrap}}


/* V15 — image-first editorial movement; no blank photo framing */
.feature-section .feature-grid{align-items:stretch;gap:clamp(30px,5vw,76px)}
.feature-section .feature-copy{align-self:center}
.feature-section .feature-art{min-height:clamp(420px,45vw,620px);padding:0!important;background:transparent!important;border-radius:18px;overflow:hidden;display:block;box-shadow:0 24px 56px rgba(5,39,61,.14)}
.feature-section .feature-art:after{display:none!important}
.feature-section .feature-art .concept-photo{display:block;position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:52% 50%;border-radius:0!important;clip-path:none!important;z-index:2}
.feature-section .feature-art .layered-word{display:none!important}
.machine-grid{align-items:center}
.machine-photo{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:18px!important;min-height:350px;overflow:hidden}
.machine-photo img{display:block;width:100%!important;height:clamp(340px,34vw,480px)!important;max-height:none!important;object-fit:cover!important;object-position:center center;border-radius:18px}
.manufacturer-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden;border-radius:18px!important}
.manufacturer-panel img{width:100%;height:clamp(330px,36vw,490px)!important;max-height:none!important;object-fit:contain!important;background:color-mix(in srgb,var(--tint) 70%,var(--surface))!important;padding:clamp(12px,2vw,25px)!important;border-radius:18px!important}
/* Keep original heading and photographic motion independent: text never reflows. */
.technology-showcase-copy h2{transform:none!important;animation:none!important}
@media(prefers-reduced-motion:no-preference){
 .v15-photo-entry{opacity:0;transform:translate3d(var(--v15-direction,48px),46px,0) scale(.95);filter:blur(9px);transition:opacity 1.05s cubic-bezier(.2,1,.3,1),transform 1.25s cubic-bezier(.2,1,.3,1),filter 1.1s ease}
 .v15-photo-entry.v15-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
 .v15-photo-entry img{transition:transform 1.35s cubic-bezier(.2,1,.3,1)!important}
 .v15-photo-entry:hover img{transform:scale(1.055)!important}
 .v15-photo-entry.v15-visible .concept-photo{animation:v15-photo-drift 1.35s cubic-bezier(.2,1,.3,1) both}
 @keyframes v15-photo-drift{from{transform:scale(1.14) translateX(12px)}to{transform:scale(1) translateX(0)}}
 .v15-stagger{opacity:0;transform:translate3d(0,35px,0);transition:opacity .85s ease,transform 1s cubic-bezier(.2,1,.3,1);transition-delay:var(--v15-delay,0ms)}
 .v15-stagger.v15-visible{opacity:1;transform:translate3d(0,0,0)}
 .v15-title-reveal{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.2,1,.3,1)}
 .v15-title-reveal.v15-visible{clip-path:inset(0 0 0 0)}
}
@media(max-width:900px){.feature-section .feature-art{min-height:430px}.machine-photo img{height:390px!important}}
@media(max-width:600px){.feature-section .feature-art{min-height:360px}.machine-photo img{height:310px!important}.manufacturer-panel img{height:310px!important}}
@media(prefers-reduced-motion:reduce){.v15-photo-entry,.v15-stagger,.v15-title-reveal{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}

@media(prefers-reduced-motion:no-preference){
 .feature-art.motion-image-frame:after,.manufacturer-panel.motion-image-frame:after{display:none!important}
 .feature-art.motion-image-frame img,.manufacturer-panel.motion-image-frame img{animation:none!important}
 .feature-art .motion-photo{transform:none!important}
}

/* V16 — hero editorial con imagen exclusiva y beneficios, sin bloque de slogan duplicado */
.hero-grid{align-items:center;gap:clamp(25px,4vw,60px)}
.hero-visual-v16{position:relative;min-height:clamp(470px,43vw,610px);display:flex;align-items:stretch;isolation:isolate;overflow:visible}
.hero-backword-v16{position:absolute;z-index:0;top:4%;left:-18%;font-family:'Manrope',Arial,sans-serif;font-size:clamp(92px,12vw,180px);line-height:1;font-weight:900;letter-spacing:-.105em;color:var(--blue);opacity:.15;white-space:nowrap;pointer-events:none;transition:transform 1.1s cubic-bezier(.2,1,.3,1)}
.hero-photo-v16{position:absolute;z-index:1;inset:5% 0 13% 9%;overflow:hidden;border-radius:18px;box-shadow:0 32px 75px rgba(3,35,55,.18);background:#0b233b}
.hero-photo-v16 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform 1.4s cubic-bezier(.2,1,.3,1)}
.hero-photo-v16:hover img{transform:scale(1.065)}
.hero-benefits-v16{position:absolute;z-index:3;bottom:0;left:0;right:3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:9px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 16px 45px rgba(3,35,55,.12);backdrop-filter:blur(18px)}
.hero-benefits-v16>div{min-width:0;display:flex;flex-direction:column;gap:6px;padding:11px 13px;border-right:1px solid var(--line)}
.hero-benefits-v16>div:last-child{border:0}.hero-benefits-v16 strong{font-size:clamp(10px,.9vw,13px);line-height:1.35;color:var(--ink)}
.hero-benefit-icon{font-size:21px;line-height:1;color:var(--blue)}
@media(prefers-reduced-motion:no-preference){
 .hero-visual-v16 .hero-photo-v16{animation:v16-photo-reveal 1.2s cubic-bezier(.18,1,.3,1) .15s both}
 .hero-visual-v16 .hero-backword-v16{animation:v16-word-in 1.5s cubic-bezier(.18,1,.3,1) .05s both}
 .hero-benefits-v16{animation:v16-benefits-in .9s cubic-bezier(.18,1,.3,1) .7s both}
 @keyframes v16-photo-reveal{from{opacity:0;clip-path:inset(0 100% 0 0 round 18px);transform:translateX(55px)}to{opacity:1;clip-path:inset(0 0 0 0 round 18px);transform:translateX(0)}}
 @keyframes v16-word-in{from{opacity:0;transform:translateX(-65px)}to{opacity:.15;transform:translateX(0)}}
 @keyframes v16-benefits-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:900px){.hero-visual-v16{min-height:490px}.hero-photo-v16{inset:4% 0 13% 5%}.hero-backword-v16{left:0;font-size:clamp(90px,18vw,160px)}}
@media(max-width:600px){.hero-visual-v16{min-height:390px}.hero-photo-v16{inset:4% 0 17% 0}.hero-benefits-v16{right:0;padding:4px}.hero-benefits-v16>div{padding:9px 7px}.hero-benefits-v16 strong{font-size:10px}.hero-benefit-icon{font-size:17px}.hero-backword-v16{font-size:22vw}}

/* V17 — legibilidad ante todo: los títulos nunca dependen del observador para verse. */
.section-heading, .feature-copy, .feature-copy h2, .section-heading h2, .technology-showcase-copy h2,
.section-heading.reveal, .feature-copy.reveal, .v15-title-reveal {
  opacity:1!important; visibility:visible!important; clip-path:none!important; filter:none!important;
}
.motion-ready .section-heading.reveal, .motion-ready .feature-copy.reveal,
.motion-ready .feature-copy h2, .motion-ready .section-heading h2 {
  opacity:1!important; transform:none!important; filter:none!important;
}
/* El texto decorativo queda centrado en la fotografía y no compite con el titular. */
.hero-backword-v16 {left:50%!important;top:13%!important;transform:translateX(-50%)!important;
  font-size:clamp(88px,10vw,150px)!important;letter-spacing:-.09em!important;opacity:.20!important;
  width:max-content;text-align:center;}
.hero-photo-v16 {inset:8% 2% 14% 4%!important;}
.hero-benefits-v16 {box-shadow:0 12px 35px rgba(3,35,55,.10);}
.hero-benefits-v16>div {cursor:default;}
@media(prefers-reduced-motion:no-preference){
 .hero-visual-v16 .hero-backword-v16 {animation:v17-word-fade 1.15s ease-out both!important;}
 @keyframes v17-word-fade {from{opacity:0}to{opacity:.20}}
 /* Entrada de títulos sin ocultarlos si el scroll observer falla */
 .v15-title-reveal.v15-visible {animation:v17-title-enter .75s cubic-bezier(.2,1,.3,1) both;}
 @keyframes v17-title-enter {from{transform:translateY(20px);filter:blur(3px)}to{transform:translateY(0);filter:blur(0)}}
}
@media(max-width:600px){.hero-backword-v16{font-size:clamp(66px,16vw,110px)!important;top:8%!important}}

/* V18: hero editorial sin tarjetas decorativas. La palabra es visible ANTES de pasar por detrás de la fotografía. */
.hero-visual-v16{min-height:clamp(440px,43vw,580px)!important;overflow:hidden!important;isolation:isolate!important}
.hero-backword-v16{left:50%!important;top:3%!important;transform:translateX(-50%)!important;font-size:clamp(70px,10.2vw,145px)!important;letter-spacing:-.085em!important;opacity:.27!important;line-height:1!important;z-index:0!important;white-space:nowrap!important;animation:none!important}
.hero-photo-v16{inset:24% 5% 3% 9%!important;z-index:1!important;border-radius:18px!important}
.hero-photo-v16 img{object-position:center 40%}
.hero-benefits-v16{display:none!important}
@media(max-width:900px){.hero-visual-v16{min-height:480px!important}.hero-backword-v16{font-size:clamp(66px,11vw,120px)!important;top:7%!important}.hero-photo-v16{inset:25% 4% 2% 7%!important}}
@media(max-width:600px){.hero-visual-v16{min-height:390px!important}.hero-backword-v16{font-size:clamp(60px,15vw,95px)!important;top:9%!important}.hero-photo-v16{inset:27% 0 2% 0!important}}
@media(prefers-reduced-motion:no-preference){.hero-visual-v16 .hero-backword-v16{animation:v18-word-reveal 1.1s cubic-bezier(.2,1,.3,1) both!important}@keyframes v18-word-reveal{from{opacity:0;filter:blur(9px);translate:0 20px}to{opacity:.27;filter:blur(0);translate:0 0}}}


/* V19: hero typography anchored to the ENTIRE hero, not the photo column. */
.hero-grid{position:relative;isolation:isolate}
.hero-wide-word{position:absolute;z-index:0;left:50%;top:7%;width:max-content;max-width:none;transform:translate3d(-50%,0,0);font-family:Manrope,Arial,sans-serif;font-size:clamp(100px,15.5vw,238px);font-weight:900;letter-spacing:-.095em;line-height:1;color:var(--blue);opacity:.12;white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.hero-content{position:relative;z-index:2}
.hero-visual-v16{position:relative;z-index:1;overflow:visible!important;min-height:clamp(440px,43vw,580px)!important}
.hero-photo-v16{inset:18% 2% 2% 5%!important;overflow:hidden;box-shadow:0 24px 55px rgba(5,32,49,.17)}
.hero-backword-v16,.hero-benefits-v16{display:none!important}
@media(max-width:900px){.hero-wide-word{font-size:clamp(75px,17vw,160px);top:40%}.hero-photo-v16{inset:12% 4% 1% 4%!important}}
@media(max-width:600px){.hero-wide-word{font-size:17.8vw;top:47%}.hero-photo-v16{inset:11% 0 0 0!important}.hero-visual-v16{min-height:365px!important}}
/* The site remains readable with JS disabled. Motion is opt-in and never hides headings. */
@media(prefers-reduced-motion:no-preference){
 .hero-wide-word{animation:v19-word-in 1.5s cubic-bezier(.16,1,.3,1) both}
 .hero-photo-v16{animation:v19-photo-in 1.25s cubic-bezier(.16,1,.3,1) .18s both!important}
 @keyframes v19-word-in{from{opacity:0;filter:blur(10px);transform:translate3d(-57%,32px,0)}to{opacity:.12;filter:blur(0);transform:translate3d(-50%,0,0)}}
 @keyframes v19-photo-in{from{opacity:0;clip-path:inset(0 100% 0 0 round 18px);transform:translate3d(70px,0,0)}to{opacity:1;clip-path:inset(0 0 0 0 round 18px);transform:translate3d(0,0,0)}}
 .v19-motion:not(.v19-entered){opacity:1!important;filter:none!important;transform:none!important}
 .v19-motion.v19-entered{animation:v19-slide-up .95s cubic-bezier(.16,1,.3,1) both!important;animation-delay:var(--v19-delay,0ms)!important}
 .v19-motion.v19-entered.v19-from-left{animation-name:v19-slide-left!important}
 .v19-motion.v19-entered.v19-from-right{animation-name:v19-slide-right!important}
 @keyframes v19-slide-up{from{opacity:.12;transform:translate3d(0,45px,0);filter:blur(6px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
 @keyframes v19-slide-left{from{opacity:.12;transform:translate3d(-65px,0,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
 @keyframes v19-slide-right{from{opacity:.12;transform:translate3d(65px,0,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
 .hero-photo-v16 img{transition:transform 1.25s cubic-bezier(.2,1,.3,1)!important}
 .hero-photo-v16:hover img{transform:scale(1.055)!important}
}
@media(prefers-reduced-motion:reduce){.hero-wide-word{animation:none!important;opacity:.12!important}.hero-photo-v16{animation:none!important}.v19-motion{animation:none!important;opacity:1!important;transform:none!important}}

/* V20 — Inicio: marca de fondo ambiental, no protagonista.
   La animación de opacidad sigue el desplazamiento sin cambiar el layout. */
.hero-grid .hero-wide-word{
  opacity:0!important;
  transform:translate3d(-50%,0,0)!important;
  transition:opacity .55s ease,translate .55s ease!important;
  animation:none!important;
  font-size:clamp(90px,14vw,195px)!important;
  top:12%!important;
}
.hero-grid .hero-wide-word.is-ready{opacity:var(--hero-word-alpha,.055)!important;translate:0 var(--hero-word-y,0px)!important}
.hero-bottom{justify-content:flex-end!important}
@media(max-width:900px){.hero-grid .hero-wide-word{top:40%!important;font-size:clamp(74px,15vw,145px)!important}}
@media(max-width:600px){.hero-grid .hero-wide-word{top:48%!important;font-size:17vw!important}}
@media(prefers-reduced-motion:reduce){.hero-grid .hero-wide-word{transition:none!important;opacity:.045!important;translate:0 0!important}}

/* V21: palabra editorial legible en ambos temas, animada por desplazamiento. */
.hero-grid .hero-wide-word,
.hero-grid .hero-wide-word.is-ready {
  color:var(--blue)!important;
  opacity:var(--washbox-opacity,.23)!important;
  transform:translate3d(calc(-50% + var(--washbox-x,0px)),var(--washbox-y,0px),0)!important;
  translate:none!important;
  transition:opacity .16s linear,transform .16s linear!important;
  animation:none!important;
  top:12%!important;
  font-size:clamp(90px,14vw,195px)!important;
  z-index:0!important;
}
body.dark .hero-grid .hero-wide-word,
body.dark .hero-grid .hero-wide-word.is-ready {opacity:var(--washbox-opacity,.28)!important;}
.hero-grid .hero-content,.hero-grid .hero-visual-v16{position:relative;z-index:1}
@media(max-width:900px){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:40%!important}}
@media(max-width:600px){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:48%!important}}
@media(prefers-reduced-motion:reduce){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{opacity:.20!important;transform:translateX(-50%)!important;transition:none!important}}

/* V22 — Marca editorial como LM Estudio: centrada en TODO el ancho,
   por detrás de paneles sólidos, sin superponerse visualmente al título. */
.hero-grid{position:relative!important;isolation:isolate!important}
.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{
  position:absolute!important;left:50%!important;top:-7%!important;
  z-index:0!important;display:block!important;
  font-size:clamp(95px,14vw,195px)!important;
  letter-spacing:-.095em!important;line-height:1!important;
  color:#74838b!important;opacity:var(--washbox-opacity,.12)!important;
  transform:translate3d(-50%,var(--washbox-y,0px),0)!important;
  transition:opacity .16s linear,transform .16s linear!important;
  animation:none!important;pointer-events:none!important;
}
body.dark .hero-grid .hero-wide-word,body.dark .hero-grid .hero-wide-word.is-ready{
  color:#a4b9c4!important;opacity:var(--washbox-opacity,.11)!important;
}
.hero-grid .hero-content{position:relative!important;z-index:2!important;
  background:var(--bg)!important;border-radius:22px!important;
  padding:24px 20px 24px 0!important;
}
.hero-grid .hero-visual-v16{position:relative!important;z-index:2!important}
@media(max-width:900px){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:-2%!important;font-size:clamp(78px,15vw,150px)!important}}
@media(max-width:600px){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:-1%!important;font-size:17vw!important}.hero-grid .hero-content{padding:22px 0!important}}
@media(prefers-reduced-motion:reduce){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{transform:translateX(-50%)!important;opacity:.10!important;transition:none!important}}

/* V23 — composición editorial verificada: marca COMPLETA encima de los paneles,
   centrada sobre el ancho total, no sobre una columna. */
.hero-grid{position:relative!important;isolation:isolate!important;padding-top:clamp(100px,12vw,154px)!important;}
.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{
 position:absolute!important;top:0!important;left:50%!important;
 width:max-content!important;max-width:96%!important;
 font-family:Manrope,Arial,sans-serif!important;
 font-size:clamp(58px,12.6vw,170px)!important;
 font-weight:900!important;letter-spacing:-.085em!important;
 line-height:1.12!important;white-space:nowrap!important;
 color:#879198!important;opacity:var(--washbox-opacity,.16)!important;
 transform:translate3d(-50%,var(--washbox-y,0px),0)!important;
 animation:none!important;transition:opacity .12s linear,transform .12s linear!important;
 z-index:0!important;pointer-events:none!important;overflow:visible!important;
}
body.dark .hero-grid .hero-wide-word,body.dark .hero-grid .hero-wide-word.is-ready{color:#b3c4ce!important;opacity:var(--washbox-opacity,.18)!important}
.hero-grid .hero-content{background:var(--bg)!important;z-index:2!important;padding:24px 16px 10px 0!important}
.hero-grid .hero-visual-v16{z-index:2!important}
@media(max-width:900px){.hero-grid{padding-top:clamp(80px,13vw,120px)!important}.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:0!important;font-size:12.6vw!important}}
@media(max-width:600px){.hero-grid{padding-top:18vw!important}.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:0!important;font-size:12.3vw!important}.hero-grid .hero-content{padding:12px 0!important}}
@media(prefers-reduced-motion:reduce){.hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{opacity:.16!important;transform:translateX(-50%)!important;transition:none!important}}

/* Contacto comercial confirmado */
.contact-email{margin-top:14px;font-size:14px;overflow-wrap:anywhere}.contact-email a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.wa-icon:disabled{opacity:.35;cursor:not-allowed;transform:none!important}

/* V25: contacto sin texto redundante y WhatsApp interactivo, sin número ficticio */
.wa-pending-dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);max-width:min(460px,calc(100vw - 32px));padding:0;box-shadow:0 30px 100px #0004}
.wa-pending-dialog::backdrop{background:rgba(2,19,33,.52);backdrop-filter:blur(5px)}
.wa-dialog-inner{padding:32px;position:relative}.wa-dialog-inner h2{font-size:clamp(26px,3vw,36px);line-height:1.12;margin:12px 0}.wa-dialog-inner p:not(.kicker){color:var(--muted);margin:0 0 24px}.wa-dialog-close{position:absolute;top:12px;right:16px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer}.contact-wa .wa-icon{cursor:pointer;opacity:1}
/* V25: entrada editorial visible + desplazamiento y desvanecimiento al hacer scroll.
   Animar el hijo evita que la animación reemplace el centrado del contenedor. */
.hero-grid .hero-wide-word{overflow:visible!important;will-change:opacity,transform}
.hero-word-letters{display:block;animation:washbox-reveal 1.55s cubic-bezier(.2,.8,.2,1) both;transform-origin:center center;will-change:transform,filter}
@keyframes washbox-reveal{0%{opacity:0;transform:translate3d(0,34px,0) scale(.955);filter:blur(8px)}45%{opacity:.8;filter:blur(2px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.hero-word-letters{animation:none!important;opacity:1!important;filter:none!important}}

/* V26: responsive design system — mobile retains desktop's visual identity */
html,body{max-width:100%;overflow-x:clip}
.header .head-inner{justify-content:space-between}
.header-actions{margin-left:auto}
/* avoid emoji-style glyphs and oversized floating assistant */
.route b,.text-link span,.btn span{font-family:Arial,sans-serif;font-variant-emoji:text}
.chat-launch{font-size:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.13)}
/* keep motion useful on touch screens; initial content never hidden */
@media(hover:none){.v15-photo-entry.v15-visible,.v19-motion.v19-entered{transition-duration:.85s!important}}
@media(max-width:900px){
 .head-inner{min-height:70px!important;gap:12px!important}
 .header .logo{margin-right:auto}
 .header-actions{margin-left:auto!important;display:flex!important;justify-content:flex-end!important;gap:9px!important}
 .theme-switch,.hamb{width:40px!important;height:40px!important;flex:0 0 40px!important}
 .nav{top:70px!important;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;padding:18px 26px 25px!important}
 .nav:not(.show){display:none!important}
 .nav.show{display:flex!important;animation:wb-menu-in .3s ease both}
 .nav-dropdown .nav-submenu{display:none!important}
 .nav-dropdown.open .nav-submenu{display:grid!important}
 .nav-dropdown-trigger{width:100%;text-align:left;padding:14px 12px!important;font-size:14px!important}
 .nav a{padding:15px 12px!important}
 .hero-grid{gap:20px!important}
 .hero .hero-content{background:transparent!important}
 .section{padding:76px 0!important}
 .route-grid,.step-grid,.three-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hero-grid .hero-wide-word{font-size:clamp(64px,12.3vw,115px)!important}
}
@keyframes wb-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .shell{width:calc(100% - 40px)!important}
 .head-inner{min-height:66px!important}
 .logo-wash{font-size:22px!important;letter-spacing:-1.35px!important}
 .header-actions{gap:8px!important}
 .theme-switch,.hamb{width:37px!important;height:37px!important;flex-basis:37px!important}
 .nav{top:66px!important;padding:12px 20px 24px!important}
 .nav .nav-book{background:var(--navy)!important;color:#fff!important;border-radius:8px!important;margin-top:12px;text-align:center}
 .hero{padding:20px 0 52px!important}
 .hero-grid{padding-top:clamp(74px,18vw,95px)!important;gap:20px!important}
 .hero-grid .hero-wide-word,.hero-grid .hero-wide-word.is-ready{top:0!important;font-size:12.2vw!important;line-height:1!important;letter-spacing:-.075em!important;opacity:var(--washbox-opacity,.16)!important}
 .hero-grid .hero-content{padding:0!important;gap:0!important;min-width:0!important}
 .eyebrow{font-size:9px!important;letter-spacing:.11em!important;line-height:1.5!important;gap:8px!important}
 .hero h1{font-size:clamp(36px,10vw,48px)!important;line-height:1.12!important;letter-spacing:-.06em!important;margin:18px 0 15px!important}
 .hero .lead{font-size:14px!important;line-height:1.7!important;margin-bottom:5px!important}
 .hero .actions{margin-top:17px!important}
 .btn{font-size:12px!important;min-height:45px!important;padding:12px 17px!important;border-radius:8px!important;gap:15px!important}
 .hero-bottom{padding-top:26px!important}
 .hero-visual-v16{min-height:280px!important;height:310px!important}
 .hero-photo-v16{inset:0!important;border-radius:14px!important;overflow:hidden!important}
 .hero-photo-v16 img{width:100%;height:100%;object-fit:cover}
 .section{padding:64px 0!important}
 .section h2,.feature-copy h2{font-size:clamp(30px,8vw,39px)!important;line-height:1.18!important;margin:12px 0 17px!important}
 .section-heading{gap:9px!important;margin-bottom:25px!important}
 .section-heading>p,.section p{font-size:14px;line-height:1.7!important}
 .kicker{font-size:10px!important;letter-spacing:.13em!important}
 .step-grid,.route-grid,.three-col{grid-template-columns:1fr!important;gap:12px!important}
 .info-card{min-height:0!important;padding:22px!important}
 .route{min-height:0!important;padding:24px!important;gap:12px!important}
 .route h3{font-size:24px!important;line-height:1.2!important;margin:6px 0!important}
 .route b{font-size:20px!important}
 .feature-grid{gap:25px!important}
 .feature-section .feature-art{min-height:290px!important}
 .motion-ribbon{padding:10px 0!important}
 .motion-ribbon-track{font-size:11px!important;letter-spacing:.12em!important}
 .booking-teaser-inner{min-height:310px!important;padding:38px 0!important}
 .booking-teaser-content h2{font-size:clamp(34px,9vw,43px)!important}
 .booking-teaser-content p{font-size:14px!important}
 .cta-inner{gap:20px!important}
 .footer{padding:48px 0!important}
 .chat-launch{right:12px!important;bottom:15px!important;font-size:11px!important;padding:10px 12px!important;max-width:155px!important}
 .chat-panel{right:12px!important;bottom:66px!important;max-width:calc(100vw - 24px)!important}
 .page-hero h1,.booking-hero h1{font-size:clamp(36px,9vw,48px)!important}
 .page-visual img{height:260px!important}
 .editorial-photo{height:245px!important}
 .contact-grid{gap:30px!important}
}
@media(prefers-reduced-motion:no-preference){
 .hero-word-letters{animation:wb-word-intro 1.35s cubic-bezier(.16,1,.3,1) both!important}
 .hero-photo-v16{animation:wb-photo-intro 1.2s cubic-bezier(.16,1,.3,1) .12s both!important}
}
@keyframes wb-word-intro{0%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes wb-photo-intro{0%{opacity:.35;translate:0 25px;filter:blur(3px)}100%{opacity:1;translate:0 0;filter:blur(0)}}