/* ═══════════ DIRECCIÓN Y DATOS (direccion-datos.html) · solo lo propio de esta página ═══════════ */

/* ── héroe: la pregunta, los datos que vuelan y la respuesta en gráfico ── */
.dd-vis{position:relative;aspect-ratio:1/0.96;max-width:560px;margin:0 auto;border-radius:26px;background:radial-gradient(80% 70% at 70% 60%,rgba(182,242,58,.10),transparent 70%),linear-gradient(170deg,rgba(27,45,57,.75),rgba(11,18,24,.35));border:1px solid var(--line);overflow:hidden}
.dd-vis canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.dd-preg{position:absolute;right:5%;top:5%;z-index:3;display:flex;align-items:flex-start;gap:10px;max-width:78%}
.dd-preg p{margin:0;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#FAFBFC;color:var(--a-ink);font-weight:600;font-size:clamp(13px,1.25vw,15.5px);line-height:1.35;box-shadow:0 16px 34px -18px rgba(0,0,0,.8);min-height:2.7em;min-width:12ch}
.dd-preg .cur{display:inline-block;width:2px;height:1em;background:var(--a-tea);margin-left:2px;vertical-align:-2px;animation:parpadeo 1s steps(2) infinite}
.dd-av{order:2;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:#101701;background:var(--amb)}
.dd-bd{position:absolute;left:4.5%;top:23%;z-index:3;margin:0;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.dd-bd .ic{width:14px;height:14px;color:var(--tea-2)}
.dd-fuentes{position:absolute;left:4.5%;top:29%;bottom:6%;width:27%;z-index:3;list-style:none;display:flex;flex-direction:column;justify-content:space-between}
.dd-fuentes li{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;background:rgba(16,24,31,.9);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-3);transition:color .35s,border-color .35s,box-shadow .35s,background-color .35s;white-space:nowrap}
.dd-fuentes li .ic{width:15px;height:15px;color:var(--ink-3);transition:color .35s}
.dd-fuentes li.on{color:var(--ink);border-color:rgba(150,123,255,.45)}
.dd-fuentes li.on .ic{color:var(--tea-2)}
.dd-fuentes li.emite{box-shadow:0 0 0 4px rgba(150,123,255,.14),0 0 22px -4px rgba(150,123,255,.7);background:rgba(24,37,47,.95)}
.dd-resp{position:absolute;right:5%;bottom:5%;z-index:3;display:flex;flex-direction:column;padding:10px 14px 11px;border-radius:14px;background:rgba(14,21,27,.94);border:1px solid rgba(182,242,58,.45);box-shadow:0 20px 40px -18px rgba(0,0,0,.85);opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s,transform .5s var(--ease);min-width:46%}
.dd-resp.ver{opacity:1;transform:none}
.dd-resp small{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amb)}
.dd-resp small .ic{width:13px;height:13px}
.dd-resp b{font-family:var(--display);font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;line-height:1.05;margin-top:3px}
.dd-resp span{font-size:13px;color:var(--ink-2)}
.dd-nota{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--ink-3)}
@media (max-width:560px){
  .dd-vis{aspect-ratio:1/1.08}
  .dd-fuentes{width:auto;top:27%}
  .dd-fuentes li{padding:6px;font-size:0;gap:0}
  .dd-fuentes li .ic{width:16px;height:16px}
  .dd-bd{top:21%;font-size:9.5px}
  .dd-preg{max-width:88%;top:4%}
  .dd-resp{min-width:0;max-width:62%;padding:8px 11px}
  .dd-resp span{font-size:12px}
}

/* ── demo: pregúntale a tu empresa ── */
.pq-lat button{line-height:1.3}
.pq-lat button.hecha{color:var(--a-ink)}
.pq-lat button.hecha .ic{color:var(--a-tea)}
.pq-lat .pq-h6-auto{margin-top:16px}
.pq-main{display:flex;flex-direction:column;min-height:0}
.pq-main .app-h{margin-bottom:10px}
#pq-pres-b b{font-weight:700;color:var(--a-tea)}
#pq-pres-b.salta{animation:salta .5s var(--ease)}
@keyframes salta{40%{transform:scale(1.08)}}
.pq-chat{height:520px;overflow-y:auto;overscroll-behavior:contain;padding:6px 6px 14px 2px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);margin:0 -18px;padding-left:18px;padding-right:18px;padding-top:14px;background:linear-gradient(180deg,#F6F5FA,#FAFBFC 30%)}
.pq-m{display:flex;gap:10px;align-items:flex-start;animation:fila .5s var(--ease)}
.pq-m.yo{flex-direction:row-reverse}
.pq-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#BFADFF;background:#131C24}
.pq-m.yo .pq-av{background:#B6F23A;color:#101701}
.pq-b{min-width:0;max-width:min(680px,100%);padding:12px 14px;border-radius:4px 14px 14px 14px;background:#fff;border:1px solid var(--a-line);box-shadow:0 1px 3px rgba(21,31,39,.05)}
.pq-m.yo .pq-b{border-radius:14px 4px 14px 14px;background:#131C24;color:#F5F4F9;border-color:#131C24;font-weight:600}
.pq-m.ia .pq-b{flex:1}
.pq-m.ia.corta .pq-b{flex:0 1 auto}
.pq-b p{margin:0}
.pq-b p+p{margin-top:8px}
.pq-tit{font-size:15px;line-height:1.45}
.pq-tit b{color:var(--a-ink)}
.pq-txt{font-size:13.5px;color:var(--a-ink2);margin-top:10px!important}
.pq-txt b{color:var(--a-ink)}
.pq-cifra{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0 4px}
.pq-cifra b{font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1}
.pq-cifra span{font-size:13px;color:var(--a-ink3)}
.pq-demo-t{display:inline-flex;margin-left:auto}
/* pensando */
.pq-pensando{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--a-ink2)}
.pq-pensando .fu{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pq-pensando .fu small{font-size:11px;color:var(--a-ink3);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:2px}
.pq-pensando .fu .tag{opacity:.4;transition:opacity .3s,background-color .3s,color .3s}
.pq-pensando .fu .tag.on{opacity:1;background:#E1DBF9;color:#3B11F0}
.pq-pensando .pa{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:#4C5C69}
.pq-pensando .pa::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #7C5CFF;border-right-color:transparent;animation:gira .8s linear infinite;flex:none}
.pq-pensando .pa.ok::before{animation:none;border:0;content:"✓";width:auto;height:auto;color:#16A06A;font-weight:700}
/* gráficos (HTML: legibles a cualquier ancho) */
.graf{margin-top:12px;position:relative}
.graf-info{margin:8px 0 0;font-size:12.5px;color:var(--a-ink2);min-height:1.5em}
.graf-info b{color:var(--a-ink)}
.gh{display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto;gap:7px 10px;align-items:center;font-size:13px}
.gh .l{color:var(--a-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gh .pista{height:18px;position:relative;cursor:pointer}
.gh .pista::before{content:"";position:absolute;inset:0;border-left:1px solid #D0D8DF}
.gh .bar{position:absolute;left:0;top:1px;bottom:1px;width:0;max-width:100%;border-radius:0 4px 4px 0;background:#532FF2;transition:width .9s var(--ease)}
.gh .fila.res .bar,.gh .bar.res{background:#588E0D}
.gh .v{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:var(--a-ink)}
.gh .act .l{color:var(--a-ink);font-weight:600}
.gh .act .pista{background:rgba(83,47,242,.06);border-radius:4px}
.gh>div{display:contents}
.gcol{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;align-items:end;height:200px;padding:22px 0 0;border-bottom:1px solid #D0D8DF}
.gcol .col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer}
.gcol .bar{width:min(34px,70%);height:0;border-radius:4px 4px 0 0;background:#532FF2;transition:height .9s var(--ease);position:relative}
.gcol .col.alto .bar{background:#588E0D}
.gcol .col.sobre .bar{background:#0F94AC}
.gcol .v{position:absolute;left:50%;transform:translate(-50%,-100%);top:-4px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--a-ink)}
.gcol .col.act .bar{box-shadow:0 0 0 3px rgba(83,47,242,.18)}
.gcol .ref{position:absolute;left:0;right:0;border-top:1.5px dashed #0F94AC;pointer-events:none}
.gcol .ref span{position:absolute;left:0;top:-18px;font-size:11px;font-weight:700;color:#1D90A6;background:#fff;padding:0 4px}
.gcol-x{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;margin-top:6px;text-align:center;font-size:12px;color:var(--a-ink2);line-height:1.25}
.gcol-x small{display:block;font-size:10.5px;color:var(--a-ink3)}
.leyenda-g{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--a-ink2)}
.leyenda-g span{display:inline-flex;align-items:center;gap:6px}
.leyenda-g i{width:12px;height:12px;border-radius:3px;background:var(--b)}
.leyenda-g i.linea{height:3px;border-radius:2px}
/* tramos (barra apilada) */
.gt-barra{display:flex;gap:2px;height:22px;border-radius:5px;overflow:hidden;background:#fff}
.gt-barra i{display:block;height:100%;width:0;background:var(--b);transition:width .9s var(--ease);cursor:pointer}
.gt-barra i:first-child{border-radius:5px 0 0 5px}.gt-barra i:last-child{border-radius:0 5px 5px 0}
.gt-ley{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.gt-ley div{padding:7px 9px;border-radius:9px;border:1px solid var(--a-line);font-size:12px;color:var(--a-ink2);line-height:1.3;cursor:pointer}
.gt-ley div b{display:block;font-size:14px;color:var(--a-ink)}
.gt-ley div i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--b);margin-right:6px;vertical-align:-1px}
.pq-tabla{margin-top:12px}
.pq-tabla small.vh-m{display:none}
.pq-tabla td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
/* líneas */
.gl{position:relative;height:210px;margin:8px 0 0 44px}
.gl svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gl .rej{position:absolute;left:0;right:0;border-top:1px solid #E4E9ED}
.gl .rej span{position:absolute;right:calc(100% + 8px);top:-8px;font-size:11px;color:var(--a-ink3);white-space:nowrap}
.gl polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.gl .area{stroke:none;opacity:.10}
.gl .pt{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--b);box-shadow:0 0 0 2px #fff;opacity:0;transition:opacity .2s}
.gl .pt.fin,.gl .pt.act{opacity:1}
.gl .eti{position:absolute;transform:translate(8px,-50%);font-size:12px;font-weight:700;white-space:nowrap;color:var(--a-ink)}
.gl .eti small{font-weight:500;color:var(--a-ink3)}
.gl .cruz{position:absolute;top:0;bottom:0;width:0;border-left:1px solid #9FAFBC;opacity:0;pointer-events:none}
.gl .cruz.ver{opacity:1}
.gl .tapa{position:absolute;inset:0;background:#fff;transform-origin:right;animation:destapa 1.2s var(--ease) forwards}
@keyframes destapa{to{transform:scaleX(0)}}
.gl-x{display:flex;justify-content:space-between;margin:6px 0 0 44px;font-size:11.5px;color:var(--a-ink3)}
/* «cómo lo he calculado» y acciones */
.pq-como{margin-top:10px;border-top:1px dashed var(--a-line);padding-top:8px;font-size:12.5px;color:var(--a-ink2)}
.pq-como summary{cursor:pointer;font-weight:600;color:var(--a-tea);list-style:none;display:inline-flex;align-items:center;gap:6px}
.pq-como summary::-webkit-details-marker{display:none}
.pq-como summary::before{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#E1DBF9;font-size:12px}
.pq-como[open] summary::before{content:"–"}
.pq-como p{margin:6px 0 0!important}
.pq-como .fu{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px!important}
.pq-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pq-acc .app-btn{padding:6px 10px;font-size:12.5px}
.pq-acc .app-btn.hecho{background:#E3F6EC;border-color:#BFE8D2;color:#11804F}
/* tarjetas de «se hace solo» dentro del chat */
.pq-mail{margin-top:10px;border:1px solid var(--a-line);border-radius:12px;overflow:hidden}
.pq-mail .cab{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:#F2F1F5;font-size:12.5px;color:var(--a-ink2);flex-wrap:wrap}
.pq-mail .cab b{color:var(--a-ink)}
.pq-mail ul{list-style:none;margin:0;padding:6px 12px 10px}
.pq-mail li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #EEF1F4;font-size:13px}
.pq-mail li:last-child{border-bottom:0}
.pq-mail li b{white-space:nowrap}
.pq-diapos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.pq-diapo{aspect-ratio:16/9;border-radius:8px;border:1px solid var(--a-line);background:#fff;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--a-ink2);position:relative;overflow:hidden;animation:diapoIn .5s var(--ease) both}
@keyframes diapoIn{from{opacity:0;transform:translateY(8px)}}
.pq-diapo b{font-size:12px;color:var(--a-ink);line-height:1.25}
.pq-diapo.port{background:linear-gradient(135deg,#7C5CFF,#3B11F0);color:#E0D9FC;border-color:#4419F5}
.pq-diapo.port b{color:#fff;font-size:13px}
.pq-diapo .mb{display:flex;align-items:flex-end;gap:3px;height:34%}
.pq-diapo .mb i{flex:1;background:#532FF2;border-radius:2px 2px 0 0;height:var(--h)}
.pq-diapo .mb i:first-child{background:#588E0D}
.pq-diapo .n{position:absolute;right:8px;bottom:6px;font-size:10px;color:var(--a-ink3)}
@media (max-width:860px){
  .pq-chat{height:480px;margin:0 -18px}
  .pq-lat .pq-h6-auto{display:none}
}
@media (max-width:640px){
  .pq-chat{height:500px;margin:0 -12px;padding-left:10px;padding-right:10px}
  .pq-b{padding:10px 11px}
  .pq-av{width:26px;height:26px;font-size:10px}
  .pq-m{gap:7px}
  .pq-tit{font-size:14px}
  .gh{grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto;font-size:12px;gap:6px 8px}
  .gcol{gap:5px;height:170px}.gcol-x{gap:5px;font-size:11px}.gcol .v{font-size:11px}
  .gt-ley{grid-template-columns:1fr 1fr}
  .gl{margin-left:38px;height:180px}.gl-x{margin-left:38px}
  .pq-form input{font-size:16px}
  #pq-pres-b{width:100%;justify-content:center}
  .pq-demo{display:none}
  .pq-tabla .m-ocultar{display:none}
  .pq-tabla small.vh-m{display:block}
}
.pq-form{display:flex;gap:8px;margin-top:12px}
.pq-form input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid #D0D8DF;background:#fff;color:var(--a-ink);font:inherit;font-size:14px}
.pq-form input:focus{outline:2px solid rgba(83,47,242,.35);outline-offset:1px;border-color:#7C5CFF}
@media (max-width:420px){.pq-form .app-btn span{display:none}}

/* ── se hace solo: informes, Excels, presentaciones ── */
.solo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none}
.solo-c{display:flex;flex-direction:column;padding:16px 16px 20px;border-radius:20px;background:linear-gradient(170deg,rgba(27,45,57,.85),rgba(13,20,25,.85));border:1px solid var(--line)}
.solo-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.solo-cab .cuando{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amb)}
.solo-cab .cuando .ic{width:14px;height:14px}
.solo-c h3{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;margin:16px 0 6px}
.solo-c p{font-size:14.5px;color:var(--ink-2);margin:0}
.mock p{color:var(--a-ink)}
.mock{position:relative;aspect-ratio:1/0.82;border-radius:14px;background:#FAFBFC;color:var(--a-ink);padding:12px;overflow:hidden;font-size:11.5px;box-shadow:0 20px 40px -26px rgba(0,0,0,.9)}
.mail-de{display:flex;align-items:center;gap:8px}
.mail-de i{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#7C5CFF,#896EF6)}
.mail-de b{display:block;font-size:12px;line-height:1.2}
.mail-de small{font-size:10.5px;color:var(--a-ink3)}
.mail-as{margin:9px 0 6px;font-weight:700;font-size:12.5px}
.mail-l{list-style:none}
.mail-l li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #EEF1F4;color:var(--a-ink2)}
.mail-l b{color:var(--a-ink)}
.mail-spark{position:absolute;right:12px;top:14px;width:34%;height:24px}
.mail-spark polyline{fill:none;stroke:#532FF2;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:300;stroke-dashoffset:300}
.solo-c.in .mail-spark polyline{animation:traza 2.2s .5s var(--ease) forwards}
@keyframes traza{to{stroke-dashoffset:0}}
.hoja-pest{display:flex;gap:2px;margin:-12px -12px 8px;padding:6px 8px 0;background:#EAEEF1}
.hoja-pest span{padding:4px 7px;border-radius:6px 6px 0 0;font-size:10.5px;color:var(--a-ink3)}
.hoja-pest span.on{background:#FAFBFC;color:var(--a-ink);font-weight:700}
.hoja-t{display:grid;grid-template-columns:1.3fr 1.1fr .9fr;border:1px solid #DDE4E9;border-radius:6px;overflow:hidden}
.hoja-t span{padding:5px 6px;border-bottom:1px solid #E8ECF0;border-right:1px solid #EEF1F4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.hoja-t span.h{background:#7C5CFF;color:#fff;font-weight:700;font-size:10.5px}
.js .solo-c .hoja-t span:not(.h){opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s var(--ease)}
.js .solo-c.in .hoja-t span:not(.h){opacity:1;transform:none}
.solo-c.in .hoja-t span:nth-child(n+4):nth-child(-n+6){transition-delay:.35s}
.solo-c.in .hoja-t span:nth-child(n+7):nth-child(-n+9){transition-delay:.6s}
.solo-c.in .hoja-t span:nth-child(n+10):nth-child(-n+12){transition-delay:.85s}
.solo-c.in .hoja-t span:nth-child(n+13):nth-child(-n+15){transition-delay:1.1s}
.solo-c.in .hoja-t span:nth-child(n+16){transition-delay:1.35s}
.diapos{padding:0;background:#EAEEF1}
.diapo{position:absolute;inset:12px;border-radius:9px;background:#fff;box-shadow:0 10px 24px -14px rgba(21,31,39,.5);padding:12px;display:flex;flex-direction:column;justify-content:space-between;animation:diapo 9s infinite;opacity:0}
.diapo.d-a{animation-delay:0s;background:linear-gradient(135deg,#7C5CFF,#243746);color:#E0D9FC}
.diapo.d-b{animation-delay:3s}
.diapo.d-c{animation-delay:6s}
@keyframes diapo{0%{opacity:0;transform:translateX(18px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateX(-18px)}}
.diapo small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.8}
.diapo.d-a b{font-family:var(--display);font-size:clamp(15px,1.5vw,19px);line-height:1.15;color:#fff}
.diapo.d-a span{font-size:11px}
.mini-barras{display:flex;align-items:flex-end;gap:6px;height:72%}
.mini-barras i{flex:1;height:var(--h);background:#532FF2;border-radius:3px 3px 0 0}
.mini-barras i:first-child{background:#588E0D}
.mini-donut{width:46%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#532FF2 0 46%,#588E0D 46% 75%,#967FF7 75% 100%);-webkit-mask:radial-gradient(circle,transparent 46%,#000 47%);mask:radial-gradient(circle,transparent 46%,#000 47%);align-self:center}
.d-c ul{list-style:none;display:flex;gap:8px;justify-content:center;font-size:10px;color:var(--a-ink2)}
.d-c li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;background:#532FF2}
.d-c li:nth-child(2)::before{background:#588E0D}.d-c li:nth-child(3)::before{background:#967FF7}
.embudo p{margin:0 0 8px;font-weight:700;font-size:12.5px}
.emb{position:relative;margin-bottom:7px}
.emb span{position:relative;z-index:1;display:block;padding:4px 7px;font-size:11px;color:var(--a-ink)}
.emb i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:#D2C9F6;transition:width 1s var(--ease)}
.emb:last-child i{background:#FFE3A6}
.solo-c.in .emb i{width:var(--w)}
.solo-c.in .emb:nth-of-type(2) i{transition-delay:.15s}.solo-c.in .emb:nth-of-type(3) i{transition-delay:.3s}.solo-c.in .emb:nth-of-type(4) i{transition-delay:.45s}.solo-c.in .emb:nth-of-type(5) i{transition-delay:.6s}
@media (max-width:1080px){.solo{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.solo{grid-template-columns:1fr}.mock{aspect-ratio:auto;min-height:200px}.diapos{min-height:200px}}
@media (prefers-reduced-motion:reduce){.diapo{animation:none}.diapo.d-a{opacity:1}}

/* organizar Excels */
.ordenar .app{font-size:13px}
.ox-c{padding:14px}
.ox-t{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;border:1px solid var(--a-line);border-radius:10px;overflow:hidden;background:#fff}
.ox-t>span{padding:8px 9px;border-bottom:1px solid #EEF1F4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;transition:background-color .4s,color .4s,opacity .4s}
.ox-t>span.h{background:#F2F1F5;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink3);font-weight:700}
.ox-t>span.raro{color:#1D90A6;background:#F4FDFE}
.ox-t>span.limpio{color:var(--a-ink);background:#F0FAF6}
.ox-t>span.fuera{opacity:.35;text-decoration:line-through}
.ox-t>span.org{font-size:11px;color:var(--a-ink3)}
.ox-t>span.org .tag{font-size:10.5px}
.ox-res{margin:10px 0 0;font-size:12.5px;color:var(--a-ink2);min-height:1.5em}
.ox-res b{color:var(--a-ink)}
@media (max-width:560px){.ox-t{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.ox-t>span.org{display:none}.ox-t>span{padding:7px 6px;font-size:12px}}

/* ── base de datos única ── */
.bd{display:grid;grid-template-columns:minmax(0,370px) minmax(180px,240px) minmax(0,370px);justify-content:center;gap:0 46px;align-items:center}
.bd ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.bd li{position:relative;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--line);font-size:15px;font-weight:500}
.bd li .ic{width:18px;height:18px;color:var(--tea-2);flex:none}
.bd-out li .ic{color:var(--amb)}
.bd-in li::after,.bd-out li::before{content:"";position:absolute;top:50%;width:46px;height:2px;background:repeating-linear-gradient(90deg,var(--tea-2) 0 4px,transparent 4px 10px);background-size:20px 2px;animation:corre 1s linear infinite;opacity:.7}
.bd-in li::after{left:100%}
.bd-out li::before{right:100%;background-image:repeating-linear-gradient(90deg,var(--amb) 0 4px,transparent 4px 10px)}
@keyframes corre{to{background-position:20px 0}}
.bd-cil{position:relative;height:100%;min-height:330px;display:flex;flex-direction:column}
.bd-cil .tapa{height:44px;border-radius:50%;background:linear-gradient(180deg,#340ED5,#1D2B37);border:1px solid rgba(150,123,255,.5);position:relative;z-index:1}
.bd-cil .cuerpo{flex:1;margin-top:-22px;border-radius:0 0 50% 50% / 0 0 44px 44px;background:linear-gradient(90deg,#16222B,#340ece 50%,#16222B);border:1px solid rgba(150,123,255,.4);border-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 16px;box-shadow:0 40px 90px -30px rgba(124,92,255,.7)}
.bd-cil .cuerpo .ic{width:34px;height:34px;color:var(--tea-3);margin-bottom:10px;stroke-width:1.5}
.bd-cil b{font-family:var(--display);font-size:19px;letter-spacing:-.02em;line-height:1.2}
.bd-cil small{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amb)}
.bd-notas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin-top:50px}
.bd-notas li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.bd-notas .ic{grid-row:span 2;width:22px;height:22px;color:var(--amb);margin-top:2px}
.bd-notas b{font-size:16px;font-weight:600}
.bd-notas span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:900px){
  .bd{grid-template-columns:1fr;gap:30px}
  .bd-cil{min-height:0;height:auto;width:240px;margin:0 auto;position:relative}
  .bd-cil::before,.bd-cil::after{content:"";position:absolute;left:50%;height:30px;border-left:2px dashed var(--tea-2);opacity:.6}
  .bd-cil::before{top:-30px}.bd-cil::after{bottom:-30px;border-color:var(--amb)}
  .bd-cil .cuerpo{padding:26px 16px 36px}
  .bd-in li::after,.bd-out li::before{display:none}
  .bd ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bd li{font-size:14px;padding:9px 11px}
  .bd-notas{grid-template-columns:1fr}
}
@media (max-width:420px){.bd ul{grid-template-columns:1fr}}

/* ── privacidad (sección clara) ── */
.priv-sw{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.priv-sw button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--l-line);background:#fff;color:var(--l-ink2);font-weight:600;font-size:15px;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s}
.priv-sw button .ic{width:18px;height:18px}
.priv-sw button:hover{border-color:#9A82F7}
.priv-sw button[aria-pressed="true"]{background:#1D2A33;border-color:#1D2A33;color:#fff;box-shadow:0 10px 24px -14px rgba(29,42,51,.8)}
.priv-sw button[aria-pressed="true"] .ic{color:#896EF6}
.priv-c{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}
.priv-mapa{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--l-line);box-shadow:0 20px 50px -34px rgba(21,31,39,.4)}
.priv-mapa .zona{position:relative;border-radius:14px;padding:12px;border:1.5px dashed #D0D8DF;min-height:210px;transition:background-color .4s,border-color .4s,opacity .4s}
.priv-mapa .zona h6{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--l-ink);margin:0 0 10px;line-height:1.25}
.priv-mapa .zona h6 .ic{width:16px;height:16px;color:var(--l-ink3);flex:none}
.priv-mapa .zona.usa{border-style:solid;border-color:#8F76F6;background:#F3F2F9}
.priv-mapa .zona.usa h6 .ic{color:#4419F5}
.priv-mapa .z-nube.usa{border-color:#F2C46B;background:#F8FEED}
.priv-mapa .z-nube.usa h6 .ic{color:#5E8D08}
.priv-mapa .zona.vacia{opacity:.55}
.priv-mapa .cosas{display:flex;flex-direction:column;gap:7px}
.cosa{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--l-line);font-size:13px;font-weight:600;color:var(--l-ink);box-shadow:0 4px 10px -8px rgba(21,31,39,.4);animation:cosa .5s var(--ease) both}
.cosa .ic{width:16px;height:16px;color:#4419F5;flex:none}
.cosa.amb .ic{color:#5E8D08}
.cosa small{display:block;font-weight:500;color:var(--l-ink3);font-size:11.5px}
.cosa:nth-child(2){animation-delay:.08s}.cosa:nth-child(3){animation-delay:.16s}.cosa:nth-child(4){animation-delay:.24s}
@keyframes cosa{from{opacity:0;transform:translateY(8px) scale(.97)}}
.priv-mapa .nada{font-size:12.5px;color:var(--l-ink3);padding:6px 2px}
.priv-sale{grid-column:1 / -1;margin:2px 0 0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--l-ink)}
.priv-sale .ic{width:18px;height:18px;color:#11804F}
.priv-sale.amb .ic{color:#5E8D08}
.priv-txt{padding:22px;border-radius:20px;background:#1D2A33;color:#DED7F8;display:flex;flex-direction:column;gap:12px}
.priv-txt h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.015em;color:#fff;margin:0}
.priv-txt p{margin:0;font-size:15px;line-height:1.55;color:#BBC9D4}
.priv-txt dl{margin:0;display:grid;gap:10px}
.priv-txt dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#896EF6}
.priv-txt dt.ojo{color:var(--amb)}
.priv-txt dd{margin:2px 0 0;font-size:14.5px;color:#DED7F8}
.garantias{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin-top:28px}
.garantias li{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--l-line)}
.garantias .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#E2DCF9;color:#4419F5;margin-bottom:12px}
.garantias .ico .ic{width:20px;height:20px}
.garantias h3{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}
.garantias p{font-size:14.5px;color:var(--l-ink2);margin:0}
@media (max-width:1000px){.priv-c{grid-template-columns:1fr}.garantias{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .priv-mapa{grid-template-columns:1fr;padding:12px}
  .priv-mapa .zona{min-height:0}
  .priv-sw button{flex:1 1 100%;justify-content:flex-start}
  .garantias{grid-template-columns:1fr}
}

/* ── gráficos nuevos ── */
.gh .fila.mal .bar{background:#D9707D}
.gh .fila.res .bar{background:#588E0D}
.graf-info b.rojo{color:#D63B4D}
/* columnas: una o dos series, con tope de capacidad */
.gcol .bar{--sb:#532FF2;background:var(--sb)}
.gcol .bar.s2{--sb:#0F94AC}
.gcol .bar.res{--sb:#588E0D}
.gcol .bar.sobre{background:linear-gradient(180deg,#D63B4D 0 7px,var(--sb) 7px)}
.gcol .bar.sobre .v{color:#D63B4D}
.gcol.dos .col{flex-direction:row;align-items:flex-end;justify-content:center;gap:3px}
.gcol.dos .bar{width:min(24px,42%)}
.gcol.dos .v{font-size:10.5px}
.gcol .col.act .bar{box-shadow:0 0 0 3px rgba(83,47,242,.18)}
.leyenda-g i.sobre{background:linear-gradient(180deg,#D63B4D 0 4px,#532FF2 4px)}
/* barras apiladas: reutilizadas, alquiladas, nuevas */
.gap{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;gap:8px 10px;align-items:center;font-size:13px}
.gap>.fila{display:contents;cursor:pointer}
.gap .l{min-width:0;line-height:1.2}
.gap .l b{display:block;font-size:13px;font-weight:600;color:var(--a-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gap .l small{font-size:11px;color:var(--a-ink3)}
.gap .pila{display:flex;gap:2px;height:20px;border-radius:5px;overflow:hidden;background:#EEF1F4}
.gap .pila i{display:block;height:100%;width:0;background:var(--b);transition:width .9s var(--ease)}
.gap .pila i:nth-child(2){transition-delay:.15s}.gap .pila i:nth-child(3){transition-delay:.3s}
.gap .v{font-weight:700;font-variant-numeric:tabular-nums;color:#588E0D;white-space:nowrap;text-align:right}
.gap .act .pila{box-shadow:0 0 0 3px rgba(88,142,13,.18)}
.gap .act .l b{color:var(--a-tea)}
/* plazos de rotulación */
.gpl{display:grid;grid-template-columns:minmax(130px,auto) minmax(0,1fr);gap:8px 12px;align-items:center}
.gpl>.fila,.gpl>.gpl-x{display:contents}
.gpl>.fila{cursor:pointer}
.gpl .l{min-width:0;line-height:1.2}
.gpl .l b{display:block;font-size:13px;font-weight:600;color:var(--a-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpl .l small{font-size:11px;color:var(--a-ink3)}
.gpl .pista{position:relative;height:28px;border-radius:6px;background:linear-gradient(90deg,transparent calc(100% * 7 / 18 - 1px),#DDE4E9 calc(100% * 7 / 18 - 1px) calc(100% * 7 / 18),transparent calc(100% * 7 / 18)),linear-gradient(90deg,transparent calc(100% * 14 / 18 - 1px),#DDE4E9 calc(100% * 14 / 18 - 1px) calc(100% * 14 / 18),transparent calc(100% * 14 / 18)),#F3F6F8}
.gpl .bar{position:absolute;left:0;top:6px;bottom:6px;width:0;border-radius:0 4px 4px 0;background:#532FF2;transition:width .9s var(--ease)}
.gpl .justo .bar{background:#D63B4D}
.gpl .marg{position:absolute;top:12px;height:4px;background:repeating-linear-gradient(90deg,#8FA3B2 0 4px,transparent 4px 7px);opacity:0;transition:opacity .4s .8s}
.gpl .fila.ver .marg{opacity:1}
.gpl .sal{position:absolute;top:3px;bottom:3px;width:2px;margin-left:-1px;background:#131C24;border-radius:1px}
.gpl .sal::after{content:"";position:absolute;top:0;left:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #131C24}
.gpl em{position:absolute;top:50%;transform:translate(12px,-50%);font-style:normal;font-size:11.5px;font-weight:700;color:#11804F;white-space:nowrap}
.gpl .justo em{color:#D63B4D}
.gpl .act .pista{box-shadow:0 0 0 3px rgba(83,47,242,.16)}
.gpl .act .l b{color:var(--a-tea)}
.gpl-x .eje{position:relative;height:16px;font-size:11px;color:var(--a-ink3)}
.gpl-x .eje span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.gpl-x .eje span:first-child{transform:none}
.leyenda-g i.banda{height:4px;border-radius:0;background:repeating-linear-gradient(90deg,#8FA3B2 0 4px,transparent 4px 7px)}
.leyenda-g i.bandera{width:2px;height:14px;border-radius:1px;background:#131C24;position:relative;margin-right:6px}
.leyenda-g i.bandera::after{content:"";position:absolute;top:0;left:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #131C24}
@media (max-width:640px){
  .gap{grid-template-columns:minmax(84px,auto) minmax(0,1fr) auto;gap:7px 8px}
  .gap .l b,.gpl .l b{font-size:12px}
  .gpl{grid-template-columns:36% minmax(0,1fr);gap:7px 8px}
  .gpl em{font-size:10.5px;transform:translate(10px,-50%)}
  .gcol.dos .v{font-size:9.5px}
}
.gcol .ref span{left:auto;right:0}

/* ═══ TEMA CLARO (solo con <html data-tema="claro">; ver estilo.css) ═══ */
/* héroe: lienzo claro (el canvas cambia de colores en direccion-datos.js) */
html[data-tema="claro"] .dd-vis{background:radial-gradient(80% 70% at 70% 60%,rgba(182,242,58,.16),transparent 70%),linear-gradient(170deg,#FFFFFF,#EEF1F6);box-shadow:var(--sombra-2)}
html[data-tema="claro"] .dd-preg p{background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -18px rgba(22,33,43,.4)}
html[data-tema="claro"] .dd-av{background:var(--viva-amb);color:#16212B}
html[data-tema="claro"] .dd-fuentes li{background:rgba(255,255,255,.96);box-shadow:0 1px 3px rgba(22,33,43,.06)}
html[data-tema="claro"] .dd-fuentes li.on{border-color:rgba(15,23,32,0.33)}
html[data-tema="claro"] .dd-fuentes li.emite{background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--acento) 31%,transparent),0 0 22px -4px color-mix(in srgb,var(--acento) 100%,transparent)}
html[data-tema="claro"] .dd-resp{background:rgba(255,255,255,.97);border-color:rgba(74,119,10,.45);box-shadow:0 18px 36px -18px rgba(22,33,43,.4)}
/* se hace solo: tarjetas blancas */
html[data-tema="claro"] .solo-c{background:#fff;box-shadow:var(--sombra-1)}
html[data-tema="claro"] .mock{border:1px solid var(--line);box-shadow:0 14px 30px -22px rgba(22,33,43,.45)}
/* base de datos única: cilindro violeta vivo */
html[data-tema="claro"] .bd li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .bd-cil .tapa{background:linear-gradient(180deg,#A891FF,var(--acento-borde));border-color:rgba(15,23,32,0.36)}
html[data-tema="claro"] .bd-cil .cuerpo{background:linear-gradient(90deg,var(--acento-borde),#6C4CF7 50%,var(--acento-borde));border-color:rgba(15,23,32,0.33);color:#fff;box-shadow:0 40px 80px -34px color-mix(in srgb,var(--acento) 100%,transparent)}
html[data-tema="claro"] .bd-cil .cuerpo .ic{color:#fff}
html[data-tema="claro"] .bd-cil small{color:#E2FBB0}
html[data-tema="claro"] .bd-notas li{box-shadow:var(--sombra-1)}
/* privacidad (sección blanca): botón activo violeta y panel lila en vez de pizarra */
html[data-tema="claro"] .priv-sw button[aria-pressed="true"]{background:var(--tea-2);border-color:var(--tea-2);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--acento) 100%,transparent)}
html[data-tema="claro"] .priv-sw button[aria-pressed="true"] .ic{color:#fff}
html[data-tema="claro"] .priv-txt{background:#F5F2FF;border:1px solid var(--acento-borde);color:var(--ink)}
html[data-tema="claro"] .priv-txt h3{color:var(--ink)}
html[data-tema="claro"] .priv-txt p{color:var(--ink-2)}
html[data-tema="claro"] .priv-txt dt{color:var(--tea-2)}
html[data-tema="claro"] .priv-txt dt.ojo{color:var(--amb)}
html[data-tema="claro"] .priv-txt dd{color:var(--ink)}
html[data-tema="claro"] .garantias li{box-shadow:var(--sombra-1)}
/* cajas de icono que eran lila: amarillas con tinta */
html[data-tema="claro"] .garantias .ico{background:var(--acento-medio);color:var(--tinta)}