/* Datturi Mansion HQ · Estadísticas (etapa 1 del panel comercial, 10-nov-2026).
   Lo usan la hoja del HQ y la vista compartida (vista.html). Misma marca que las hojas de Pendientes:
   blanco, Fraunces + Spline Sans sin negritas fuertes, Bone/Ink/Camel/Terracotta/Firma y Verde Bosque. */
.es{--es-ink:var(--ink,#2A211A);--es-muted:var(--muted,#5C4F45);--es-camel:var(--camel,#B08A5B);--es-terra:var(--terra,#6B3A20);--es-firma:var(--firma,#fc5937);
  --es-bosque:#153327;--es-bone:#EFE7D6;--es-line:rgba(42,33,26,.1);--es-display:var(--f-display,"Fraunces",Georgia,serif);--es-body:var(--f-body,"Spline Sans",system-ui,sans-serif);
  font:14.5px/1.5 var(--es-body);color:var(--es-ink);container:es / inline-size}
.es *{box-sizing:border-box}
.hoja.es .hoja-cuerpo{padding:0}
.hoja.es .es-share{margin:12px 26px 0}
@container es (max-width:760px){.hoja.es .es-share{margin:10px 16px 0}}
.es-barra{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 26px;border-bottom:1px solid var(--es-line);background:#fff}
.es-pills{display:flex;flex-wrap:wrap;gap:6px}
.es-pills button{all:unset;cursor:pointer;padding:6px 13px;border-radius:999px;font-size:13.5px;color:var(--es-muted);border:1px solid rgba(42,33,26,.12);background:#fff;white-space:nowrap}
.es-pills button:hover{background:#F6F1E8;color:var(--es-ink)}
.es-pills button[aria-pressed="true"]{background:#2A211A;border-color:#2A211A;color:#fffdf9}
.es-pills button:focus-visible{outline:2px solid var(--es-camel);outline-offset:2px}
.es-pills.marca button{font:400 15px/1.1 var(--es-display);padding:7px 15px}
.es-sep{width:1px;align-self:stretch;background:rgba(42,33,26,.12)}
.es-cuerpo{padding:20px 26px 30px;display:grid;gap:26px}
.es-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;color:var(--es-muted);font-size:13.5px}
.es-meta b{font:400 22px/1.15 var(--es-display);color:var(--es-ink)}
.es-sec{display:grid;gap:12px;min-width:0}
.es-sec>header{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.es-sec h3{margin:0;font:400 20px/1.2 var(--es-display)}
.es-sec>header p{margin:0;flex-basis:100%;color:var(--es-muted);font-size:13.5px}
.es-int{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--es-terra);background:#F6EBDD;border-radius:999px;padding:2px 9px;letter-spacing:.02em}
.es-int::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--es-terra)}
/* fuente y hora de lectura de cada número */
.es-f{display:block;margin-top:4px;font-size:11.5px;line-height:1.3;color:var(--es-muted)}
.es-f.viejo{color:#a3361a;font-weight:500}
.es-f.viejo::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--es-firma);margin-right:5px;vertical-align:1px}
/* tarjetas de número */
.es-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}
.es-kpi{border:1px solid var(--es-line);border-radius:16px;padding:12px 14px 11px;background:#fff;min-width:0}
.es-kpi .l{font-size:12.5px;color:var(--es-muted);line-height:1.3}
.es-kpi .v{font:400 30px/1.1 var(--es-display);margin:4px 0 2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.es-kpi .v.largo{font-size:23px;line-height:1.25;white-space:nowrap}
.es-kpi .s{font-size:12.5px;color:var(--es-ink);line-height:1.35}
.es-kpi.vacio .v{color:rgba(42,33,26,.35)}
/* la cadena: una fila por eslabón */
.es-cadena{border:1px solid var(--es-line);border-radius:18px;overflow:hidden;background:#fff}
.es-esl{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr) minmax(0,240px);gap:6px 18px;padding:13px 18px;border-top:1px solid var(--es-line);align-items:start}
.es-esl:first-child{border-top:0}
.es-esl .q b{display:block;font:400 18px/1.2 var(--es-display)}
.es-esl .q small{display:block;margin-top:2px;font-size:12.5px;color:var(--es-terra)}
.es-esl .n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.es-esl .n .v{font:400 28px/1.1 var(--es-display);font-variant-numeric:tabular-nums}
.es-esl .n .l{font-size:13.5px;color:var(--es-muted)}
.es-esl .n .s{flex-basis:100%;font-size:13.5px;line-height:1.4}
.es-esl .n .nota{flex-basis:100%;font-size:12.5px;color:var(--es-muted)}
.es-esl .x{display:grid;gap:8px;font-size:13px}
.es-esl .x div{padding:7px 10px;border-radius:10px;background:#FBF8F2}
.es-esl .x b{font:400 17px/1.1 var(--es-display);margin-right:6px}
@container es (max-width:760px){.es-esl{grid-template-columns:minmax(0,1fr)}.es-cuerpo,.es-barra{padding-left:16px;padding-right:16px}}
/* embudo con % de paso desde la etapa anterior */
.es-emb{border:1px solid var(--es-line);border-radius:18px;padding:14px 18px 16px;background:#fff}
.es-emb h4{margin:0;font:400 18px/1.2 var(--es-display)}
.es-emb>p{margin:2px 0 12px;font-size:13px;color:var(--es-muted)}
.es-etapas{display:grid;gap:9px}
.es-et{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 128px;gap:4px 14px;align-items:center}
.es-et .nom{font-size:14px;line-height:1.3}
.es-et .nom small{display:block;color:var(--es-muted);font-size:12px}
.es-et .bar{position:relative;height:30px;border-radius:9px;background:#F6F1E8;overflow:hidden}
.es-et .bar i{position:absolute;inset:0 auto 0 0;border-radius:9px;background:linear-gradient(90deg,#8a4a28,var(--es-terra));min-width:3px}
.es-et .bar span{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:400 17px/1 var(--es-display);color:#fffdf9;font-variant-numeric:tabular-nums}
.es-et .bar.claro span{color:var(--es-ink);left:auto;right:10px}
.es-et .paso{font-size:13px;line-height:1.3;text-align:right}
.es-et .paso b{display:block;font:400 18px/1.1 var(--es-display)}
.es-et .paso em{font-style:normal;color:var(--es-muted);font-size:12px}
.es-et .f{grid-column:2/-1;margin-top:-2px}
@container es (max-width:620px){.es-et{grid-template-columns:minmax(0,1fr) 96px}.es-et .bar{grid-column:1/-1;grid-row:2}.es-et .paso{grid-row:1;grid-column:2}.es-et .f{grid-column:1/-1}}
/* decisiones y listas */
.es-feed{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.es-feed li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:2px 14px;padding:10px 14px;border:1px solid var(--es-line);border-radius:14px;background:#fff}
.es-feed time{font-size:12.5px;color:var(--es-muted);padding-top:2px}
.es-feed .t{font:400 16px/1.3 var(--es-display);overflow-wrap:anywhere}
.es-feed .d{grid-column:2;font-size:13.5px;line-height:1.4;color:var(--es-ink);overflow-wrap:anywhere}
.es-feed .qn{grid-column:2;font-size:12.5px;color:var(--es-terra)}
.es-feed .tg{grid-column:3;grid-row:1/span 2;align-self:start;display:flex;flex-direction:column;gap:5px;align-items:flex-end}
@container es (max-width:620px){.es-feed li{grid-template-columns:minmax(0,1fr)}.es-feed .d,.es-feed .qn,.es-feed .tg{grid-column:1}.es-feed .tg{grid-row:auto;flex-direction:row;align-items:center}}
.es-pill{font-size:11.5px;padding:3px 9px;border-radius:999px;background:#F1ECE3;color:var(--es-muted);white-space:nowrap}
.es-pill.ok{background:#E7EEEA;color:var(--es-bosque)}
.es-pill.camel{background:#F6EBDD;color:#8a5520}
.es-pill.rojo{background:#FBE4DA;color:#a3361a}
.es-pill.gris{background:#EEE9E1;color:var(--es-muted)}
.es-lista{margin:0;padding:12px 16px 12px 32px;border-radius:14px;background:#FBF8F2;display:grid;gap:6px;font-size:14px;line-height:1.45}
.es-lista.alerta{background:#FBF0EA;box-shadow:inset 3px 0 0 var(--es-firma)}
.es-aviso{margin:0;padding:11px 15px;border-radius:14px;background:#F6EFE3;font-size:14px;line-height:1.45}
.es-vacio{padding:26px 18px;text-align:center;color:var(--es-muted);border:1px dashed rgba(42,33,26,.18);border-radius:16px;font-size:14.5px;line-height:1.5}
.es-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.es-chips .es-pill{font-size:12.5px;padding:4px 11px}
.es-chips small{color:var(--es-muted);font-size:12.5px;margin-right:4px}
/* tablas */
.es-tw{border:1px solid var(--es-line);border-radius:16px;overflow:auto;background:#fff;max-width:100%}
.es-t{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.35}
.es-t th{position:sticky;top:0;background:#FBF8F2;text-align:left;font-weight:400;font-size:12px;color:var(--es-muted);padding:9px 12px;white-space:nowrap;border-bottom:1px solid var(--es-line)}
.es-t td{padding:9px 12px;border-top:1px solid rgba(42,33,26,.06);vertical-align:top;overflow-wrap:anywhere;min-width:64px}
.es-t tr:first-child td{border-top:0}
.es-t .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.es-t td:first-child{min-width:150px}
.es-mas{all:unset;cursor:pointer;justify-self:start;font-size:13px;font-weight:500;color:var(--es-terra);padding:4px 2px}
.es-mas:hover{text-decoration:underline;text-underline-offset:3px}
.es-mas:focus-visible{outline:2px solid var(--es-camel);outline-offset:2px;border-radius:4px}
/* barras horizontales (pipeline por etapa) */
.es-barras{display:grid;gap:7px;border:1px solid var(--es-line);border-radius:16px;padding:14px 16px;background:#fff}
.es-barras div{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:13.5px}
.es-barras i{display:block;height:12px;border-radius:6px;background:var(--es-camel);min-width:2px}
.es-barras i.cero{background:#EEE9E1;width:2px}
.es-barras b{font-weight:400;font-variant-numeric:tabular-nums;text-align:right}
/* traspasos del equipo */
.es-tras{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.es-tras li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:11px 14px;border:1px solid var(--es-line);border-radius:14px;background:#fff}
.es-tras li.no{border-style:dashed;border-color:rgba(163,54,26,.4);background:#FFFBF8}
.es-tras .ft{font:400 16px/1.25 var(--es-display)}
.es-tras .ft span{color:var(--es-camel)}
.es-tras .ft small{display:block;font:13px/1.35 var(--es-body);color:var(--es-muted);margin-top:2px}
.es-tras .sn{font-size:13px;line-height:1.35}
.es-tras .sn.viejo{color:#a3361a;font-weight:500}
.es-tras .sn small{display:block;color:var(--es-muted);font-size:12px;font-weight:400}
.es-tras .al{grid-column:1/-1;font-size:12.5px;color:#a3361a}
@container es (max-width:620px){.es-tras li{grid-template-columns:minmax(0,1fr)}}
/* orgánico */
.es-hecho{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.es-hecho li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:10px 14px;border:1px solid var(--es-line);border-radius:14px;background:#fff}
.es-hecho b{font:400 26px/1 var(--es-display);text-align:right;font-variant-numeric:tabular-nums}
.es-hecho span{font-size:14px;line-height:1.35}
.es-hecho small{display:block;color:var(--es-muted);font-size:12.5px}
.es-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.es-post{border:1px solid var(--es-line);border-radius:16px;padding:12px 14px;background:#fff;display:grid;gap:6px;align-content:start}
.es-post .c{font-size:12.5px;color:var(--es-muted)}
.es-post .tt{font-size:13px;line-height:1.35;color:var(--es-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.es-post dl{display:grid;grid-template-columns:auto auto;gap:2px 10px;margin:0;font-size:13px}
.es-post dt{color:var(--es-muted)}
.es-post dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.es-post a{font-size:13px;font-weight:500;color:var(--es-terra);text-decoration:none}
.es-post a:hover{text-decoration:underline;text-underline-offset:3px}
.es-post.mejor{box-shadow:inset 0 0 0 1px rgba(176,138,91,.55);background:#FFFBF5}
/* creativos (anuncios y posts) con su imagen: se tocan para abrirlos (10-nov) */
.es-crs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px}
.es-cr{display:grid;gap:7px;align-content:start;min-width:0;color:inherit;text-decoration:none;border-radius:12px}
.es-cr[hidden]{display:none}
.es-cr .shot{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#3A3027;border:1px solid var(--es-line)}
.es-cr .shot.sq{aspect-ratio:4/5}
.es-cr .shot img{width:100%;height:100%;object-fit:cover;display:block}
.es-cr .shot.off img{filter:grayscale(1) brightness(.6)}
.es-cr .shot .tag{position:absolute;left:7px;top:7px;right:7px;width:max-content;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:500 10.5px/1 var(--es-body);letter-spacing:.04em;text-transform:uppercase;background:rgba(20,15,11,.78);color:#EFE7D6;padding:5px 7px;border-radius:5px}
.es-cr .shot .verd{position:absolute;left:7px;bottom:7px}
.es-cr .shot .nofr{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#d9cdb9;text-align:center;padding:0 10px;
  background:repeating-linear-gradient(135deg,#2E2620 0 8px,#332A22 8px 16px)}
.es-cr .nm{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.es-cr .nums{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin:0;font-size:12px;color:var(--es-muted)}
.es-cr .nums div{display:flex;gap:4px;align-items:baseline;min-width:0}
.es-cr .nums dt{white-space:nowrap}
.es-cr .nums dd{margin:0;color:var(--es-ink);font-variant-numeric:tabular-nums;font-weight:500}
.es-cr .open{font-size:12.5px;font-weight:500;color:var(--es-terra)}
a.es-cr:hover .shot{border-color:var(--es-camel);box-shadow:0 0 0 1px var(--es-camel)}
a.es-cr:hover .open{text-decoration:underline;text-underline-offset:3px}
a.es-cr:focus-visible{outline:2px solid var(--es-camel);outline-offset:3px}
@container es (max-width:520px){.es-crs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.es-feed time{grid-row:1/span 3}
.es-feed .th{display:block;width:44px;aspect-ratio:9/16;margin-top:6px;border-radius:5px;object-fit:cover;border:1px solid var(--es-line)}
@container es (max-width:620px){.es-feed time{grid-row:auto;display:flex;gap:10px;align-items:flex-start}.es-feed .th{margin-top:0;width:34px}}
/* mes: el anterior completo y el que va en curso */
.es-pills.per button{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 14px;border-radius:12px;line-height:1.15}
.es-pills.per button small{font-size:11px;opacity:.75}
/* compartir link */
.es-share{margin:0 26px;padding:14px 16px;border-radius:16px;background:#FBF8F2;display:grid;gap:10px}
.es-share[hidden]{display:none}
.es-share p{margin:0;font-size:13.5px;line-height:1.45}
.es-share .fila{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.es-share input{flex:1;min-width:220px;font:13px var(--es-body);color:var(--es-ink);padding:9px 11px;border-radius:11px;border:1px solid rgba(42,33,26,.16);background:#fff}
.es-share .nuevo{padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(176,138,91,.45);display:grid;gap:8px}
.es-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.es-links li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:8px 10px;border-radius:11px;background:#fff;font-size:13px}
.es-links li.rev{opacity:.6}
.es-links li span{flex:1;min-width:200px;line-height:1.4}
.es-links small{color:var(--es-muted)}
.es-prev{font-size:12.5px;color:var(--es-terra);background:#F6EBDD;border-radius:999px;padding:4px 11px}
@media (prefers-reduced-motion:reduce){.es *{transition:none!important;animation:none!important}}