/* ============================================================
   La Rubia · capa de identidad sobre el motor (app.css)
   granate del paquete #6B2D45 (texto blanco 9.6:1) · amarillo del lettering #F7DA1E (texto granate oscuro)
   verde hoja #1F5A45 · nervadura #86B09F · piel #FBF7F0 · tinta #2A1820
   ============================================================ */
:root{
  --rojo:#6B2D45; --rojo-900:#4A1C30; --rojo-700:#5A2439; --rojo-50:#F6ECF0; --rojo-100:#E8CFD9;
  --negro:#2A1820; --negro-2:#3A2530; --negro-3:#4A3240;
  --amarillo:#F7DA1E; --amarillo-50:#FDF7D2;
  --hoja:#1F5A45; --nerv:#86B09F;
  --fondo:#F8F5F1; --fondo-2:#EFE9E3;
  --linea:#E6DED6; --linea-fuerte:#D2C6BB;
  --disp:"Playfair Display","Inter",serif;
}
.gate__t,.hub-cab h2,.boot__k b{letter-spacing:.2px}
.hub-cab h2{font-style:italic}
.hub-cab h2 span{color:var(--rojo)}
/* logo: el frente del paquete como insignia (granate con esquinas redondeadas) */
.gate__logo{width:min(250px,58vw);filter:drop-shadow(0 18px 50px rgba(107,45,69,.55))}
.gate__logo .wm-svg{width:min(250px,58vw)}
.wm-svg svg{border-radius:7%}
.wipe__emb{width:150px;height:194px}
.wipe__emb .wm-svg{width:150px}
.marca__emb{width:34px;height:44px;flex:0 0 34px}
.marca__emb .wm-svg{width:34px}
.marca__emb svg{border-radius:5px}
.boot__emb{width:min(170px,40vw)}
.tour-invita__emb{width:90px;margin:0 auto 10px}
.tour-invita__emb svg{width:100%;height:auto;border-radius:8px}
.wm-svg.trazok path{stroke:#F7DA1E}
#gate-logo .wm-svg.trazok path{stroke-width:.6;animation-duration:1.9s}
.gate__bg i{background:linear-gradient(90deg,transparent,#6B2D45 35%,#F7DA1E 55%,#1F5A45 70%,transparent)}
.card--rojo{background:linear-gradient(135deg,#6B2D45 0%,#4A1C30 100%);border-color:#4A1C30}
.chip--rojo{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.chip--amarillo{background:var(--amarillo);color:#4A1C30;border-color:#E9C900}
.kpi--verde::after{background:var(--hoja)}
.wow-logo svg{border-radius:8px}
/* paquete con QR */
.lote-pack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center;justify-items:center}
.lote-pack .lote-dat{grid-column:1/-1;justify-self:stretch}
.lote-pack img{width:150px;height:150px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--linea)}
.lote-qr{text-align:center}
.lote-qr .qr{width:120px;height:120px;display:block;border-radius:8px;border:1px solid var(--linea)}
.lote-qr small{display:block;font-size:11px;color:var(--tinta-45);margin-top:4px}
.lote-dat{display:flex;flex-direction:column;gap:4px;min-width:0}
.lote-dat b{font-size:15px}
.lote-dat span{font-size:13px;color:var(--tinta-70)}
@media (max-width:700px){.lote-pack{grid-template-columns:1fr 1fr}.lote-dat{grid-column:1/-1}.lote-pack img{width:100%;height:auto;max-width:150px}}
/* reloj de cedro */
.cedro{width:130px;height:130px;flex:0 0 130px}
.cedro-m{stroke:var(--linea-fuerte);stroke-width:4;stroke-linecap:round}
.cedro-m.on{stroke:#8A5A2B;animation:cedroOn .5s ease both}
@keyframes cedroOn{from{stroke:var(--linea-fuerte)}to{stroke:#8A5A2B}}
.cedro-n{font-family:var(--disp);font-size:30px;font-weight:700;fill:var(--rojo)}
.cedro-s{font-size:9px;fill:var(--tinta-45)}
@media (max-width:600px){.origen-vida{grid-template-columns:1fr!important;justify-items:center}}
/* sitio de ejemplo (Tienda La Rubia) */
.sitio{border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--sombra-2)}
.sitio__bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--fondo-2);font-size:11.5px;color:var(--tinta-45);min-width:0}
.sitio__bar>i{width:9px;height:9px;border-radius:50%;background:#D2C6BB;flex:0 0 9px}
.sitio__bar>span{margin-left:6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitio__idi{display:flex;gap:4px}
.sitio__idi button{border:1px solid var(--linea-fuerte);background:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;cursor:pointer;color:var(--tinta-70)}
.sitio__idi button.on{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.sitio__hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:center;padding:22px;background:linear-gradient(135deg,#6B2D45,#4A1C30);color:#fff}
.sitio__hero small{color:#F7DA1E;font-weight:700;font-size:11px;letter-spacing:.4px;text-transform:uppercase}
.sitio__hero h3{font-family:var(--disp);font-style:italic;font-size:clamp(20px,2.4vw,30px);line-height:1.15;margin:8px 0;color:#fff}
.sitio__hero p{font-size:13px;line-height:1.55;color:#F3E6EC;margin:0 0 12px}
.sitio__hero img{width:100%;max-width:170px;justify-self:center;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(-4deg)}
.sitio__btn{display:inline-block;background:#F7DA1E;color:#4A1C30;font-weight:800;font-size:12.5px;padding:8px 16px;border-radius:999px}
.sitio__h2{font-family:var(--disp);font-style:italic;font-size:18px;padding:16px 22px 4px;color:var(--rojo)}
.sitio__prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px 22px 18px}
.sitio__p{border:1px solid var(--linea);border-radius:10px;padding:10px;text-align:center;min-width:0;position:relative}
.sitio__p img{width:100%;height:90px;object-fit:contain}
.sitio__p b{display:block;font-size:12px;margin-top:6px}
.sitio__p span{display:block;font-size:13px;color:var(--rojo);font-weight:800}
.sitio__p em{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;font-weight:800;background:#F7DA1E;color:#4A1C30;padding:2px 6px;border-radius:5px}
.sitio__pie{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:10px 16px;border-top:1px solid var(--linea);font-size:11.5px;color:var(--tinta-45)}
@media (max-width:640px){.sitio__hero{grid-template-columns:1fr}.sitio__prods{grid-template-columns:1fr 1fr}}
/* tablero de pedidos */
.kanban{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.kanban__col{background:var(--fondo);border:1px solid var(--linea);border-radius:12px;padding:8px;min-width:0}
.kanban__cab{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 4px 8px}
.kanban__cab span{background:var(--rojo);color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}
.kanban__it{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:3px;font-size:11.5px;animation:modIn .5s ease both}
.kanban__it b{font-size:12px}
.kanban__it span{color:var(--tinta-70)}
.kanban__it small{color:var(--tinta-45);font-size:10.5px}
.kanban__it .barra{margin-top:4px}
/* propuesta modular */
.modp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.modp__c{background:#fff;border:1px solid var(--linea);border-top:4px solid var(--c);border-radius:var(--r-l,16px);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--sombra-1)}
.modp__c .fase__cab .n{background:var(--c);color:#fff;display:grid;place-items:center}
.modp__c .fase__cab .n svg{width:20px;height:20px}
.modp__c[style*="amarillo"] .fase__cab .n{color:#4A1C30}
.modp__h{font-size:12.5px;line-height:1.5;background:var(--rojo-50);border-left:3px solid var(--rojo);border-radius:8px;padding:8px 10px;color:var(--rojo-900)}
.modp__h small{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;margin-bottom:2px}
.modp__q{margin:0;font-size:13px;color:var(--tinta-70);line-height:1.55}
.modp__c .precios{margin-top:auto}
.modp__btn{align-self:center}
.pie-index{text-align:center;font-size:12px;color:var(--tinta-45);margin:18px 0 4px}
@media (max-width:860px){.modp{grid-template-columns:1fr}}
.g>*,.card,.lienzo-chart{min-width:0}
.h280{height:280px}.h300{height:300px}.h320{height:320px}.h360{height:360px}
.kpi__spark{position:static;display:block;width:100%;height:26px;margin-top:8px}
.mapa-real .pt .et{font-size:30px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
.mapa-real .pt .ev{font-size:24px;font-weight:600;fill:var(--tinta-45);paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
.mapa-real .reg{font-size:30px}
@media(max-width:700px){.mapa-real .pt .et{font-size:36px}.mapa-real .pt .ev{font-size:29px}}
.wipe{overflow:hidden}
@media (prefers-reduced-motion:reduce){.cedro-m.on,.kanban__it{animation:none}}
.extl{display:flex;flex-direction:column;gap:10px}
.extl__it{display:flex;gap:12px;align-items:center;border:1px solid var(--linea);border-radius:12px;padding:10px;background:var(--fondo)}
.extl__it b{display:block;font-size:13.5px}
.extl__it small{display:block;font-size:11px;color:var(--tinta-45)}
.extl__it span{display:block;font-size:12.5px;color:var(--tinta-70);margin-top:2px}