/* ============================================================
   Cartón Box del Paraguay · identidad tomada del logo (antorcha)
   verde del sol y la loma #2EAD2E · azul del mango #3434C2 → lavanda #A4A4CC · llama #F4EA2A
   Se carga después de app.css (motor) y wow.css.
   ============================================================ */
:root{
  --rojo:#188027; --rojo-900:#0E5418; --rojo-700:#146B21; --rojo-50:#E7F5E8; --rojo-100:#C2E6C6;
  --negro:#12143A; --negro-2:#1B1E52; --negro-3:#272B72;
  --naranja:#3434C2; --naranja-50:#EAEAFB;
  --amarillo:#F4EA2A; --amarillo-50:#FEFBDA;
  --violeta:#6E6EC4; --violeta-50:#EFEFFA;
  --azul:#3434C2; --azul-50:#EAEAFB;
  --verde:#188027; --verde-50:#E7F5E8;
  --fondo:#F5F6F2; --fondo-2:#EAECE6; --linea:#E1E4DC; --linea-fuerte:#C9CEC2;
  --sombra-2:0 6px 18px rgba(18,20,58,.08),0 1px 3px rgba(18,20,58,.05);
  --sombra-3:0 22px 50px rgba(18,20,58,.16),0 2px 8px rgba(18,20,58,.06);
}
.gate{background:#05060F}
.gate__bg i{background:linear-gradient(90deg,transparent,#2EAD2E 40%,#2EAD2E 60%,transparent);opacity:.1}
.gate__bg i:nth-child(2){background:linear-gradient(90deg,transparent,#3434C2 40%,#3434C2 60%,transparent);opacity:.12}
.gate__bg i:nth-child(3){background:linear-gradient(90deg,transparent,#F4EA2A 40%,#F4EA2A 60%,transparent);opacity:.06}
.gate__t{color:#fff}
.gate__s{color:rgba(255,255,255,.7)}
.pin__btn{background:#2EAD2E;color:#06210A}
.pin__btn:hover{background:#3CC23C}
.boot{background:#05060F}
.boot__k b{color:#7DD87D}
.boot__barra i{background:linear-gradient(90deg,#2EAD2E,#F4EA2A)}
.boot__emb{width:min(170px,40vw)}
.marca__emb{background:#fff;border-radius:10px;padding:3px}
.marca__emb .wm-svg{width:34px}
.wipe{background:#05060F}
.chip--rojo{background:var(--rojo-50);color:#0E5418;border-color:#B5DDB9}
.chip--amarillo{background:var(--amarillo-50);color:#5E5600;border-color:#EAE08A}
.tag--amarillo{background:var(--amarillo-50);color:#5E5600}
.feed__it .ic.amarillo{background:var(--amarillo-50);color:#5E5600}
.kpi--amarillo::after{background:#D9CE12}
.card--rojo{background:linear-gradient(135deg,#146B21,#188027 60%,#1E8F2A)}
.card--negro{background:linear-gradient(135deg,#12143A,#1B1E52)}
.precios--junto .pblo b,.card--rojo .pblo b{color:#fff}
.pie__real,.pie__modelo{display:inline}
.wow-hero{--wow-letra:#fff}
/* ---------- piezas propias del rubro ---------- */
.rollo-svg{width:100%;height:auto;display:block}
.rollo-svg .gira{transform-origin:center;transform-box:fill-box;animation:giraRollo 6s linear infinite}
@keyframes giraRollo{to{transform:rotate(360deg)}}
.rollo-svg .hoja{stroke-dasharray:6 5;animation:hojaCorre 1.2s linear infinite}
@keyframes hojaCorre{to{stroke-dashoffset:-22}}
.flujo-cb{position:relative;background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:14px;overflow:hidden}
.flujo-cb svg{width:100%;height:auto;display:block}
.flujo-cb .via{fill:none;stroke:var(--linea-fuerte);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}
.flujo-cb .via-on{fill:none;stroke:var(--rojo);stroke-width:3;stroke-linecap:round}
.flujo-cb .nodo rect{fill:#fff;stroke:var(--linea-fuerte);stroke-width:1.4;transition:stroke .3s,fill .3s}
.flujo-cb .nodo.on rect{stroke:var(--rojo);fill:var(--rojo-50)}
.flujo-cb .nodo text{font-size:12.5px;font-weight:700;fill:var(--tinta);text-anchor:middle}
.flujo-cb .nodo text.s{font-size:10.5px;font-weight:500;fill:var(--tinta-45)}
.flujo-cb .viajero{fill:var(--naranja)}
.flujo-cb__pie{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--tinta-45)}
.marca-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}
.marca-it{border:1px solid var(--linea);border-radius:14px;background:#fff;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s;cursor:default}
.marca-it:hover{transform:translateY(-3px);box-shadow:var(--sombra-2)}
.marca-it img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:3px solid var(--c)}
.marca-it div{padding:8px 10px 10px}
.marca-it b{display:block;font-family:var(--disp);font-size:18px;line-height:1.1;color:var(--tinta)}
.marca-it span{display:block;font-size:11px;color:var(--tinta-45);line-height:1.35;margin-top:2px}
.marca-it em{font-style:normal;display:inline-block;margin-top:5px;font-size:10.5px;font-weight:700;color:var(--c)}
.vacio-gond{display:grid;place-items:center;text-align:center;min-height:150px;border:2px dashed var(--linea-fuerte);border-radius:14px;color:var(--tinta-45);font-size:12.5px;padding:16px;background:repeating-linear-gradient(135deg,#fff 0 12px,#F8F9F5 12px 24px)}
.vacio-gond b{display:block;font-family:var(--disp);font-size:40px;color:var(--tinta);line-height:1}
.licit{display:flex;flex-direction:column;gap:10px}
.licit__it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--linea);border-radius:12px;background:#fff}
.licit__it .f{font-family:var(--disp);font-size:15px;color:var(--rojo);text-align:center;min-width:52px;line-height:1.05}
.licit__it .f small{display:block;font-family:var(--sans);font-size:10px;color:var(--tinta-45)}
.licit__it b{display:block;font-size:13px}
.licit__it span{display:block;font-size:11.5px;color:var(--tinta-45);overflow-wrap:anywhere}
.licit__it.abierto{border-color:var(--rojo);box-shadow:0 0 0 3px var(--rojo-50)}
.audit{display:flex;flex-direction:column;gap:8px}
.audit__it{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:9px 11px;border-radius:10px;background:var(--fondo)}
.audit__it i{width:22px;height:22px;border-radius:99px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;color:#fff;background:var(--c,#C6432B)}
.audit__it b{display:block;font-size:13px}
.audit__it span{display:block;font-size:11.5px;color:var(--tinta-45);overflow-wrap:anywhere}
.escalera{display:flex;flex-direction:column;gap:7px}
.escalera__it{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 74px;gap:10px;align-items:center;font-size:12px}
.escalera__it .lb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta-70)}
.escalera__it .br{height:14px;border-radius:7px;background:var(--fondo-2);overflow:hidden}
.escalera__it .br i{display:block;height:100%;width:0;border-radius:7px;background:var(--c,#9AA39A);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.escalera__it .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.escalera__it.cb .lb{color:var(--rojo);font-weight:700}
.sitio-mock{border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff}
.sitio-mock__bar{display:flex;gap:6px;align-items:center;padding:8px 10px;background:var(--fondo-2);font-size:11px;color:var(--tinta-45)}
.sitio-mock__bar i{width:9px;height:9px;border-radius:99px;background:#D5D8CF;display:block}
.sitio-mock__bar span{margin-left:8px;background:#fff;border-radius:6px;padding:2px 8px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitio-mock__hero{padding:22px 18px;background:linear-gradient(135deg,#12143A,#1B1E52);color:#fff}
.sitio-mock__hero b{display:block;font-family:var(--disp);font-size:26px;line-height:1.05}
.sitio-mock__hero span{font-size:12px;color:rgba(255,255,255,.8)}
.cola{display:flex;gap:8px;flex-wrap:wrap}
.cola span{font-size:11.5px;padding:5px 9px;border-radius:99px;background:var(--fondo);border:1px solid var(--linea)}
@media (prefers-reduced-motion:reduce){.rollo-svg .gira,.rollo-svg .hoja{animation:none}}
@media(max-width:640px){.escalera__it{grid-template-columns:minmax(0,1fr) 64px}.escalera__it .br{grid-column:1/-1;grid-row:2}.licit__it{grid-template-columns:auto minmax(0,1fr)}.licit__it>:last-child{grid-column:1/-1}}
.mapa-py .ruta-cb{fill:none;stroke:var(--naranja);stroke-width:3.5;opacity:.5;stroke-dasharray:1;stroke-dashoffset:1;animation:rutaDib 1.5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes rutaDib{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.mapa-py .ruta-cb{animation:none;stroke-dashoffset:0}}
.rollo-svg .tronco{animation:tronco 2.8s linear infinite;opacity:0}
@keyframes tronco{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(52px);opacity:0}}
.prop-pie{text-align:center;font-size:12px;color:var(--tinta-45);margin:22px 0 4px}
.fases--mod{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
@media (prefers-reduced-motion:reduce){.rollo-svg .tronco{animation:none;opacity:1}}
.h340{height:340px}.h360{height:360px}.h520{height:520px}