@font-face{font-family:Manrope;src:url(fonts/manrope-400.woff);font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-500.woff);font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-600.woff);font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-700.woff);font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(fonts/manrope-800.woff);font-weight:800;font-display:swap}
:root{--orange:#ff6425;--ink:#141414;--gray:#666;--line:#dedede;--ease:cubic-bezier(.2,.65,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;min-width:44px;min-height:44px}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h2{font-size:clamp(34px,3.5vw,54px);font-weight:700}h3{font-size:26px;font-weight:700}p{color:var(--gray)}.wrap{width:min(1320px,88%);margin:0 auto}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:16px 23px;background:var(--orange);color:#111;border:1px solid var(--orange);border-radius:5px;font-size:13px;font-weight:800;line-height:1.5;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.button:hover{background:#ff824e;border-color:#ff824e;transform:translateY(-2px);box-shadow:0 8px 25px #ff642524}.button .icon{width:19px;height:19px}.button.outline{background:transparent;border-color:#ffffff72;color:white}.button.outline:hover{background:#ffffff18}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #a5a5a5;padding:13px 0;font-size:13px;font-weight:800;transition:gap .3s}.text-link:hover{gap:38px}.text-link .icon{width:18px;height:18px}.text-link.light{color:white;border-color:#555}.lead{font-size:16px;line-height:1.85}.step-label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.8}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #ececec}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;height:100%}.logo img{width:169px;height:56px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.site-header nav>a{position:relative;padding:12px 0}.site-header nav>a:not(.login-link):after{content:'';height:2px;position:absolute;bottom:6px;left:0;width:0;background:var(--orange);transition:width .25s}.site-header nav>a:hover:after,.site-header nav>a[aria-current]:after{width:100%}.site-header .login-link{display:flex;align-items:center;gap:25px;background:var(--ink);padding:12px 20px;color:white;border-radius:4px;margin-left:10px}.login-link .icon{width:18px;height:18px}.menu-toggle{display:none}.hero{position:relative;height:min(820px,calc(100svh - 88px));min-height:640px;background:#111;color:white}.slides,.slide{height:100%;width:100%;position:relative}.slide{overflow:hidden;isolation:isolate}.slide[hidden]{display:none}.slide>.responsive-media{position:absolute;inset:0;z-index:-3}.hero-media{width:100%;height:100%;object-fit:cover;object-position:65% 53%}.mobile-media{display:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607cf,#080a0bb3 24%,#08090958 52%,#00000008 80%),linear-gradient(0deg,#0009,transparent 30%);z-index:-2;pointer-events:none}.hero-piece-link{position:absolute;inset:0;z-index:-1}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:45px;pointer-events:none}.hero-content a{pointer-events:auto}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#f0f0f0;margin-bottom:25px}.hero-kicker>span{height:6px;width:6px;display:block;background:var(--orange)}.hero-title{font-size:clamp(45px,5.1vw,78px);font-weight:700;max-width:760px;line-height:1.1;letter-spacing:-.05em;text-wrap:balance}.writing-title>span:not(.write-word){display:block}.hero-title>span:not(.write-word){color:var(--orange)}.hero-description{color:#e1e1e1;font-size:15px;max-width:450px;line-height:1.85;margin-top:25px}.hero-contact{display:inline-flex;align-items:center;gap:22px;color:#fff;font-size:13px;font-weight:700;border-bottom:1px solid #aaa;padding:10px 0}.hero-contact .icon{width:18px;height:18px}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hero-bottom>*{pointer-events:auto}.hero-scroll{display:flex;align-items:center;gap:20px;color:#ddd;font-size:9px;letter-spacing:.16em}.hero-scroll>span:last-child{font-size:24px;letter-spacing:0}.slider-controls{display:flex;align-items:center;gap:8px}.slider-controls .slide-count{font-size:11px;font-weight:600;letter-spacing:.12em;margin-right:15px;font-variant-numeric:tabular-nums}.slider-controls button{border:1px solid #ffffff4d;background:#ffffff06;color:white;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:18px}.slider-controls button:hover{background:#ffffff20}.slider-controls .icon{width:19px;height:19px}.hero-illustrative{position:absolute;bottom:9px;right:18px;font-size:8px;color:#d2d2d2;letter-spacing:.03em}.brand-promise{background:var(--ink);color:white;border-top:1px solid #ffffff20}.brand-promise .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0}.brand-promise span{display:flex;align-items:center;gap:13px;font-size:9px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.brand-promise .icon{color:var(--orange);width:24px;height:24px}.section{padding:105px 0}.section-kicker{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:60px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#6b6b6b}.section-kicker>span:first-child{color:#202020}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start;margin-bottom:60px}.section-heading h2{max-width:650px}.section-heading h2>span:not(.write-word),.company-copy h2>span:not(.write-word),.coverage-copy h2>span:not(.write-word){color:#777;font-weight:500}.section-heading .lead{max-width:420px}.section-heading .text-link{margin-top:20px}.company-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.company-copy .lead{max-width:410px;margin-top:30px}.company-copy .text-link{margin-top:20px}.year-mark{display:flex;align-items:center;gap:30px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.year-mark>strong{font-size:50px;line-height:1;font-weight:600;letter-spacing:-.05em}.year-mark strong>span{font-size:23px;color:var(--orange);margin-left:15px}.year-mark>div{font-size:9px;letter-spacing:.08em;font-weight:700;color:#777}.scene-composition{position:relative;padding:0 0 30px}.visual-scene{position:relative;overflow:hidden;border-radius:7px;background:#242424;isolation:isolate}.visual-scene>.responsive-media{height:100%;width:100%}.scene-image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.visual-scene:hover .scene-image{transform:scale(1.025)}.visual-scene figcaption{position:absolute;bottom:9px;right:12px;z-index:2;color:#eee;font-size:8px;text-shadow:0 1px 4px #000;letter-spacing:.02em}.scene-label{position:absolute;top:20px;left:20px;padding:8px 12px;background:#ffffffef;border-radius:3px;color:#222;font-size:8px;font-weight:800;letter-spacing:.07em;display:flex;align-items:center;gap:8px}.scene-label i{display:block;width:5px;height:5px;background:var(--orange);border-radius:50%}.company-scene{height:500px}.company-scene .scene-image{object-position:65% 50%}.scene-float{position:absolute;left:-42px;bottom:0;width:270px;background:#fff;box-shadow:0 16px 60px #0002;border:1px solid #efefef;border-radius:6px;padding:23px}.float-overline{font-size:7px;letter-spacing:.08em;display:block;color:#777;font-weight:800;margin-bottom:14px}.scene-float>strong{display:block;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.04em}.float-bottom{border-top:1px solid #eee;display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:14px;font-size:10px}.float-bottom .icon{width:17px;height:17px;color:#c7420c}.section-diferenciales{background:#f5f5f5}.process-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.process-scene{height:465px;border-radius:5px 5px 0 0}.process-caption{padding:19px 22px;background:#171717;color:#ddd;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 5px 5px;font-size:8px;letter-spacing:.1em}.process-caption .icon{color:var(--orange)}.process-list .text-link{margin-top:25px}.process-step{border-top:1px solid #ccc;padding:23px 0}.process-step:last-of-type{border-bottom:1px solid #ccc}.process-step summary{list-style:none;display:flex;align-items:center;gap:22px;cursor:pointer;min-height:44px}.process-step summary::-webkit-details-marker{display:none}.process-num{font-size:11px;font-weight:800;color:#b33d0c}.process-step h3{font-size:21px;flex:1;line-height:1.4;letter-spacing:-.03em}.process-step summary>.icon{width:18px;height:18px;transition:transform .3s}.process-step[open] summary>.icon{transform:rotate(45deg)}.process-step p{margin:17px 25px 0 39px;font-size:13px;line-height:1.85}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd;margin:35px 0 60px}.brand-grid.compact{grid-template-columns:repeat(6,1fr)}.brand{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:28px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:white;transition:background .3s}.brand:hover{background:#f9f9f9}.brand-logo{width:170px;height:106px;object-fit:contain;mix-blend-mode:multiply}.brand>span{font-size:10px;margin-top:14px;color:#666}.brasen-story{display:grid;grid-template-columns:1.05fr .95fr;background:#f5f5f5;border-radius:7px;overflow:hidden}.brasen-visual{position:relative;min-height:410px}.parts-scene{height:100%;border-radius:0}.parts-scene .scene-image{object-position:70% 50%}.brasen-caption{position:absolute;bottom:25px;left:30px;color:#bbb;font-size:8px;letter-spacing:.1em;pointer-events:none}.brasen-visual figcaption{display:none}.brasen-copy{padding:45px 50px}.brasen-copy>.step-label{color:#6a6a6a}.brasen-logo{width:130px;height:65px;object-fit:cover;object-position:top;margin:18px 0 22px;mix-blend-mode:multiply}.brasen-copy h3{font-size:33px;line-height:1.2}.brasen-copy p{font-size:13px;line-height:1.9;margin-top:20px}.brasen-copy .text-link{margin-top:20px}.section-portal{background:#111;color:white;position:relative;overflow:hidden}.catalog-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.catalog-copy>.step-label{color:var(--orange);margin-bottom:25px}.catalog-copy h2{font-size:clamp(36px,3.7vw,58px)}.catalog-copy h2>span:not(.write-word){color:#999;font-weight:500}.catalog-copy .lead{color:#bbb;max-width:460px;margin-top:28px}.catalog-copy .actions{gap:25px}.catalog-note{font-size:10px;color:#888;margin-top:24px}.catalog-stage{position:relative;padding:40px 0;perspective:1300px}.catalog-window{position:relative;border:1px solid #4c4c4c;background:#202020;border-radius:9px;box-shadow:0 20px 70px #0005;transform:rotateY(-7deg) rotateZ(2deg);z-index:2;transition:transform .6s}.catalog-stage:hover .catalog-window{transform:rotateY(0) rotateZ(0)}.window-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #414141;padding:15px 20px;color:#999;font-size:8px;letter-spacing:.09em}.window-top .icon{width:14px;height:14px}.window-dots{font-size:8px;letter-spacing:4px}.window-body{padding:35px 25px}.window-body>.step-label{font-size:8px;color:var(--orange)}.window-body h3{font-size:31px;margin-top:20px;line-height:1.25}.catalog-search{margin-top:25px;padding:15px;background:#f9f9f9;color:#333;border-radius:4px;display:flex;align-items:center;gap:12px;font-size:9px}.catalog-search span{flex:1}.catalog-search .icon{width:17px;height:17px}.catalog-tags{display:flex;gap:10px;margin-top:20px}.catalog-tags span{font-size:8px;color:#aaa;border:1px solid #444;border-radius:20px;padding:4px 12px}.window-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #414141;padding:15px 20px;font-size:7px;letter-spacing:.08em;color:#aaa}.window-foot .icon{width:14px;height:14px;color:var(--orange)}.catalog-float{position:absolute;bottom:10px;left:-25px;background:var(--orange);border:1px solid #ff9c72;z-index:3;color:#111;padding:16px 23px;border-radius:5px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #0005}.catalog-float .icon{width:31px;height:31px}.catalog-float span{font-size:11px;line-height:1.5}.catalog-float strong{font-size:15px}.catalog-orbit{position:absolute;inset:-50px -50px;border:1px solid #ffffff15;border-radius:50%;transform:rotate(-30deg)}.catalog-orbit.orbit-two{inset:-15px -100px;transform:rotate(25deg);border-color:#ff642525}.coverage-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.coverage-copy .lead{max-width:460px;margin-top:25px}.location-card{display:flex;align-items:flex-start;gap:16px;border-block:1px solid #ddd;padding:24px 0;margin-top:30px}.location-card>.icon{color:#c2420e;width:24px;height:24px}.location-card>div{display:flex;flex-direction:column;gap:3px}.location-card strong{font-size:13px}.location-card span{font-size:12px;color:#777}.location-card a{font-size:11px;text-decoration:underline;margin-top:8px}.region-picker{margin-top:25px}.region-picker label{display:block;font-size:11px;font-weight:700;margin-bottom:10px}.region-picker select{width:100%;border:1px solid #ccc;padding:13px;color:#222;border-radius:4px;background:#fff;font-size:12px;min-height:48px}.regional-contact{padding-top:23px}.regional-contact>.step-label{color:#777;font-size:8px}.regional-contact a{display:flex;align-items:center;gap:22px;font-size:20px;font-weight:700;line-height:1.6;margin-top:8px}.regional-contact p{font-size:11px;margin-top:8px}.regional-contact h3{margin-top:12px;font-size:20px}.regional-contact[hidden]{display:none}.coverage-visual{position:relative;padding-bottom:25px}.route-scene{height:630px}.route-scene .scene-image{object-position:70%}.location-float{position:absolute;bottom:0;left:25px;right:25px;background:white;border:1px solid #ddd;border-radius:5px;display:flex;align-items:center;gap:18px;padding:20px 25px;box-shadow:0 10px 30px #0001}.location-float>.icon{color:#bc3c09}.location-float span{font-size:8px;color:#777;letter-spacing:.08em}.location-float strong{display:block;color:#222;font-size:13px;letter-spacing:0;margin-top:3px}
.section-contacto{background:#f5f5f5}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-copy>.step-label{color:#b73f0f;margin-bottom:25px}.contact-copy h2{font-size:clamp(34px,3.4vw,50px)}.contact-copy h2>span:not(.write-word){color:#777;font-weight:500}.contact-copy .lead{margin-top:22px;font-size:14px}.contact-option{display:flex;align-items:center;gap:14px;padding:23px 0;border-bottom:1px solid #d6d6d6}.contact-option:first-of-type{margin-top:25px}.contact-option-icon{height:44px;width:44px;border:1px solid #ccc;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.contact-option-icon .icon{height:20px;width:20px;color:#bf3e0a}.contact-option>span:nth-child(2){flex:1;min-width:0}.contact-option small{display:block;font-size:8px;color:#777;font-weight:800;letter-spacing:.1em}.contact-option strong{display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.contact-option>.icon{width:18px;height:18px}.contact-hours{font-size:10px;margin-top:18px}.contact-image{margin-top:30px}.contact-scene{height:190px}.contact-scene .scene-image{object-position:50% 45%}.contact-form{background:white;padding:35px;border-radius:7px;border:1px solid #e2e2e2;box-shadow:0 15px 45px #00000004;scroll-margin-top:115px}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.form-heading>.step-label{font-size:9px;color:#a43b10}.form-badge{display:flex;align-items:center;gap:6px;font-size:8px;color:#777}.form-badge .icon{width:13px;height:13px}.contact-form h3{font-size:25px;margin:20px 0 30px;line-height:1.4;letter-spacing:-.035em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.contact-form label{display:block;font-size:10px;font-weight:700;line-height:1.7}.contact-form label>span{color:#b43808}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;padding:13px 12px;border:1px solid #d4d4d4;border-radius:4px;background:#fdfdfd;color:#222;min-height:48px;font-size:11px;margin-top:8px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#939393}.full-width{grid-column:1/-1}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.form-bottom p{font-size:8px}.form-bottom p a{text-decoration:underline}.form-bottom .button{min-height:48px;font-size:11px;padding:14px 17px;gap:20px}.form-status{font-size:11px;margin-top:10px}.form-notice{padding:18px;background:#e4f0e4;color:#264b29;font-size:12px;border-radius:4px;margin-bottom:25px}.honeypot{position:absolute;left:-10000px}.section-cierre{position:relative;background:#111;color:#fff;padding:105px 0;overflow:hidden;isolation:isolate}.section-cierre .wrap{position:relative}.closing-scene{position:absolute;inset:0;z-index:-2}.closing-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808e8 10%,#080808c9 45%,#08080870)}.closing-scene>.responsive-media{height:100%}.closing-image{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.closing-copy>.step-label{color:#ddd;margin-bottom:25px;font-size:9px}.closing-copy h2{font-size:clamp(44px,5vw,75px);max-width:800px}.closing-copy h2>span:not(.write-word){color:var(--orange)}.closing-copy>p{color:#bbb;margin-top:25px;font-size:14px}.closing-note{font-size:8px;color:#aaa;position:absolute;bottom:-85px;right:0}.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#111;height:400px;color:white}.page-hero>.responsive-media{position:absolute;inset:0;z-index:-2}.page-hero-image{width:100%;height:100%;object-fit:cover;object-position:60% 40%}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808de,#08080840);z-index:-1}.page-hero .wrap{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.page-hero .hero-kicker{font-size:8px;gap:12px}.page-hero h1{font-size:clamp(50px,6vw,90px);line-height:1;letter-spacing:-.05em}.page-hero h1>span{color:var(--orange)}.page-hero .wrap>p:last-child{color:#ddd;font-size:14px;margin-top:25px}.company-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;border-top:1px solid #ddd;padding-top:55px;margin-top:75px}.company-story h3{font-size:30px;line-height:1.35;margin-top:23px}.prose{font-size:14px;color:#777;line-height:1.9}.prose p{margin-top:20px}.real-team{display:flex;align-items:center;gap:35px;background:#f6f6f6;padding:30px;border-radius:7px;margin-top:45px}.real-team img{width:240px;height:170px;object-fit:cover;border-radius:4px}.real-team h3{font-size:25px;margin:15px 0}.real-team p{font-size:13px;max-width:600px}.real-team .small-note{font-size:9px;margin-top:10px}.groupauto-band{background:#f5f5f5;padding:60px 0}.groupauto-band>.wrap{max-width:1000px;text-align:center}.groupauto-band h2{font-size:40px;margin:20px 0}.groupauto-band p{font-size:14px}.legal{max-width:900px;min-height:500px}.legal h1{font-size:48px;margin-bottom:35px}.legal p{margin:20px 0}footer{background:#fff;padding:75px 0 25px}.footer-top{display:grid;grid-template-columns:1fr .7fr 1.2fr;gap:75px}.footer-logo{background:#fff;width:200px;height:64px;object-fit:contain;object-position:left}.footer-brand p{font-size:13px;margin-top:20px}.footer-nav>.step-label,.footer-contact>.step-label{font-size:8px;color:#888;margin-bottom:20px}.footer-nav>a{display:flex;align-items:center;gap:20px;font-size:12px;padding:5px 0}.footer-nav .icon{width:15px;height:15px}.footer-contact>a{display:block;font-size:13px;font-weight:600;margin-bottom:7px;overflow-wrap:anywhere}.footer-contact p{font-size:11px;line-height:1.85;margin-top:15px}.social-links{display:flex;gap:18px;margin-top:20px;font-size:9px;font-weight:700}.footer-wordmark{font-size:clamp(50px,10.6vw,163px);font-weight:800;letter-spacing:-.055em;line-height:1.2;margin-top:65px;display:flex;justify-content:space-between;align-items:center;color:#161616}.footer-wordmark>span{color:var(--orange);font-weight:500}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#666;border-top:1px solid #ddd;padding-top:23px;margin-top:35px}.footer-bottom>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.motion-toggle{border:0;background:transparent;color:inherit;font:inherit;min-height:24px;min-width:0;padding:0}.wux-credit{display:flex;align-items:center;gap:7px;font-size:8px}.wux-credit img{object-fit:contain}.wux-credit .icon{width:12px;height:12px}.skip{position:fixed;top:-100px;left:15px;background:white;color:#222;z-index:100;padding:15px}.skip:focus{top:0}.wa-helper{position:fixed;right:23px;bottom:22px;z-index:35}.wa-launcher{height:53px;width:53px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#157b49;box-shadow:0 5px 20px #0002;color:white}.wa-launcher svg{width:28px;height:28px;fill:currentColor}.wa-launcher:hover{background:#106d3f}.wa-panel{position:absolute;bottom:70px;right:0;background:white;border:1px solid #ddd;border-radius:8px;padding:27px;width:340px;box-shadow:0 10px 60px #0002;max-height:75dvh;overflow:auto}.wa-panel[hidden]{display:none}.wa-panel>.step-label{font-size:9px;color:#b84618}.wa-panel h3{font-size:24px;margin:20px 0}.wa-panel p{font-size:12px;line-height:1.8}.wa-panel .button{width:100%;margin-top:25px;font-size:11px}.wa-panel small{font-size:8px;color:#777;display:block;margin-top:15px}.wa-close{position:absolute;right:8px;top:5px;font-size:24px;border:0;background:white}.wa-helper.safe-hidden .wa-launcher{visibility:hidden;pointer-events:none}.wa-helper.is-open .wa-launcher{visibility:visible}.wa-helper.behind-modal{display:none}dialog{border:0;border-radius:7px;padding:0;max-width:min(900px,90vw);max-height:90dvh;overflow:auto;background:white;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#000a}.close-dialog{position:absolute;right:12px;top:12px;z-index:2;border-radius:50%;border:0;background:white;font-size:28px}.popup-media{width:100%;max-height:65dvh;object-fit:contain}.popup-copy{padding:25px}.popup-copy h2{font-size:26px}.popup-copy p{margin-top:15px}.popup-next{margin:0 25px 25px;border:0;background:var(--orange);padding:10px 20px}.popup-item[hidden]{display:none}.empty-hero{padding:80px 0}
/* Port of WUX premium.tsx + writing-title.tsx + experience-v5.css, with Viviani tokens. */
.reading-progress{height:3px;background:var(--orange);position:fixed;top:0;left:0;width:100%;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.cursor-aura{width:80px;height:80px;border-radius:50%;position:fixed;left:-40px;top:-40px;background:radial-gradient(circle,#ff64251c,transparent 68%);pointer-events:none;z-index:80;opacity:0;transition:opacity .25s}.cursor-aura.visible{opacity:1}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.motion-ready .reveal.in-view{opacity:1;transform:none}.write-word{white-space:nowrap;display:inline-block}.write-char{display:inline}.motion-ready .writing-title .write-char{opacity:0}.motion-ready .writing-title.in-view .write-char{animation:writeCharacter .025s steps(1,end) both;animation-delay:calc(var(--write-order) * 10ms + 80ms)}@keyframes writeCharacter{from{opacity:0}to{opacity:1}}.motion-paused .reveal,.motion-paused .write-char{opacity:1!important;transform:none!important;animation:none!important}
@media(min-width:1600px){.hero-content{padding-bottom:50px}.hero-title{max-width:800px}.hero-description{font-size:17px}.hero-kicker{font-size:11px}}
@media(max-width:1150px){.site-header nav{gap:18px;font-size:11px}.site-header .login-link{margin-left:0;gap:12px}.logo img{width:145px}.header-inner{gap:20px}.wrap{width:90%}.company-layout,.process-layout,.coverage-layout{gap:55px}.contact-layout,.catalog-layout{gap:50px}.section-heading{gap:60px}.section{padding:85px 0}.scene-float{left:-25px}.footer-top{gap:50px}.hero-title{font-size:clamp(45px,5.5vw,70px);max-width:660px}.brand-promise span{font-size:8px;gap:8px}.brand-promise .icon{width:20px;height:20px}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{width:100%}.form-heading{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:850px){.site-header{height:78px}.menu-toggle{display:flex;align-items:center;gap:18px;border:1px solid #ddd;border-radius:4px;background:white;padding:7px 14px;font-size:11px;font-weight:700}.menu-toggle i{width:17px;height:10px;border-top:1px solid;border-bottom:1px solid}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:15px 5% 25px;box-shadow:0 15px 20px #0001;max-height:calc(100dvh - 78px);overflow:auto}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.site-header nav>a{padding:11px 3px;font-size:14px}.site-header nav>a:after{display:none}.site-header .login-link{justify-content:space-between;padding:13px 17px;margin-top:10px}.hero{height:740px;min-height:0;max-height:calc(100svh - 78px)}.hero-title{max-width:590px;font-size:52px}.hero-description{max-width:370px;font-size:14px}.hero-shade{background:linear-gradient(90deg,#050607da,#080a0b80 60%,#08090925),linear-gradient(0deg,#0009,transparent 40%)}.brand-promise .wrap{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;column-gap:30px;padding:24px 0}.brand-promise span{font-size:9px}.company-layout{gap:40px}.company-copy h2{font-size:34px}.company-copy .lead{font-size:13px}.company-scene{height:430px}.year-mark{gap:18px}.year-mark>strong{font-size:39px}.year-mark>div{font-size:7px}.scene-float{left:-15px;width:220px;padding:18px}.scene-float>strong{font-size:21px}.float-overline{font-size:6px}.process-layout{gap:40px}.process-scene{height:390px}.process-step h3{font-size:18px}.process-step p{font-size:12px;margin-right:5px;margin-left:28px}.process-step summary{gap:14px}.brand-grid,.brand-grid.compact{grid-template-columns:repeat(3,1fr)}.section-heading{gap:40px}.section-heading .lead{font-size:13px}.section-kicker{margin-bottom:45px}.brasen-copy{padding:35px}.brasen-copy h3{font-size:28px}.catalog-layout{gap:30px}.catalog-copy h2{font-size:37px}.catalog-copy .lead{font-size:13px}.catalog-copy .actions{gap:18px}.catalog-window{transform:none}.window-body{padding:28px 18px}.window-body h3{font-size:26px}.window-top{padding:13px 15px;font-size:6px}.catalog-search{font-size:8px;padding:12px 10px;gap:7px}.catalog-search .icon{width:14px;height:14px}.catalog-float{left:-12px;padding:12px 17px}.catalog-orbit{inset:0 -20px}.catalog-orbit.orbit-two{inset:0 -30px}.coverage-layout{gap:35px}.route-scene{height:650px}.location-float{left:15px;right:15px;padding:18px}.coverage-copy .lead{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.contact-copy>.step-label,.contact-copy h2,.contact-copy>.lead,.contact-copy>.contact-hours{grid-column:1/-1}.contact-option:first-of-type{margin:0}.contact-image{display:none}.contact-option{margin-top:20px!important}.contact-form{padding:35px}.form-heading{flex-direction:row}.form-bottom{flex-direction:row;align-items:center}.form-bottom .button{width:auto}.footer-top{grid-template-columns:1fr .7fr 1.2fr;gap:30px}.footer-logo{width:170px}.footer-contact>a{font-size:11px}.social-links{gap:12px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.company-story{gap:40px}.company-story h3{font-size:25px}}
@media(max-width:600px){body{font-size:14px}.wrap{width:89%}.site-header{height:74px}.site-header nav{top:74px;max-height:calc(100dvh - 74px)}.logo img{width:147px;height:48px}.hero{height:calc(100svh - 74px);min-height:650px;max-height:850px}.desktop-media{display:none!important}.mobile-media{display:block!important}.hero-media{object-position:50% 56%}.hero-shade{background:linear-gradient(180deg,#050505e3,#070707a8 35%,#06060619 68%,#0009),linear-gradient(90deg,#0005,transparent)}.hero-content{justify-content:flex-start;padding-top:52px;padding-bottom:0}.hero-title{font-size:42px;max-width:100%;line-height:1.13;letter-spacing:-.055em}.hero-title>span:not(.write-word){color:#ff733b}.hero-kicker{font-size:7px;letter-spacing:.11em;gap:8px;margin-bottom:21px}.hero-kicker>span{width:4px;height:4px}.hero-description{font-size:12px;max-width:290px;margin-top:23px;line-height:1.9}.hero .actions{margin-top:25px;gap:24px}.hero .button{font-size:10px;min-height:48px;padding:13px 17px;gap:22px}.hero-contact{font-size:10px;gap:13px}.hero-contact .icon{width:15px;height:15px}.hero-bottom{bottom:29px}.hero-scroll{font-size:7px;gap:12px}.slider-controls{gap:5px}.slider-controls .slide-count{font-size:9px;margin-right:7px;letter-spacing:.05em}.slider-controls button{min-width:44px;min-height:44px;width:44px;height:44px;font-size:16px}.slider-controls .icon{width:16px;height:16px}.hero-illustrative{font-size:7px;bottom:7px;right:10px}.brand-promise .wrap{gap:20px 15px;padding:22px 0}.brand-promise span{font-size:6px;gap:8px;letter-spacing:.04em;white-space:normal}.brand-promise .icon{width:19px;height:19px}.section{padding:65px 0}.section-kicker{font-size:7px;gap:10px;padding-top:17px;margin-bottom:35px}.section-kicker>span:last-child{display:none}.company-layout,.process-layout,.section-heading,.brasen-story,.catalog-layout,.coverage-layout,.company-story{grid-template-columns:1fr;gap:35px}h2,.company-copy h2{font-size:34px;line-height:1.2;letter-spacing:-.05em}.company-copy .lead{font-size:13px;margin-top:23px;max-width:none}.company-copy .text-link{margin-top:14px}.text-link{font-size:11px;gap:23px}.year-mark{margin-top:30px;padding-top:25px;gap:30px}.year-mark>strong{font-size:47px}.year-mark>div{font-size:8px}.scene-composition{padding-bottom:50px}.company-scene{height:390px}.scene-label{top:15px;left:15px;font-size:6px;padding:7px 10px}.scene-float{left:15px;bottom:0;width:230px;padding:20px}.scene-float>strong{font-size:23px}.float-overline{font-size:6px}.float-bottom{font-size:9px}.section-heading{gap:22px;margin-bottom:35px}.section-heading .lead{font-size:13px}.section-heading .text-link{margin-top:15px}.process-scene{height:330px}.process-caption{font-size:6px;padding:17px}.process-step h3{font-size:19px}.process-step{padding:18px 0}.process-step p{font-size:12px;line-height:1.9;margin-top:12px}.process-list .text-link{margin-top:18px}.brand-grid,.brand-grid.compact{grid-template-columns:repeat(2,1fr);margin:0 0 35px}.brand{padding:20px 13px}.brand-logo{height:90px;width:145px}.brand>span{font-size:9px;margin-top:10px}.brasen-story{gap:0}.brasen-visual{height:310px;min-height:0}.brasen-caption{left:18px;bottom:18px;font-size:6px}.brasen-copy{padding:30px}.brasen-copy h3{font-size:29px}.brasen-copy p{font-size:12px}.brasen-copy .text-link{margin-top:15px}.brasen-logo{width:120px;height:60px;margin:14px 0 18px}.catalog-copy>.step-label{font-size:8px;margin-bottom:20px}.catalog-copy h2{font-size:35px;line-height:1.18}.catalog-copy .lead{font-size:13px;margin-top:23px}.catalog-copy .actions{gap:25px}.catalog-copy .button{font-size:11px;min-height:50px;padding:14px 18px;gap:25px}.catalog-note{font-size:8px;line-height:1.8;margin-top:20px;max-width:260px}.catalog-stage{padding:5px 0 28px;margin:12px 10px 0 12px}.catalog-window{transform:rotate(-2deg)}.window-top{font-size:7px;padding:14px 17px}.window-body{padding:30px 22px}.window-body h3{font-size:28px}.catalog-search{font-size:8px;margin-top:23px;padding:14px 12px}.catalog-tags{gap:8px}.catalog-tags span{font-size:7px}.catalog-float{left:-12px;bottom:0;padding:14px 20px}.catalog-float span{font-size:9px}.catalog-float strong{font-size:13px}.catalog-float .icon{width:25px;height:25px}.catalog-orbit{display:none}.coverage-copy .lead{font-size:13px}.route-scene{height:400px}.location-float{padding:18px;left:15px;right:15px}.location-float strong{font-size:12px}.regional-contact a{font-size:20px}.coverage-visual{padding-bottom:20px}.contact-copy{display:block}.contact-copy>.step-label{font-size:8px;margin-bottom:20px}.contact-copy h2{font-size:34px}.contact-copy .lead{font-size:13px}.contact-option:first-of-type{margin-top:20px!important}.contact-option strong{font-size:12px}.contact-form{padding:25px 20px;border-radius:6px}.contact-form h3{font-size:23px;margin:20px 0 25px}.form-heading{display:flex;flex-direction:row;gap:10px;align-items:center}.form-badge{font-size:6px;gap:4px}.form-badge .icon{width:11px;height:11px}.form-grid{grid-template-columns:1fr;gap:18px}.form-bottom{flex-direction:column;align-items:stretch;gap:20px}.form-bottom .button{width:100%;font-size:12px;min-height:50px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;padding:12px 10px;min-height:48px}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:12px}.contact-form label{font-size:10px}.form-bottom p{font-size:8px}.section-cierre{padding:75px 0}.closing-copy h2{font-size:43px;line-height:1.15;max-width:100%}.closing-copy>.step-label{font-size:7px;max-width:270px;margin-bottom:22px}.closing-copy>p{font-size:12px;line-height:1.8;max-width:280px}.closing-copy .actions{gap:15px}.closing-copy .button{font-size:10px;min-height:49px;padding:14px 18px;gap:20px}.closing-scene:after{background:#000b}.closing-note{bottom:-60px;font-size:7px}.page-hero{height:320px}.page-hero h1{font-size:58px}.page-hero .wrap>p:last-child{font-size:12px;max-width:270px;margin-top:22px}.page-hero .hero-kicker{font-size:7px}.page-hero-shade{background:#0009}.page-hero-image{object-position:60% 35%}.company-story{padding-top:35px;margin-top:50px;gap:25px}.company-story h3{font-size:28px;line-height:1.3;margin-top:15px}.prose{font-size:13px}.real-team{flex-direction:column;align-items:stretch;gap:25px;padding:25px;margin-top:35px}.real-team img{width:100%;height:auto;aspect-ratio:380/240}.real-team h3{font-size:25px}.real-team p{font-size:12px}.groupauto-band{padding:50px 0}.groupauto-band h2{font-size:33px}.groupauto-band p{font-size:12px}footer{padding:55px 0 22px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{width:160px;height:52px}.footer-brand p{font-size:8px;margin-top:0;line-height:1.9;max-width:130px}.footer-nav>.step-label,.footer-contact>.step-label{font-size:7px;margin-bottom:15px}.footer-nav>a{font-size:11px;padding:6px 0}.footer-contact>a{font-size:10px;font-weight:500}.footer-contact p{font-size:8px;line-height:1.9;margin-top:15px}.social-links{font-size:8px;gap:10px;margin-top:15px}.footer-wordmark{font-size:10.5vw;margin-top:45px;letter-spacing:-.065em}.footer-bottom{margin-top:25px;gap:18px;padding-top:20px;font-size:7px;flex-direction:column;align-items:flex-start}.footer-bottom>div{gap:16px}.wux-credit{font-size:7px}.wux-credit img{width:24px;height:24px}.wa-helper{right:13px;bottom:14px}.wa-launcher{width:48px;height:48px}.wa-launcher svg{width:25px;height:25px}.wa-panel{width:min(320px,calc(100vw - 26px));padding:25px;bottom:60px}.wa-panel h3{font-size:23px}.wa-panel .button{min-height:48px}.legal{padding-top:60px;min-height:450px}.legal h1{font-size:35px}.legal p{font-size:13px}.cursor-aura{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal,.motion-ready .write-char{opacity:1!important;transform:none!important}.cursor-aura{display:none}}

.company-more{border-block:1px solid #ddd;margin-top:35px;padding:22px 0}.company-more summary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.company-more .prose{padding-top:25px}.company-more summary::-webkit-details-marker{display:none}.contact-form button:disabled{opacity:.65;cursor:wait}

picture.responsive-media{display:block;width:100%}.hero-content h1,.hero-content h2{position:relative}

/* WUX cursor layers, floating cards and WhatsApp beacon, in Viviani orange. */
.cursor-aura{width:42px;height:42px;left:-21px;top:-21px;background:none;mix-blend-mode:normal}.cursor-halo{position:absolute;inset:-13px;border:1px solid #ff642535;border-radius:50%;box-shadow:0 0 30px #ff64251f;transition:inset .25s,background .25s}.cursor-lens{position:absolute;inset:8px;border:1px solid #ff642590;border-radius:50%;transition:inset .25s,background .25s}.cursor-dot{position:absolute;top:19px;left:19px;width:4px;height:4px;background:var(--orange);border-radius:50%}.cursor-aura.is-clickable .cursor-halo{inset:-3px;background:#ff642516}.cursor-aura.is-clickable .cursor-lens{inset:3px;border-color:var(--orange)}.motion-paused .cursor-aura{display:none}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(min-width:851px){.scene-float,.catalog-float,.location-float{animation:floatCard 7s ease-in-out infinite}.catalog-float{animation-delay:-2s}.location-float{animation-delay:-4s}}
.wa-launcher{position:relative}.wa-launcher:after{content:'';position:absolute;inset:-1px;border:1px solid #198c52;border-radius:50%;pointer-events:none;animation:waPulse 3.6s ease-out infinite}.wa-launcher svg{animation:waBeacon 3.6s ease-in-out infinite}.wa-helper.is-open .wa-launcher:after{animation:none;opacity:0}.wa-helper.is-open .wa-launcher svg{animation:none}
@keyframes waPulse{0%{scale:1;opacity:.7}60%,100%{scale:1.65;opacity:0}}@keyframes waBeacon{0%,100%{opacity:1}45%{opacity:.58}65%{opacity:1}}
@keyframes heroEntry{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}.slide:not([hidden]) .hero-content{animation:heroEntry .75s var(--ease) both}
.motion-paused .scene-float,.motion-paused .catalog-float,.motion-paused .location-float,.motion-paused .wa-launcher:after,.motion-paused .wa-launcher svg,.motion-paused .hero-content{animation:none!important;translate:none!important;opacity:1!important}.motion-paused .wa-launcher:after{opacity:0!important}
@media(prefers-reduced-motion:reduce){.scene-float,.catalog-float,.location-float,.wa-launcher:after,.wa-launcher svg,.hero-content{animation:none!important;translate:none!important}.wa-launcher:after{opacity:0}}
/* Hero identity carried through the site — review refinement, 27 Oct 2026. */
.site-header:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);pointer-events:none}.reading-progress{top:86px;height:2px;opacity:.75}
.section-kicker>span:first-child{display:flex;align-items:center;gap:13px}.section-kicker>span:first-child:before{content:'';display:inline-block;width:24px;height:2px;background:var(--orange);flex-shrink:0}
.company-copy{border-left:3px solid var(--orange);padding-left:25px}.company-copy h2>span:not(.write-word),.section-marcas .section-heading h2>span:not(.write-word),.coverage-copy h2>span:not(.write-word){color:#c94817;font-weight:600}.year-mark{border-top:2px solid var(--orange)}.year-mark>strong{color:#c94817}
.visual-scene{border:1px solid #ff64252b}.visual-scene:after{content:'';position:absolute;top:14px;right:14px;width:31px;height:31px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);pointer-events:none}.scene-label{background:#151515eb;color:#f1f1f1;border:1px solid #ff642540;border-left:2px solid var(--orange)}
.scene-float{background:#171717;color:#fff;border:1px solid #ff642566;border-top:3px solid var(--orange);box-shadow:0 15px 55px #0003}.float-overline{color:var(--orange)}.float-bottom{border-color:#3b3b3b;color:#d4d4d4}.float-bottom .icon{color:var(--orange)}
.section-diferenciales{background:radial-gradient(ellipse at 100% 0%,#47211655,transparent 50%),#121212;color:#fff}.section-diferenciales .section-kicker{border-color:#3b3b3b;color:#bdbdbd}.section-diferenciales .section-kicker>span:first-child{color:#eee}.section-diferenciales h2>span:not(.write-word){color:var(--orange);font-weight:600}.section-diferenciales .lead{color:#bdbdbd}.section-diferenciales .text-link{color:#eee;border-color:#777}.process-step{border:1px solid #393939;border-left:2px solid #ff642558;border-radius:4px;padding:23px 18px;margin-bottom:12px;background:#ffffff04;transition:background .3s,border-color .3s}.process-step:last-of-type{border-bottom:1px solid #393939}.process-step:hover,.process-step[open]{border-color:#ff642578;background:#ff642509}.process-step h3{color:#f1f1f1}.process-step p{color:#bcbcbc}.process-num,.process-step summary>.icon{color:var(--orange)}.process-caption{border:1px solid #383838;border-top:2px solid var(--orange);background:#1a1a1a}
.brand-grid{border-top:2px solid var(--orange)}.brand:hover{background:#fff7f2;box-shadow:inset 0 0 0 1px #ff642558}.brasen-story{background:#131313;color:white;border:1px solid #353535}.brasen-copy{border-top:3px solid var(--orange)}.brasen-copy>.step-label{color:var(--orange)}.brasen-copy h3>span:not(.write-word){color:var(--orange)}.brasen-copy p{color:#bbb}.brasen-copy .text-link{border-color:#666;color:white}.brasen-logo{filter:grayscale(1) invert(1);mix-blend-mode:screen}.brasen-caption{color:#d4d4d4}.catalog-window{border-color:#ff642566;border-top:2px solid var(--orange)}.window-top{background:#ff642508}.catalog-float{border-color:#ffba9c}
.location-card{border:1px solid #e2e2e2;border-left:3px solid var(--orange);border-radius:4px;padding:23px 20px;background:#fafafa}.region-picker{border-left:2px solid #ff642575;padding-left:18px}.region-picker label{color:#a03c14}.region-picker select:focus{border-color:var(--orange)}.location-float{background:#161616;border:1px solid #ff64256b;border-left:3px solid var(--orange);box-shadow:0 12px 40px #0003}.location-float>.icon{color:var(--orange)}.location-float span{color:#aaa}.location-float strong{color:#fff}.regional-contact>.step-label{color:#a53d13}
.section-contacto{background:linear-gradient(100deg,#101010f7 20%,#101010eb 70%,#101010d9),url('asesoramiento.webp') center/cover no-repeat;color:#fff}.contact-copy>.step-label{color:var(--orange)}.contact-copy h2>span:not(.write-word){color:var(--orange);font-weight:600}.contact-copy .lead{color:#bdbdbd}.contact-option{border-color:#414141}.contact-option small{color:#aaa}.contact-option strong{color:#f1f1f1}.contact-option-icon{border-color:#555;background:#ffffff04}.contact-option-icon .icon{color:var(--orange)}.contact-hours{color:#b9b9b9}.contact-form{color:#171717;border-top:3px solid var(--orange);box-shadow:0 20px 65px #0003}.contact-form:focus-within{box-shadow:0 20px 65px #0004,0 0 0 1px #ff642545}.form-badge{padding:6px 9px;background:#fff1ea;border-radius:3px;color:#a44119}.form-heading>.step-label{color:#a13b13}.contact-scene{border-color:#ff64254d}
footer{position:relative;isolation:isolate;background:#0e0f10;color:#f4f4f4;border-top:2px solid #ff64257a}footer:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0c0dfa 25%,#0b0c0de8 65%,#0b0c0dd1),url('hero-ruta.webp') 75% 62%/cover no-repeat;pointer-events:none}.footer-brand{border-left:3px solid var(--orange);padding-left:24px}.footer-logo{background:transparent;filter:brightness(0) invert(1)}.footer-brand p{color:#bdbdbd;max-width:235px}.footer-nav>.step-label,.footer-contact>.step-label{color:var(--orange)}.footer-nav>a,.footer-contact>a,.social-links a{color:#ddd;transition:color .25s}.footer-nav>a:hover,.footer-contact>a:hover,.social-links a:hover{color:var(--orange)}.footer-contact p{color:#aaa}.footer-wordmark{color:#f5f5f5}.footer-bottom{border-color:#414141;color:#aaa}.wux-credit{color:#bbb}
.company-more{border-left:2px solid var(--orange);padding-left:20px}.real-team{border:1px solid #ddd;border-top:2px solid var(--orange);background:#fafafa}.groupauto-band{background:#151515;color:white;border-top:2px solid var(--orange)}.groupauto-band .step-label{color:var(--orange)}.groupauto-band p{color:#bdbdbd}
@media(max-width:850px){.reading-progress{top:76px}.company-copy{padding-left:18px}.process-step{padding:20px 14px}.footer-brand{padding-left:18px}}
@media(max-width:600px){.reading-progress{top:72px}.company-copy{padding-left:17px}.company-copy h2{font-size:32px}.process-step{padding:19px 13px;margin-bottom:10px}.process-step p{margin-left:28px;margin-right:0}.brasen-copy{padding-top:28px}.visual-scene:after{top:12px;right:12px;width:25px;height:25px}.contact-form{padding-top:24px}.form-badge{font-size:6px;padding:5px 6px}.location-card{padding:20px 15px}.region-picker{padding-left:14px}.footer-brand{padding-left:14px;gap:16px}.footer-logo{width:150px}.footer-brand p{max-width:130px}.footer-wordmark{font-size:10.4vw}.section-kicker>span:first-child{gap:10px}.section-kicker>span:first-child:before{width:20px}}
/* Contact, motion and inner-page refinements. */
.site-header .login-link{color:var(--orange)}
.brasen-logo{width:240px;max-width:100%;height:auto;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal;background:white;padding:5px;border-radius:5px}
.page-hero h1>.write-word{color:inherit}.page-hero h1>span:not(.write-word){display:inline}
.wa-panel{background:linear-gradient(145deg,#302722,#17191b 65%);color:#fff;border:1px solid #ff64256b;border-top:3px solid var(--orange);box-shadow:0 20px 65px #0005;animation:helpFloat 8s ease-in-out infinite}
.wa-panel h3{color:#fff}.wa-panel p{color:#d2ccc8}.wa-panel>.step-label{color:var(--orange)}.wa-panel small{color:#bdb6b2}.wa-panel .wa-close{color:#eee;background:transparent}.wa-contact-actions{display:grid;gap:10px;margin:22px 0 15px}.wa-contact-actions .button{width:100%;margin:0}.wa-contact-actions .wa-email{background:#ffffff08;color:#f4f4f4;border-color:#ffffff48}.wa-contact-actions .wa-email:hover{background:#ffffff16;border-color:var(--orange)}
.wa-panel:hover,.wa-panel:focus-within{animation-play-state:paused}
@keyframes helpFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
.wa-launcher{width:57px;height:57px;background:#12894a;box-shadow:0 5px 24px #09653255;animation:waEmphasis 2.8s ease-in-out infinite}
.wa-launcher:before,.wa-launcher:after{content:'';position:absolute;inset:-2px;border:2px solid #21b767;border-radius:50%;pointer-events:none;animation:waStrongPulse 2.8s ease-out infinite}
.wa-launcher:after{animation-delay:1.4s}.wa-launcher svg{animation:waStrongBeacon 2.8s ease-in-out infinite}
@keyframes waStrongPulse{0%{scale:1;opacity:.95}85%,100%{scale:1.85;opacity:0}}
@keyframes waStrongBeacon{0%,30%,70%,100%{opacity:1}50%{opacity:.25}}
@keyframes waEmphasis{0%,100%{scale:1;box-shadow:0 5px 24px #09653255}50%{scale:1.06;box-shadow:0 0 28px #21b76788}}
.wa-helper.is-open .wa-launcher,.wa-helper.is-open .wa-launcher svg{animation:none}.wa-helper.is-open .wa-launcher:before,.wa-helper.is-open .wa-launcher:after{animation:none;opacity:0}
.cursor-halo{border-color:#ff642590;box-shadow:0 0 30px #ff642530;background:#ff642508}.cursor-lens{border:2px solid var(--orange)}.cursor-dot{width:6px;height:6px;left:18px;top:18px;transition:background .2s,box-shadow .2s}
.cursor-aura.is-clickable .cursor-halo{inset:-10px;border-color:#ff6425;background:#ff64252b;box-shadow:0 0 30px #ff642560}.cursor-aura.is-clickable .cursor-lens{inset:1px;border-color:#fff;background:#ffffff18}.cursor-aura.is-clickable .cursor-dot{background:#fff;box-shadow:0 0 0 2px var(--orange)}
@media(min-width:851px){.year-mark,.location-card,.real-team,.process-visual{animation:floatCard 9s ease-in-out infinite}.location-card{animation-delay:-3s}.real-team{animation-delay:-5s}.process-visual{animation-delay:-2s}.year-mark:hover,.location-card:hover,.real-team:hover,.process-visual:hover{animation-play-state:paused}}
/* Alternate light content with photographic heroes and graphite feature blocks. */
.inner-page .section-empresa,.inner-page .section-cobertura{background:radial-gradient(ellipse at 100% 0%,#ff64250a,transparent 45%),#fafaf9;color:var(--ink)}
.inner-page .section-marcas{background:#f4f4f2;color:var(--ink)}
.inner-page .section-empresa .section-kicker,.inner-page .section-marcas .section-kicker,.inner-page .section-cobertura .section-kicker{border-color:#d9d6d2;color:#6b6661}
.inner-page .section-empresa .section-kicker>span:first-child,.inner-page .section-marcas .section-kicker>span:first-child,.inner-page .section-cobertura .section-kicker>span:first-child{color:#252321}
.inner-page .company-copy h2>span:not(.write-word),.inner-page .section-marcas h2>span:not(.write-word),.inner-page .coverage-copy h2>span:not(.write-word){color:#c94817}
.inner-page .section-empresa .lead,.inner-page .section-marcas .lead,.inner-page .section-cobertura .lead,.inner-page .prose,.inner-page .prose p{color:#66615d}
.inner-page .company-story{border-color:#dedad5;background:#f0efec;padding:40px;border-radius:6px;border-left:3px solid var(--orange)}
.inner-page .company-more{border-color:#ddd7d1;border-left-color:var(--orange)}.inner-page .company-story .step-label,.inner-page .year-mark>strong{color:#b84113}
.inner-page .real-team{background:white;border-color:#dedad5;border-top-color:var(--orange);box-shadow:0 15px 40px #33201008}.inner-page .real-team p{color:#66615d}
.inner-page .brand-grid{gap:14px;border:0;border-top:2px solid var(--orange);padding-top:25px}
.inner-page .brand{border:1px solid #e2ded9;border-top:2px solid #ff64254a;border-radius:5px;background:#fff;box-shadow:0 8px 24px #33201006}
.inner-page .brand:hover{background:#fffaf6;border-color:#ff64258a}.inner-page .brand-logo{background:#fff;border-radius:3px;padding:9px;mix-blend-mode:normal}.inner-page .brand>span{color:#66615d}
.inner-page .location-card{background:#fff;border-color:#dedad5;border-left-color:var(--orange);box-shadow:0 10px 30px #33201006}.inner-page .location-card p,.inner-page .location-card span{color:#66615d}
.inner-page .region-picker label,.inner-page .regional-contact>.step-label{color:#b84113}.inner-page .region-picker select{background:#fff;color:#252321;border-color:#d7cfc7}.inner-page .regional-contact p{color:#66615d}
.inner-page .section-contacto{background:radial-gradient(ellipse at 0% 0%,#ff64250c,transparent 50%),#f3f3f1;color:var(--ink)}
.inner-page .contact-copy{padding:35px;border:1px solid #ff642550;border-top:3px solid var(--orange);border-radius:7px;background:linear-gradient(120deg,#141618ee,#141618d9),url('asesoramiento.webp') center/cover;color:#fff;box-shadow:0 20px 45px #00000012}
.inner-page .contact-copy h2{font-size:clamp(30px,3vw,44px)}.inner-page .contact-copy .lead{color:#c8c4bf}.inner-page .contact-form{box-shadow:0 18px 50px #33201008}
@media(max-width:850px){.inner-page .company-story{padding:30px}.inner-page .contact-copy{padding:28px}}
@media(max-width:600px){.inner-page .company-story{padding:25px 20px}.inner-page .contact-copy{padding:25px 20px}}
footer:before{background:linear-gradient(90deg,#0b0c0de8 15%,#0b0c0db8 55%,#0b0c0d85),url('hero-ruta.webp') 75% 62%/cover no-repeat}
.motion-paused .year-mark,.motion-paused .location-card,.motion-paused .real-team,.motion-paused .process-visual,.motion-paused .wa-panel,.motion-paused .wa-launcher,.motion-paused .wa-launcher:before{animation:none!important;translate:none!important}.motion-paused .wa-launcher:before{opacity:0!important}
@media(max-width:600px){.wa-launcher{width:51px;height:51px}.wa-panel{bottom:65px}.wa-contact-actions{margin-top:17px}.inner-page .brand-grid{gap:9px}.inner-page .brand{padding:18px 9px}.inner-page .brand-logo{padding:5px}}
@media(prefers-reduced-motion:reduce){.year-mark,.location-card,.real-team,.process-visual,.wa-panel,.wa-launcher,.wa-launcher:before,.wa-launcher:after,.wa-launcher svg{animation:none!important;translate:none!important}.wa-launcher:before,.wa-launcher:after{opacity:0}}

/* Match Brasen to the neutral logos in both brand grids. */
.brand-grid .brand-logo-brasen{filter:grayscale(1);opacity:.62}

/* Brasen: category band in grids; native logo band on the dark brand story. */
.brasen-grid-visual{width:170px;max-width:100%;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.brasen-grid-visual picture.responsive-media{width:100%;height:54px}.brand-grid .brasen-grid-visual .brand-logo-brasen{width:100%;height:54px;padding:0;object-fit:contain;mix-blend-mode:normal;background:transparent}
.brasen-product-label{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:calc(100% - 6px);min-height:35px;padding:6px 3px;background:#7d7d7d;color:#fff;font:400 9px/1.3 Manrope,Arial,sans-serif;letter-spacing:.01em}
.brasen-lockup{width:224px;max-width:100%;margin:22px 0 26px}.brasen-lockup .brasen-logo{width:100%;max-width:100%;height:auto;margin:0;padding:0;border-radius:0;background:transparent;filter:none;mix-blend-mode:normal}
.brasen-lockup-original{aspect-ratio:543/84;overflow:hidden;border-radius:4px}.brasen-lockup-original .brasen-logo{width:104.42%;max-width:none;transform:translate(-2.116%,-9.836%)}
@media(max-width:600px){.brasen-product-label{font-size:7px;min-height:30px;padding:6px 2px}.brasen-lockup{width:205px}}

/* Two confirmed locations; the whole address opens its own Google Maps link. */
.office-addresses{display:grid;gap:17px}.office-address{display:block;overflow-wrap:anywhere;transition:color .2s}.office-address strong{display:block;font-size:12px;line-height:1.5}.office-address span{display:block;font-size:11px;line-height:1.75;margin-top:5px}.office-address small{display:inline-block;color:#b54114;font-size:10px;font-weight:700;margin-top:7px;border-bottom:1px solid #ff642570}.office-address:hover small{color:var(--orange);border-color:var(--orange)}
.office-address+.office-address{border-top:1px solid #ff642530;padding-top:16px}.location-card>div{min-width:0;flex:1}.location-card .office-addresses{gap:16px}.location-card .office-address{display:block;margin:0}.location-card .office-address strong{color:#222;font-size:12px}.location-card .office-address span{color:#666;font-size:11px}.location-card .office-address small{display:inline-block}
.contact-copy>.office-addresses{margin-top:25px;padding-top:22px;border-top:1px solid #ffffff25}.contact-copy .office-address{color:#eee}.contact-copy .office-address span{color:#bbb}.contact-copy .office-address small,footer .office-address small{color:var(--orange)}
footer .office-addresses{margin-top:23px;gap:14px}footer .office-address strong{color:#ddd;font-size:10px}footer .office-address span{color:#bdbdbd;font-size:10px}footer .office-address small{font-size:9px;margin-top:5px}footer .office-address+.office-address{padding-top:13px}
@media(max-width:600px){footer .office-address strong,footer .office-address span{font-size:9px}footer .office-address small{font-size:8px}.location-card{animation:none}}

/* Larger, accessible social icons and a more visible WUX development credit. */
/* Home: keep the featured brands and expand the remaining active brands in place. */
.home-brands-more{margin-top:24px}.home-brands-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:18px;width:fit-content;min-height:48px;margin:0 auto;padding:12px 24px;border:1px solid #ff642580;border-radius:5px;background:#fff8f3;color:#222;font-size:13px;font-weight:800;cursor:pointer;transition:background .25s,border-color .25s}.home-brands-more>summary::-webkit-details-marker{display:none}.home-brands-more>summary:hover{background:#ff64251a;border-color:var(--orange)}.home-brands-more>summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.home-brands-more>summary .icon{color:var(--orange);width:19px;height:19px;transition:transform .25s}.brands-collapse-label,.home-brands-more[open] .brands-expand-label{display:none}.home-brands-more[open] .brands-collapse-label{display:inline}.home-brands-more[open]>summary .icon{transform:rotate(45deg)}.home-brands-expanded{padding-top:28px}.home-brands-more[open] .home-brands-expanded{animation:brands-unfold .35s ease-out}@keyframes brands-unfold{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-brands-more[open] .home-brands-expanded{animation:none}}
.social-links{gap:12px;margin-top:24px;flex-wrap:wrap}.social-links a{display:grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #ffffff45;border-radius:7px;background:#ffffff08;color:#eee;transition:color .25s,background .25s,border-color .25s,transform .25s}.social-icon{display:block;width:25px;height:25px}.social-links a:hover{color:var(--orange);background:#ff642515;border-color:#ff642590;transform:translateY(-2px)}
.footer-bottom{flex-wrap:wrap;gap:22px}.wux-credit{gap:14px;padding:11px 16px;border:1px solid #ffffff30;border-left:2px solid #ff64258a;border-radius:6px;background:#11111170;color:#f4f4f4;font-size:14px;font-weight:700;line-height:1.5;transition:border-color .25s,background .25s,box-shadow .25s}.wux-credit img{width:56px;height:56px;flex-shrink:0;object-fit:contain}.wux-credit>span{max-width:245px}.wux-credit .icon{width:18px;height:18px;color:var(--orange)}.wux-credit:hover{background:#202020b0;border-color:#ff642585;box-shadow:0 5px 24px #0002}
@media(max-width:600px){.social-links{gap:9px;margin-top:20px}.social-links a{width:44px;height:44px;min-width:44px;min-height:44px}.social-icon{width:24px;height:24px}.wux-credit{font-size:13px;padding:10px 12px;gap:12px;max-width:100%}.wux-credit img{width:50px;height:50px}.wux-credit>span{max-width:185px}.footer-bottom{gap:22px}.wux-credit .icon{width:16px;height:16px}}

/* Contact assistant: dark branded header and clear white body. */
.wa-panel{padding:0;overflow:auto;background:#fff;color:#222;animation:none;max-height:calc(100dvh - 112px)}
.wa-panel-heading{padding:25px 28px 24px;background:linear-gradient(135deg,#30271f,#171a1b);border-bottom:1px solid #ff642540;position:relative}
.wa-panel-heading .step-label{color:var(--orange)}.wa-panel-heading h3{color:#fff;margin:16px 0 0;padding-right:15px}.wa-panel-heading .wa-close{top:10px;right:10px;color:#fff}
.wa-panel-body{padding:24px 28px 26px;background:#fff}.wa-panel-body>p{color:#555;margin:0;font-size:14px;line-height:1.8}.wa-panel-body .wa-contact-actions{margin-top:22px;gap:12px}.wa-panel-body .wa-whatsapp{background:#128c4a;border-color:#128c4a;color:#fff}.wa-panel-body .wa-whatsapp:hover{background:#0d733c;border-color:#0d733c}.wa-panel-body .wa-email{background:var(--orange);border-color:var(--orange);color:#161616}.wa-panel-body .wa-email:hover{background:#ff824e;border-color:#ff824e}.wa-panel-body>small{display:block;margin-top:20px;color:#b64215;font-weight:700}
/* Each ribbon keeps a complete accessible original group and a decorative clone. */
.brand-ribbon{margin:35px 0 45px}.brand-ribbon-window{overflow-x:auto;border-top:1px solid var(--orange);border-bottom:1px solid #ddd;background:#fff}.brand-ribbon-track{display:flex;width:max-content}.brand-ribbon-group{flex:none}.brand-ribbon .brand-grid{display:flex;width:max-content;margin:0;border-top:0;border-left:0}.brand-ribbon .brand{flex:0 0 210px;width:210px;min-height:205px;border-bottom:0}.brand-ribbon .brand-logo{max-width:170px}.brand-ribbon .brasen-grid-visual{max-width:170px}.brand-ribbon-group[aria-hidden]{display:none}.brand-ribbon-toggle{display:none;margin:18px auto 0;padding:8px 18px;border:1px solid #ff642570;background:#fff8f3;color:#333;border-radius:5px;font-size:12px;font-weight:700}.brand-ribbon.brands-ready .brand-ribbon-toggle{display:block}.brand-ribbon.brands-ready .brand-ribbon-group[aria-hidden]{display:block}.brand-ribbon.brands-ready .brand-ribbon-window{overflow:hidden}.brands-ready .brand-ribbon-track{animation:brands-travel 75s linear infinite}.brand-ribbon:hover .brand-ribbon-track,.brand-ribbon:focus-within .brand-ribbon-track,.brand-ribbon.is-paused .brand-ribbon-track,.motion-paused .brand-ribbon-track{animation-play-state:paused}
@keyframes brands-travel{to{transform:translateX(-50%)}}
@media(max-width:600px){.wa-panel-heading{padding:23px 23px 22px}.wa-panel-body{padding:22px 23px 24px}.wa-panel-heading h3{font-size:24px}.brand-ribbon .brand{width:180px;flex-basis:180px;min-height:185px}}
@media(prefers-reduced-motion:reduce){.brands-ready .brand-ribbon-track{animation:none}.brand-ribbon.brands-ready .brand-ribbon-window{overflow-x:auto}.brand-ribbon.brands-ready .brand-ribbon-group[aria-hidden],.brand-ribbon.brands-ready .brand-ribbon-toggle{display:none}}

/* Preserve the full coverage image or video at its native proportions. */
.route-scene{height:auto}
.route-scene>.responsive-media{height:auto}
.route-scene .scene-image{height:auto;object-fit:contain;object-position:center}
.route-scene:hover .scene-image{transform:none}

/* Keep the contact portrait's head inside the banner and its full frame in content. */
.page-contacto .page-hero-image{object-position:60% top}
.contact-scene{height:auto}
.contact-scene>.responsive-media{height:auto}
.contact-scene .scene-image{height:auto;object-fit:contain;object-position:center top}
.contact-scene:hover .scene-image{transform:none}

/* Gentle ambient motion: translate stays separate from existing hover transforms. */
@keyframes viviani-card-drift{0%,100%{translate:0 0}50%{translate:0 var(--card-drift,-12px)}}
@keyframes viviani-title-drift{0%,100%{translate:0 0}50%{translate:0 -4px}}
.scene-float,.catalog-float,.location-float,.catalog-window,.process-step,.scene-label{animation:viviani-card-drift 5.5s ease-in-out infinite}
.catalog-window{animation-duration:6.5s;animation-delay:-2s}
.catalog-float{animation-delay:-3s}
.location-float{animation-duration:6s;animation-delay:-4s}
.scene-label{--card-drift:-6px;animation-duration:6s;animation-delay:-1s}
.process-step{--card-drift:-6px;animation-duration:6s}
.process-step:nth-of-type(2){animation-delay:-2.5s}
.process-step:nth-of-type(3){animation-delay:-5s}
.scene-float>strong,.process-step h3,.window-body h3,.location-float strong{animation:viviani-title-drift 5s ease-in-out infinite}
.scene-float:focus-within,.process-step:hover,.process-step:focus-within,.catalog-window:focus-within{animation-play-state:paused}
@media(max-width:850px){.scene-float,.catalog-float,.location-float,.catalog-window{--card-drift:-8px}}
.motion-paused :is(.scene-float,.catalog-float,.location-float,.catalog-window,.process-step,.scene-label,.scene-float>strong,.process-step h3,.window-body h3,.location-float strong){animation:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){:is(.scene-float,.catalog-float,.location-float,.catalog-window,.process-step,.scene-label,.scene-float>strong,.process-step h3,.window-body h3,.location-float strong){animation:none!important;translate:none!important}}
/* Preserve all Brasen artwork edges on desktop, including while hovering. */
@media(min-width:851px){.brasen-visual .parts-scene{background:#131313}.brasen-visual .parts-scene .scene-image{object-fit:contain;object-position:center}.brasen-visual .parts-scene:hover .scene-image{transform:none}}

/* Keep popup video height proportional on narrow screens. */
.popup-media{height:auto}