.concept-page{--cream:#fffdf8;--paper:#f7f1e7;--peach:#f6ddcd;--ink:#14213d;--indigo:#3147c7;--amber:#eea928;--sage:#b9d6c2;--line:#d9d1c4;background:var(--cream)!important}
.concept-page header{box-shadow:0 8px 30px rgba(20,33,61,.045)}.concept-page .brand-symbol img{filter:brightness(0) saturate(100%) invert(12%) sepia(28%) saturate(1412%) hue-rotate(183deg) brightness(91%) contrast(97%)}
.concept-page .art{max-width:1120px!important;padding-top:44px!important}.concept-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:72px;align-items:center;padding:24px 0 72px}.concept-copy h1{font-size:clamp(3rem,5.8vw,5.9rem)!important;margin-bottom:28px!important}.concept-copy .entrada{margin:0!important;max-width:620px}
.concept-page .art>h2,.concept-page .art>h3,.concept-page .art>p,.concept-page .art>ul,.concept-page .art>.dato{max-width:820px;margin-left:auto;margin-right:auto}.concept-page .art>table,.concept-page .art>.cta-caja,.concept-page .art>.relacionadas{max-width:940px;margin-left:auto;margin-right:auto}
.concept-visual{position:relative;min-height:470px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,var(--paper));box-shadow:0 30px 80px rgba(20,33,61,.11);overflow:hidden;isolation:isolate}.concept-visual:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-100px;top:-120px;background:var(--peach);opacity:.82;z-index:-1}.visual-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.visual-head strong{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.visual-head span{font:700 .66rem monospace;color:var(--indigo);background:#e8eaff;padding:6px 10px;border-radius:999px}
.route-stage{position:absolute;inset:72px 0 0}.route-stage svg{width:100%;height:100%}.street{fill:none;stroke:#d8d1c7;stroke-width:1.25}.route{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650}.route-a{stroke:#3147c7}.route-b{stroke:#eea928}.route-c{stroke:#e66f61}.is-visible .route{animation:draw-route 2.2s ease forwards}.is-visible .route-b{animation-delay:.35s}.is-visible .route-c{animation-delay:.7s}.stop{transform-box:fill-box;transform-origin:center;opacity:0;fill:#fff;stroke-width:3}.is-visible .stop{animation:pop-stop .35s ease forwards}.depot{fill:var(--ink);stroke:#fff;stroke-width:5}.visual-stats{position:absolute;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.visual-stat{background:#fffdf8e8;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.visual-stat b{display:block;color:var(--indigo)}.visual-stat small{color:#687084;font-size:.66rem;text-transform:uppercase}
.load-stage{padding:28px 26px}.cargo-shell{position:relative;height:300px;border:3px solid var(--ink);border-right:10px double var(--amber);border-radius:12px 3px 3px 12px;background:linear-gradient(#eef0f8,#fff);overflow:hidden}.cargo-grid{position:absolute;inset:14px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);gap:4px}.parcel{border:2px solid #14213d3d;border-radius:5px;color:var(--ink);font:800 .62rem monospace;padding:5px;opacity:0;transform:translateY(-45px) scale(.94)}.is-visible .parcel{animation:load-box .62s cubic-bezier(.2,.8,.2,1) forwards}.parcel:nth-child(2){animation-delay:.18s}.parcel:nth-child(3){animation-delay:.36s}.parcel:nth-child(4){animation-delay:.54s}.parcel:nth-child(5){animation-delay:.72s}.parcel:nth-child(6){animation-delay:.9s}.parcel:nth-child(7){animation-delay:1.08s}.parcel:nth-child(8){animation-delay:1.26s}.parcel:nth-child(9){animation-delay:1.44s}.parcel:nth-child(10){animation-delay:1.62s}.parcel:nth-child(11){animation-delay:1.8s}.parcel:nth-child(12){animation-delay:1.98s}.p-blue{background:#9facf2}.p-peach{background:#f3b69f}.p-amber{background:#f4cd78}.p-sage{background:#b9d6c2}.load-door{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:800 .62rem monospace;color:#8d5b00;writing-mode:vertical-rl}.load-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.load-legend span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;color:#596276;font-size:.68rem}.load-legend b{color:var(--ink)}
@keyframes draw-route{to{stroke-dashoffset:0}}@keyframes pop-stop{0%{opacity:0;transform:scale(.2)}75%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}@keyframes load-box{to{opacity:1;transform:none}}
@media(max-width:900px){.concept-hero{grid-template-columns:1fr;gap:38px}.concept-visual{min-height:430px}.concept-page nav .btn:not(.btn-p){display:none}}@media(max-width:560px){.concept-page .art{padding-top:18px!important}.concept-hero{padding-bottom:46px}.concept-visual{min-height:390px;border-radius:18px}.visual-stats{grid-template-columns:1fr;right:auto}.visual-stat:nth-child(n+2){display:none}.cargo-shell{height:250px}.load-stage{padding:20px 14px}.concept-copy h1{font-size:2.75rem!important}}@media(prefers-reduced-motion:reduce){.route,.stop,.parcel{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}