/* VOLTEN MOTORS — identidad y experiencia de producto */
.volten-page { --vt-red:#b72b2e; --vt-ink:#202326; --vt-muted:#62676a; background:#f1f0ed; color:var(--vt-ink); }
.volten-page h2 { font-size:clamp(32px,3.8vw,53px); line-height:1.1; letter-spacing:-1.8px; font-weight:600; }
.volten-page h2 > span { color:#797e80; }
.volten-page p { line-height:1.8; }
.volten-page svg { display:block; }
.volten-page [id] { scroll-margin-top:calc(var(--header-height) + 24px); }
.volten-page a:focus-visible,.volten-page button:focus-visible { outline:3px solid var(--vt-red); outline-offset:5px; }
.vt-section { padding:100px 0; }
.vt-kicker { text-transform:uppercase; font-size:10px; letter-spacing:1.8px; margin-bottom:24px; font-weight:600; }
.vt-hero { padding:calc(var(--header-height) + 25px) 0 0; overflow:hidden; }
.vt-topline { display:flex; justify-content:space-between; gap:15px; font-size:9px; text-transform:uppercase; letter-spacing:1.3px; border-bottom:1px solid #20232625; padding-bottom:22px; }
.vt-hero-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:30px 0; }.vt-brand { font-size:27px; letter-spacing:-1.5px; font-weight:750; font-style:italic; line-height:1!important; }.vt-brand span { display:block; font-style:normal; font-size:8px; letter-spacing:5.4px; font-weight:400; margin-top:9px; }.vt-hero-heading > p:last-child { color:var(--vt-muted); font-size:11px; }
.vt-hero h1 { font-size:clamp(43px,6.4vw,89px); line-height:1.04; letter-spacing:-3.7px; font-weight:650; position:relative; z-index:1; }.vt-hero h1 em { color:var(--vt-red); font-style:normal; }
.vt-hero-stage { position:relative; margin-top:-5px; }.vt-hero-stage::before { content:''; position:absolute; left:-10%; right:-10%; height:1px; background:#20232620; top:65%; }.vt-hero-stage img { width:100%; height:auto; position:relative; z-index:1; margin-top:-25px; }.vt-hero-outline { position:absolute; font-size:clamp(100px,22vw,315px); line-height:1; font-weight:700; letter-spacing:-15px; top:4%; right:6%; color:transparent; -webkit-text-stroke:1px #20232618; }.vt-stage-label { position:absolute; left:0; bottom:3%; font-size:8px; letter-spacing:1.7px; text-transform:uppercase; }
.vt-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:20px 0 35px; border-top:1px solid #20232625; }.vt-hero-bottom p { font-size:12px; color:var(--vt-muted); }.vt-link { display:inline-flex; gap:40px; align-items:center; font-size:12px; font-weight:600; padding:13px 0; border-bottom:1px solid var(--vt-red); }.vt-link span { font-size:20px; color:var(--vt-red); }.vt-link:hover { color:var(--vt-red); }
.vt-split { display:grid; grid-template-columns:1.1fr 1fr; gap:85px; }.vt-split > div > p:not(.vt-kicker) { font-size:14px; color:var(--vt-muted); }.vt-split > div > p + p { margin-top:20px; }.vt-split .vt-disclaimer { font-size:10px!important; border-top:1px solid #20232620; padding-top:20px; }
.vt-concept { background:#fff; }
.vt-section-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; margin-bottom:50px; }.vt-section-heading > p { font-size:14px; color:var(--vt-muted); max-width:470px; }
.vt-dna { background:#202326; color:#eee; }.vt-dna .vt-kicker { color:#ed8584; }.vt-dna .vt-section-heading > p { color:#b0b5b8; }
.vt-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }.vt-principles article { border-top:1px solid #ffffff25; padding-top:25px; overflow:hidden; }.vt-principles article > span { display:block; margin:25px 0 12px; font-size:9px; letter-spacing:1.5px; color:#c4c7c9; }.vt-principles h3 { font-size:20px; line-height:1.3; font-weight:500; margin-bottom:14px; }.vt-principles p { font-size:12px; color:#aeb4b6; max-width:330px; }
.vt-principle-art { height:120px; position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 50%,#b72b2e12,transparent 75%); }
.vt-lines i { position:absolute; width:80%; height:60px; border-top:1px solid #e57f78; border-radius:70% 20% 0 0; left:7%; top:40px; transform:skewX(-25deg); }.vt-lines i:nth-child(2) { top:50px; left:12%; opacity:.5; }.vt-lines i:nth-child(3) { top:60px; left:17%; opacity:.2; }
.vt-target { background:linear-gradient(90deg,transparent calc(50% - 1px),#ffffff20 50%,transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#ffffff20 50%,transparent calc(50% + 1px)); }.vt-target i { width:80px; height:80px; position:absolute; left:calc(50% - 40px); top:20px; border:1px solid #db6b69; border-radius:50%; box-shadow:0 0 0 13px #ffffff06; }.vt-target i::before { content:''; position:absolute; inset:17px; border:1px dashed #ffffff50; border-radius:50%; }
.vt-tracks { background:repeating-linear-gradient(120deg,transparent 0 18px,#d7686230 19px 21px,transparent 22px 35px); mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.vt-brand-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:24px; }.vt-brand-board { min-height:370px; padding:32px; background:#202326; color:#eee; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }.vt-brand-board::before { content:''; position:absolute; height:150%; width:100px; background:#b72b2e; right:18%; top:-25%; transform:rotate(25deg); opacity:.25; }.vt-brand-board > span { font-size:8px; letter-spacing:1.5px; z-index:1; }.vt-brand-board > strong { font-style:italic; font-size:clamp(38px,5vw,70px); letter-spacing:-3px; text-align:center; line-height:1; position:relative; }.vt-brand-board > strong small { display:block; font-size:9px; letter-spacing:7px; font-style:normal; font-weight:400; padding-top:16px; }.vt-brand-board > div { display:flex; justify-content:space-between; align-items:end; font-size:9px; position:relative; }.vt-brand-board svg { width:43px; height:33px; fill:#ed6e64; }
.vt-symbol-board { background:#e2e3e0; padding:32px; display:flex; flex-direction:column; gap:25px; justify-content:space-between; }.vt-symbol { display:grid; place-items:center; flex:1; background:linear-gradient(90deg,transparent 49.7%,#20232615 50%,transparent 50.3%); }.vt-symbol svg { width:150px; height:113px; fill:var(--vt-red); }.vt-swatches { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.vt-swatches span { font-size:9px; }.vt-swatches i { display:block; height:38px; background:var(--vt-swatch); margin-bottom:9px; border:1px solid #2023260a; }
.vt-config { background:#e7e8e5; }.vt-config-stage { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,#fafaf7,transparent 70%); }.vt-config-stage img { width:100%; height:auto; position:relative; }.vt-config-mark { position:absolute; right:6%; top:10%; font-size:clamp(60px,13vw,170px); font-style:italic; font-weight:700; color:#20232607; letter-spacing:-7px; }
.vt-config-controls { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #20232625; padding-top:25px; }.vt-config-controls .vt-kicker { margin-bottom:8px; font-size:8px; }.vt-finish { font-size:18px; font-weight:500; }.vt-color-options { display:flex; gap:12px; }.vt-color-options button { appearance:none; font-family:inherit; color:var(--vt-ink); padding:9px 10px; border:1px solid transparent; background:transparent; cursor:pointer; min-width:58px; }.vt-color-options button i { display:block; width:27px; height:27px; border-radius:50%; background:var(--vt-color); border:1px solid #20232620; margin:0 auto 9px; }.vt-color-options button span { display:block; font-size:9px; }.vt-color-options button[aria-pressed="true"] { border-color:#20232680; background:#ffffff40; }.vt-color-options button:hover { background:#ffffff60; }.vt-config-note { font-size:9px; color:var(--vt-muted); line-height:1.8; }
.vt-journey { background:#202326; color:#f1f0ed; }.vt-journey-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:75px; align-items:center; }.vt-journey-grid > div > p:not(.vt-kicker) { font-size:14px; color:#b9bec0; margin-top:25px; }.vt-journey h2 span { color:#bf7774; }.vt-journey-list { list-style:none; counter-reset:vt-steps; margin-top:30px; }.vt-journey-list li { counter-increment:vt-steps; display:grid; grid-template-columns:24px 1fr; gap:4px 13px; border-top:1px solid #ffffff25; padding:17px 0; }.vt-journey-list li::before { content:'0' counter(vt-steps); font-size:9px; color:#e1847d; grid-row:span 2; padding-top:3px; }.vt-journey-list strong { font-size:13px; font-weight:500; }.vt-journey-list span { font-size:11px; color:#aeb4b6; }
.vt-device { background:#eeefec; color:#202326; border-radius:8px 8px 0 0; overflow:hidden; box-shadow:0 25px 45px #0003; }.vt-device-bar { padding:12px 18px; display:flex; justify-content:space-between; font-size:8px; border-bottom:1px solid #20232620; color:#74797c; }.vt-device-content { padding:25px; }.vt-device-content > span:first-child { font-size:9px; font-weight:600; letter-spacing:1px; }.vt-device-content > strong { display:block; font-size:clamp(28px,3vw,40px); line-height:1.1; margin-top:30px; letter-spacing:-1.5px; }.vt-device-content img { width:calc(100% + 30px); max-width:none; margin:0 -15px; height:auto; }.vt-mock-action { display:inline-block; padding:10px 15px; background:var(--vt-red); color:#fff; font-size:9px; }
.vt-application-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }.vt-application-grid h3 { font-size:20px; line-height:1.3; margin:24px 0 12px; }.vt-application-grid p { font-size:13px; color:var(--vt-muted); }.vt-editorial-art,.vt-space-art { height:330px; position:relative; overflow:hidden; display:grid; place-items:center; }.vt-editorial-art { background:#d9dcda; }.vt-book { width:210px; height:275px; background:#b72b2e; color:white; padding:25px; transform:rotate(-9deg); box-shadow:15px 17px 22px #20232625; display:flex; flex-direction:column; justify-content:space-between; }.vt-book > span { font-size:12px; font-style:italic; font-weight:700; }.vt-book > strong { font-size:28px; line-height:1; letter-spacing:-1px; }.vt-book > div { font-size:43px; font-weight:700; font-style:italic; opacity:.35; }.vt-book small { font-size:7px; letter-spacing:1px; }.vt-space-art { background:repeating-linear-gradient(90deg,transparent 0 65px,#ffffff05 66px 67px),linear-gradient(120deg,#444a4b,#171b1d); }.vt-showroom-sign { font-size:clamp(35px,4.4vw,62px); font-style:italic; font-weight:650; color:#ddd; text-shadow:0 4px 2px #0004; z-index:1; }.vt-showroom-sign small { display:block; font-size:9px; letter-spacing:9px; font-style:normal; font-weight:400; text-align:center; }.vt-space-art > i { position:absolute; top:0; bottom:0; right:14%; width:14px; background:#b72b2e; transform:skew(-20deg); box-shadow:0 0 25px #b72b2e50; }
.vt-closing { background:#a52529; color:#fff; position:relative; overflow:hidden; }.vt-closing .container { position:relative; }.vt-closing::before { content:''; position:absolute; right:17%; top:-25%; width:100px; height:160%; background:#ffffff05; transform:rotate(25deg); box-shadow:70px 0 0 #ffffff04,140px 0 0 #ffffff03; }.vt-closing h2 em { font-style:normal; color:#efb8b7; }.vt-closing p:not(.vt-kicker) { font-size:14px; max-width:550px; margin-top:25px; color:#f3d8d7; }.vt-button { display:inline-flex; align-items:center; gap:35px; padding:17px 24px; background:#f1f0ed; color:#202326; font-size:12px; font-weight:600; margin-top:28px; }.vt-button:hover { background:#fff; }.vt-signature { display:block; margin-top:35px; font-size:9px; letter-spacing:1.3px; text-transform:uppercase; }
@media(max-width:1000px) { .vt-split,.vt-journey-grid { grid-template-columns:1fr; gap:40px; }.vt-device { max-width:680px; width:100%; margin:auto; }.vt-principles { gap:20px; }.vt-section-heading { gap:35px; } }
@media(max-width:700px) { .vt-section { padding:65px 0; }.vt-topline { flex-wrap:wrap; gap:8px; font-size:8px; }.vt-hero-heading { gap:20px; }.vt-hero-heading > p:last-child { max-width:150px; font-size:10px; }.vt-hero h1 { letter-spacing:-2px; }.vt-hero-stage { margin-top:20px; }.vt-hero-stage img { margin-top:0; width:120%; max-width:none; margin-left:-10%; }.vt-hero-outline { letter-spacing:-5px; top:7%; }.vt-stage-label { font-size:7px; bottom:0; }.vt-hero-bottom { align-items:start; flex-direction:column; gap:12px; margin-top:20px; }.vt-hero-bottom p { font-size:11px; }.vt-section-heading,.vt-principles,.vt-brand-grid,.vt-application-grid { grid-template-columns:1fr; gap:30px; }.vt-section-heading { margin-bottom:35px; }.vt-principles { gap:35px; }.vt-principles article { display:grid; grid-template-columns:90px 1fr; gap:0 20px; }.vt-principle-art { grid-row:span 3; height:130px; }.vt-principles article > span { margin-top:0; }.vt-principles h3 { font-size:18px; }.vt-target i { width:58px; height:58px; left:calc(50% - 29px); top:35px; }.vt-target i::before { inset:12px; }.vt-brand-board { min-height:320px; }.vt-symbol-board { min-height:300px; }.vt-config-controls { flex-wrap:wrap; gap:20px; }.vt-config-note { width:100%; }.vt-config-controls .vt-finish { font-size:16px; }.vt-color-options { gap:5px; }.vt-color-options button { min-width:51px; padding:9px 7px; }.vt-config-stage img { max-width:none; width:120%; margin-left:-10%; }.volten-page h2 { letter-spacing:-1px; }.vt-device-content { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .volten-page *, .volten-page *::before,.volten-page *::after { animation:none; transition:none; } }