/* Marca principal, selección visible y canales de contacto. */
.brand .brand-mark{display:block;width:100%;height:100%}
#sector-field{scroll-margin-top:130px}
#sector-feedback{min-height:1.4em;color:#526675;font-size:12px;line-height:1.4}
select.sector-selected{animation:sector-confirm 3.6s ease-out}
@keyframes sector-confirm{0%,55%{color:#146c43;border-color:#198754;background:#edf9f1;box-shadow:0 0 0 4px #19875420}100%{color:var(--ink);border-color:#c9d5dd;background:#fbfcfd;box-shadow:0 0 0 0 #19875400}}
.quote-contact>.whatsapp-button{font-size:14px;margin-top:14px;max-width:100%}
.credit-contact-link small{display:block;font-size:12px;color:#c5d6e1;margin-top:9px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){select.sector-selected{animation:none;color:#146c43;border-color:#198754;background:#edf9f1}}
/* Nueva dirección fotográfica Higgsfield. Texto real y contraste constante. */
:root{--deep:#071d2d;--ink:#15364c;--muted:#526675}
.header{background:#fff;backdrop-filter:none}.nav{height:88px}.nav nav{gap:28px}.nav .brand{width:215px;flex-basis:215px}.button{min-height:50px;border-radius:8px}.hero{min-height:660px;isolation:isolate;background:#071d2d}.hero-photo{background-image:url('assets/velfast-hero-brand.webp');background-position:72% center;background-size:cover;opacity:1;inset:0}.hero:hover .hero-photo{transform:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;opacity:0;transition:opacity .7s;pointer-events:none}.hero-video.is-playing{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(3,17,31,.94) 0%,rgba(3,17,31,.82) 31%,rgba(3,17,31,.34) 62%,rgba(3,17,31,.08) 100%),linear-gradient(0deg,rgba(3,17,31,.55),transparent 55%)}.hero-content{padding-block:110px 80px;z-index:2}.hero h1.hero-title{font-size:clamp(42px,5.2vw,74px);font-weight:600;line-height:1.12;max-width:700px;letter-spacing:-.055em}.hero h1 em{color:#ff777d}.hero p{font-size:18px;line-height:1.7;color:#f0f5f9;max-width:490px}.hero .eyebrow{color:#e9f1f7;font-size:12px;letter-spacing:.13em}.hero-actions{gap:14px;margin-top:30px}.hero-actions .button{padding:17px 24px}.hero-actions .outline{background:#081e3080;border-color:#a5b7c4}.hero-foot{color:#d4e1eb;margin-top:42px}.video-toggle{position:absolute;right:28px;bottom:24px;z-index:3;color:#fff;background:#06182cc9;border:1px solid #9aafc15c;border-radius:24px;padding:10px 16px;display:flex;gap:14px;align-items:center;font-size:12px;min-height:42px}.video-toggle[hidden]{display:none}.clients{padding-block:34px;background:white}.clients .eyebrow{font-size:11px;letter-spacing:.16em;color:#526675}.client-card{height:95px}.section{padding-block:84px}.solution{gap:72px}.product-image{height:470px;border-radius:18px;box-shadow:0 20px 45px #071d2d14}.product-photo{background:url('assets/higgsfield-supply.webp') center/cover no-repeat}.product-details h2{font-size:clamp(32px,3.6vw,48px);line-height:1.15}.product-details>p{font-size:17px;color:#526675}.supply-facts strong{font-size:27px}.supply-facts span{font-size:13px;color:#526675}.credit-service{border:0;padding:36px 40px;background:#edf3f6;border-radius:16px;margin-bottom:52px}.credit-service h2{font-size:30px}.credit-service p{color:#435d70}.sector-strip{padding-bottom:64px}.sector-links a{padding:27px 22px}.plants p{color:#455f70}.quote{background:radial-gradient(ellipse at 0% 0%,#123e58,transparent 65%),#071d2d}.quote-layout{gap:70px}.quote-copy h2{font-size:clamp(38px,4.6vw,58px);line-height:1.12}.quote-copy>p{color:#d4e0e9}.quote-contact>span,.quote-contact>small{color:#c5d6e1}.quote-copy .operation-note{color:#c5d6e1}.quote-form{border:1px solid #e3eaf0;border-radius:16px;padding:36px}.form-grid{gap:22px 20px}.form-grid label{font-size:14px;line-height:1.5;gap:8px}input,select,textarea{min-height:50px;font-size:16px;background:#fbfcfd;border-color:#c9d5dd}input::placeholder,textarea::placeholder{color:#697d8c}.demo-note{font-size:13px!important;color:#506777}.form-foot{font-size:12px!important;line-height:1.7}.footer-bottom{padding-bottom:34px}
@media(max-width:1050px){.nav nav{top:88px}.nav nav.open{gap:22px}.hero h1.hero-title{font-size:54px}.solution{gap:38px}.quote-layout{gap:36px}}
@media(max-width:800px){.nav{height:78px}.nav nav{top:78px}.nav .brand{width:195px;flex-basis:195px}.hero{min-height:650px}.hero-content{padding-block:66px 95px}.hero-photo{background-image:url('assets/velfast-hero-brand.webp');background-position:76% center}.hero-video{object-position:76% center}.hero-shade{background:linear-gradient(90deg,#03111feb,#03111f94),linear-gradient(0deg,#03111f66,transparent)}.hero h1.hero-title{font-size:clamp(34px,7.4vw,54px)}.hero p{font-size:16px;max-width:390px}.hero .eyebrow{font-size:11px}.hero-foot{font-size:10px}.video-toggle{bottom:18px;right:20px}.section{padding-block:52px}.solution{gap:32px}.product-image{height:350px}.product-details h2{font-size:36px}.credit-service{width:calc(100% - 40px);padding:26px;margin-bottom:32px}.credit-service h2{font-size:27px}.sector-links a{padding:22px 0}.quote-copy{position:static}.quote-copy h2{font-size:40px}.quote-form{padding:25px}.footer-bottom{padding-bottom:90px}}
@media(max-width:480px){.hero{min-height:670px}.hero h1.hero-title{font-size:clamp(30px,8.9vw,42px)}.hero-content{padding-block:60px 88px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%;padding:15px 18px}.hero p{max-width:330px}.hero-foot{max-width:290px;margin-top:30px}.product-image{height:300px}.product-details h2{font-size:34px}.quote-form{padding:22px}.supply-facts{gap:22px}.supply-facts strong{font-size:24px}.supply-facts span{font-size:12px}.services-dropdown{width:100%}.services-dropdown a{font-size:13px}.sector-links a{font-size:19px}.quote-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.video-toggle{display:none}}

/* Escenas ligeras por sector, sin archivos de video ni cambios de altura. */
.sector-links a{position:relative;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;overflow:hidden;transition:background .2s,color .2s;border-radius:10px;min-height:114px}
.sector-scene{width:76px;height:62px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#15516b}
.sector-links a>span:last-child{color:#f43140}.sector-links a:is(:hover,:focus-visible,.is-activating){background:#edf4f7;color:#0c425c}.sector-links a:focus-visible{outline:2px solid #0c425c;outline-offset:3px}
.sector-links a:is(:hover,:focus-visible,.is-activating) .sector-lift{animation:sector-hoist .65s ease-in-out infinite alternate}
.sector-links a:is(:hover,:focus-visible,.is-activating) .sector-truck{animation:sector-haul .65s ease-in-out infinite alternate}
.sector-gear{transform-box:fill-box;transform-origin:center}.sector-links a:is(:hover,:focus-visible,.is-activating) .sector-gear{animation:sector-turn 1.3s linear infinite}
.sector-links a.is-activating{background:#dcecf2}
@keyframes sector-hoist{to{transform:translateY(-9px)}}@keyframes sector-haul{to{transform:translateX(7px)}}@keyframes sector-turn{to{transform:rotate(180deg)}}
@media(max-width:1100px){.sector-links a{grid-template-columns:58px 1fr auto;gap:10px;padding:20px 12px;font-size:17px}.sector-scene{width:58px}}
@media(max-width:800px){.sector-links a{grid-template-columns:72px 1fr auto;padding:15px 12px;min-height:96px;font-size:19px}.sector-scene{width:72px}}
@media(prefers-reduced-motion:reduce){.sector-links a,.sector-links a *{animation:none!important;transition:none!important}}

.hero-video{transition:opacity .8s linear}.hero-shade{z-index:2}.hero-content{z-index:3}.video-toggle{z-index:4}

/* Secuencia audiovisual de los cuatro sectores. */
.supply-story{position:relative;isolation:isolate;background:#071d2d;height:auto;overflow:hidden}
.supply-scenes,.supply-panel{position:absolute;inset:0}.supply-panel{opacity:0;transition:opacity .75s ease;pointer-events:none}.supply-panel.is-current{opacity:1}.supply-panel img,.supply-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.supply-video{opacity:0;transition:opacity .35s}.supply-video.is-ready{opacity:1}
.supply-story-shade{position:absolute;inset:0;background:linear-gradient(0deg,#03111ff5,#03111f80 35%,transparent 70%);pointer-events:none}
.supply-story-caption{position:absolute;left:28px;right:24px;bottom:146px;color:#fff}.supply-story-caption>span{font-size:11px;letter-spacing:.18em;color:#e3edf5}.supply-story-caption strong{display:block;font-size:clamp(32px,3.1vw,44px);line-height:1.15;letter-spacing:-.04em;margin:8px 0}.supply-story-caption p{margin:0;color:#e3edf5;font-size:14px}
.supply-story-controls{position:absolute;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.supply-story-controls button,.supply-story-pause{color:#fff;border:1px solid #ffffff60;border-radius:12px;background:#071d2dc9;padding:10px 12px;font-size:13px;min-height:44px;cursor:pointer}.supply-story-controls button[aria-pressed=true]{background:white;color:#0c425c;border-color:white}.supply-story-controls button:focus-visible,.supply-story-pause:focus-visible{outline:3px solid #ff777d;outline-offset:3px}.supply-story-pause{position:absolute;right:20px;top:20px;border-radius:24px;font-size:12px}.supply-story-pause[hidden]{display:none}
.sector-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sector-links a{grid-template-columns:54px 1fr auto;padding:22px 14px;font-size:17px;gap:9px}.sector-scene{width:54px}
@media(max-width:1100px){.sector-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-links a{font-size:19px}}
@media(max-width:600px){.sector-links{grid-template-columns:1fr}.sector-links a{grid-template-columns:64px 1fr auto;min-height:90px}.sector-scene{width:64px}.supply-story{height:480px}.supply-story-caption{left:20px;bottom:143px}.supply-story-controls{left:16px;right:16px;bottom:20px}.supply-story-controls button{padding:10px 6px;font-size:12px}.supply-story-caption strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.supply-panel,.supply-video{transition:none}.supply-video{display:none}}

.credit-contact{margin-top:30px;max-width:390px}.credit-contact-link{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #7797ac;border-radius:12px;padding:18px 20px;background:#ffffff08;color:#fff;transition:background .2s,border-color .2s}.credit-contact-link strong{display:block;font-size:18px;line-height:1.4}.credit-contact-link>span>span{display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:4px;color:#e1eef6}.credit-contact-arrow{font-size:26px;color:#ff777d;transition:transform .2s}.credit-contact-link:hover,.credit-contact-link:focus-visible{background:#ffffff15;border-color:#d2e3ee}.credit-contact-link:hover .credit-contact-arrow,.credit-contact-link:focus-visible .credit-contact-arrow{transform:translate(3px,-3px)}.credit-contact>p{font-size:12px;color:#c5d6e1;margin:9px 2px 0}@media(prefers-reduced-motion:reduce){.credit-contact-link,.credit-contact-arrow{transition:none}.credit-contact-link:hover .credit-contact-arrow{transform:none}}

/* El proceso completo queda visible, sin recortar conexiones ni taparlo con controles. */
.product-image.supply-story{height:auto}
.supply-scenes{position:relative;aspect-ratio:4/3}
.supply-story-shade{display:none}
.supply-story-caption{position:relative;inset:auto;padding:20px 24px 12px}
.supply-story-caption strong{font-size:30px;margin:4px 0}
.supply-story-caption p{position:absolute;right:24px;top:27px;font-size:12px;color:#b5cad8}
.supply-story-controls{position:relative;inset:auto;margin:0 20px 20px}
.hero:has(.hero-video.is-playing) .hero-photo{background-image:none}
.hero-video{left:36%;right:auto;width:75%;object-fit:contain;object-position:center;mask-image:linear-gradient(0deg,transparent 15%,#000 28%,#000 72%,transparent 85%),linear-gradient(90deg,transparent,#000 12%);mask-composite:intersect}
@media(max-width:800px){.hero-video{left:0;width:100%;object-fit:cover;object-position:76% center;mask-image:none}}
@media(max-width:600px){.supply-story-caption{padding:17px 18px 12px}.supply-story-caption strong{font-size:27px}.supply-story-caption p{right:18px;top:23px}.supply-story-controls{margin:0 14px 16px}.supply-story-pause{top:12px;right:12px}}

/* Separación compacta entre clientes y abastecimiento. */
.clients{padding-bottom:12px}#abastecimiento{padding-top:32px}
@media(max-width:800px){.clients{padding-bottom:8px}#abastecimiento{padding-top:24px}}