/* Che Carga · Inicio. Mismo lenguaje que la pantalla de acceso: azul marino, acento naranja, tipografía del sitio. */
#homeView{max-width:none;margin:0;padding:0}
.hm-in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
#homeView h2,#homeView h3{font-family:var(--hd);margin-block-start:0;margin-inline:0;color:inherit;text-wrap:balance}

/* Camión y carga (SVG, vista lateral) — paleta de la marca sobre fondo azul marino */
.cfx{display:block;width:100%;height:auto;overflow:visible}
.cfx.hx,.cfx.gate-art{overflow:hidden}
.cfx .gr{stroke:#35506b;stroke-width:3}
.cfx .shd{fill:rgba(0,0,0,.4)}
.cfx .tire{fill:#050e18}.cfx .side{fill:#13283d}.cfx .dish{fill:#3b5671}.cfx .lug{fill:#0a1f36}.cfx .cap{fill:#0a1f36;stroke:#9db1c7;stroke-width:2}
.cfx .well{fill:#06121f}.cfx .arch{fill:none;stroke:#a94b0c;stroke-width:8}
.cfx .frame{fill:#3f5873}.cfx .deck{fill:#8fa6bf}.cfx .fifth{fill:#2c4157}.cfx .gear{fill:#2c4157}.cfx .leg{fill:#566f8a}
.cfx .flap{fill:#0c1a29}.cfx .strap{fill:#3b5671}.cfx .cap2{fill:#cfdbe8}
.cfx .band{fill:#0f2b46}.cfx .hl{fill:#f3a15f}.cfx .seam{fill:none;stroke:#a94b0c;stroke-width:3}
.cfx .shine{fill:#fff;opacity:.16}.cfx .handle{fill:#0f2b46}.cfx .mirror{fill:#1c4a74;stroke:#8da4bd;stroke-width:3}.cfx .arm{stroke:#8da4bd;stroke-width:5}
.cfx .grille{fill:#0b1a2b}.cfx .slat{stroke:#8da4bd;stroke-width:2}.cfx .lamp{fill:#fff1bd;stroke:#a94b0c;stroke-width:3}.cfx .lamp2{fill:#f3a15f}.cfx .step{fill:#566f8a}
.cfx .bump{fill:#8fa6bf}.cfx .tail{fill:#d83a2a}
.cfx .dot1,.cfx .dot2{stroke-width:7;fill:none}.cfx .dot1{stroke:#e8eef6}.cfx .dot2{stroke:#d83a2a;stroke-dasharray:22 22;stroke-dashoffset:0}
.cfx .shell{fill:#2f78d6;fill-opacity:.2}
.cfx .shellb{fill:none;stroke:#4f93ec;stroke-width:6}
.cfx .rib{stroke:#4f93ec;stroke-width:2;opacity:.35}
.cfx .bx rect{stroke:rgba(6,18,31,.6);stroke-width:1.6}
.cfx .k0 .f{fill:#4f93ec}.cfx .k0 .t{fill:#8ec0ff}
.cfx .k1 .f{fill:#e0701f}.cfx .k1 .t{fill:#f3a15f}
.cfx .dm line{stroke:#8da4bd;stroke-width:3}.cfx .dm text{fill:#c3d0e0;font:500 36px "IBM Plex Mono",ui-monospace,Menlo,monospace}

/* Inicio: una sola pantalla, un solo cuadro */
.hm1{min-height:calc(100dvh - 200px);display:flex;align-items:center;padding:clamp(14px,3vh,32px) 0}
.hm1 .hm-in{width:100%;display:flex;flex-direction:column;gap:clamp(14px,2.6vh,24px)}
.hm1-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}
.hm1 h2{font-weight:700;font-size:clamp(30px,4.6vw,52px);line-height:1.04;letter-spacing:-.005em;color:var(--ink);margin-block-end:8px}
.hm-sub{margin:0;font-size:clamp(14.5px,1.5vw,17px);line-height:1.5;color:var(--mut);max-width:52ch}
.btn.lg{height:48px;padding:0 24px;font-size:15.5px;font-weight:600;justify-content:center}

.hm-mon{border-radius:var(--r-lg);padding:clamp(12px,2vw,20px) clamp(12px,2vw,24px) 10px;color:#e8eef6;box-shadow:var(--sh);
  background:linear-gradient(rgba(143,170,200,.06) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(143,170,200,.06) 1px,transparent 1px) 0 0/36px 36px,#0a1f36}
.hm-tg{display:inline-flex;border:1px solid rgba(255,255,255,.28);border-radius:var(--r);overflow:hidden}
.hm-tg button{border:0;background:transparent;color:#c3d0e0;font:500 13px/1 var(--bd);padding:0 14px;height:34px;cursor:pointer}
.hm-tg button[aria-pressed=true]{background:#e8eef6;color:#0a1f36;font-weight:600}
.hm-tg button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.cfx.dx{max-height:38vh}
.cfx.dx .bx{transform-box:fill-box;transform-origin:center;transition:transform .95s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--i)*9ms)}
.cfx.dx.chaos .bx{transform:translate(calc(var(--dx)*1px),calc(var(--dy)*1px)) rotate(calc(var(--rt)*1deg))}
.hm-note{margin:4px 0 0;font-size:12.5px;color:#93a6bb}

.hm-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 16px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}
.hm-row:hover{border-color:var(--acc);box-shadow:0 2px 10px color-mix(in srgb,var(--ink) 10%,transparent)}
.hm-row:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.hm-row .t{font:700 18px/1.2 var(--hd)}
.hm-row .d{color:var(--mut);font-size:13.5px;line-height:1.4}
.hm-row .go{font-weight:700;font-size:12.5px;color:var(--acc)}
.hm-row .go:empty{display:none}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.34);color:#e8eef6}
.cfx.gate-art{max-width:640px}

@media (max-width:760px){
  .hm1{min-height:0}
  .hm-rows{grid-template-columns:minmax(0,1fr)}
  .hm1 .btn.lg{width:100%}
  .hm1-top .hm-cta{flex:1 1 100%}
  .cfx.dx{max-height:none}
}
@media (prefers-reduced-motion:reduce){.cfx.dx .bx{transition:none}}