/* ═══════════ ALMACÉN CIRCULAR Y COMPRAS · solo lo propio de esta página ═══════════ */

/* ── nota «funciona solo» bajo el chip del módulo ── */
.solo-nota{display:flex;gap:9px;align-items:flex-start;max-width:54ch;margin:12px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.solo-nota .ic{width:18px;height:18px;margin-top:2px;color:var(--c,var(--cor))}

/* ── héroe: estantería + pedido ── */
.alx{position:relative;max-width:560px;margin:0 auto;padding:16px;border-radius:24px;background:linear-gradient(170deg,rgba(27,45,57,.88),rgba(13,20,25,.92));border:1px solid var(--line-2);box-shadow:0 40px 80px -40px rgba(0,0,0,.85);overflow:hidden}
.al-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);margin-bottom:12px}
.al-cab>span:first-child{display:inline-flex;gap:8px;align-items:center;font-weight:600}
.al-cab .ic{width:16px;height:16px;color:var(--cor-2)}
.al-vivo{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--ok)}
.al-vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:parpadeo 1.4s infinite}
.al-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;padding:10px 12px 14px;border-left:5px solid #3C4954;border-right:5px solid #3C4954;border-radius:4px}
.cu{position:relative;padding:8px 9px 7px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);display:grid;grid-template-columns:18px minmax(0,1fr);gap:3px 6px;align-items:center;transition:border-color .3s,background-color .3s}
.cu b{grid-column:1 / -1;grid-row:1}
.cu::after{content:"";position:absolute;left:-9px;right:-9px;bottom:-10px;height:3px;border-radius:2px;background:#588E0D;opacity:.55}
.cu .ico{grid-row:2;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:rgba(150,123,255,.12);color:var(--tea-2);transition:background-color .3s,color .3s}
.cu .ico .ic{width:11px;height:11px}
.cu small{grid-row:2}
.cu b{font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu small{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;min-width:0}
.cu small em{font-style:normal;color:var(--ink);font-weight:600}
.cu .niv{grid-column:1 / -1;position:relative;height:5px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:6px}
.cu .niv i{display:block;height:100%;border-radius:3px;background:var(--tea-2);transition:width .9s var(--ease),background-color .3s}
.cu .niv s{position:absolute;top:-3px;bottom:-3px;left:var(--m);width:2px;border-radius:1px;background:var(--amb);text-decoration:none}
.cu.bajo{border-color:rgba(34,211,238,.65);background:rgba(34,211,238,.11);animation:alBajo 1.6s ease-in-out infinite}
.cu.bajo .niv i{background:var(--cor)}
.cu.bajo .ico{background:rgba(34,211,238,.2);color:var(--cor)}
@keyframes alBajo{50%{box-shadow:0 0 0 4px rgba(34,211,238,.16)}}
.cu.sube{animation:alSube 1.2s var(--ease)}
@keyframes alSube{30%{box-shadow:0 0 0 4px rgba(63,217,154,.55);border-color:var(--ok)}}
.cu .sale{position:absolute;right:6px;top:-11px;z-index:2;font-family:var(--mono);font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--cor);color:#fff;opacity:0;pointer-events:none;white-space:nowrap}
.cu .sale.ver{animation:alSale 1.8s var(--ease)}
.cu .sale.vuelve{background:var(--ok);color:#06210F}
.cu .sale.alq{background:var(--amb);color:#101701}
.cu.reu{grid-template-columns:18px minmax(0,1fr) auto}
.cu .vid{grid-row:2;grid-column:3;font-family:var(--mono);font-size:9.5px;font-weight:600;color:var(--ok);background:rgba(63,217,154,.12);padding:1px 5px;border-radius:5px;white-space:nowrap}
.cu .vid.mas{animation:alVida 1.2s var(--ease)}
@keyframes alVida{30%{transform:scale(1.35);background:var(--ok);color:#06210F}}
@keyframes alSale{0%{opacity:0;transform:translateY(6px)}15%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
.al-suelo{position:relative;height:34px;margin:4px 0 10px;border-bottom:2px dashed var(--line-2)}
.al-camion{position:absolute;bottom:3px;left:104%;width:38px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(191,173,255,.12);color:var(--tea-3);transform:scaleX(-1)}
.al-camion .ic{width:22px;height:22px}
.al-camion.llega{left:46%;transition:left 1.4s var(--ease)}
.al-camion.sale{left:-14%;transition:left 1.8s ease-in}
.al-pedido{padding:12px;border-radius:14px;background:#FAFBFC;color:var(--a-ink)}
.alp-cab{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}
.alp-cab .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#E4F9FD;color:#1D90A6}
.alp-cab .ico .ic{width:17px;height:17px}
.alp-cab b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alp-cab small{font-size:11.5px;color:var(--a-ink3)}
.alp-est{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;list-style:none;margin:10px 0 8px}
.alp-est li{font-size:10.5px;font-weight:600;text-align:center;padding:5px 2px;border-radius:7px;background:#F0F3F6;color:var(--a-ink3);transition:background-color .3s,color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alp-est li.ahora{background:#E4F9FD;color:#1A869D}
.alp-est li.hecho{background:#0F94AC;color:#fff}
.alx.llamando .alp-est li.ahora{animation:alTimbre .7s ease-in-out infinite}
@keyframes alTimbre{50%{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(15,148,172,.18)}}
.alp-txt{margin:0;font-size:12.5px;color:var(--a-ink2);min-height:1.5em}
.alp-txt.ver{animation:fila .5s var(--ease)}
@media (max-width:560px){
  .alx{padding:12px}
  .al-rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px;padding:8px 8px 12px}
  .cu{padding:7px}
  .cu b{font-size:11px}
  .alp-est li{font-size:9.5px}
}

/* ── demo ── */
.al-acc{display:flex;flex-wrap:wrap;gap:8px}
.al-banda{display:none;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:#F3FCFE;border:1px solid #CAEEF5;margin-bottom:12px}
.al-banda.ver{display:flex;animation:fila .6s var(--ease)}
.al-banda>.ic{width:20px;height:20px;color:#1D90A6;flex:none}
.al-banda b{display:block;font-size:13px}
.al-banda small{font-size:12px;color:var(--a-ink3)}
.al-banda a.tag{margin-left:auto;text-decoration:none}
.al-pipe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px;list-style:none;counter-reset:pp}
.al-pipe li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#F0F3F6;color:var(--a-ink3);font-size:12.5px;font-weight:600;line-height:1.2;transition:background-color .35s,color .35s;min-width:0}
.al-pipe li::before{counter-increment:pp;content:counter(pp);flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#fff;border:1px solid var(--a-line)}
.al-pipe li.haciendo{background:#E4F9FD;color:#1A869D}
.al-pipe li.haciendo::before{content:"";border:2px solid #0F94AC;border-right-color:transparent;animation:gira .8s linear infinite;background:none}
.al-pipe li.hecho{background:#0F94AC;color:#fff}
.al-pipe li.hecho::before{content:"✓";background:#fff;color:#1D90A6;border-color:#fff}
.al-tabla tr[data-id]{cursor:pointer;transition:background-color .2s}
.al-tabla tr[data-id]:hover td{background:#F8F7FB}
.al-tabla td.num,.al-tabla th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.al-tabla td.num small.ud{display:inline;font-size:11px}
.al-tabla td.neg b{color:var(--a-cor)}
.al-tabla .rcs{display:flex;flex-wrap:wrap;gap:4px}
.al-tabla .rc{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:#EFF2F4;color:var(--a-ink2);white-space:nowrap}
.al-tabla .rc.nuevo{background:#E4F9FD;color:#1A869D}
.al-tabla .nada{color:#BAC3CB;font-size:12px}
.al-min{position:relative;width:96px;height:6px;border-radius:4px;background:#E8ECF0}
.al-min i{display:block;height:100%;border-radius:4px;background:var(--a-tea);transition:width .8s var(--ease)}
.al-min.bajo i{background:var(--a-cor)}
.al-min s{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:1px;background:#588E0D;text-decoration:none}
.al-tabla td small{font-size:11px}
.al-tabla tr.flash td{animation:alFlash 1.1s var(--ease)}
.al-tabla tr.alerta td{animation:alAlerta 1.4s var(--ease)}
.al-tabla tr.sube td{animation:alVerde 1.3s var(--ease)}
@keyframes alFlash{from{background:#E4F9FD}}
@keyframes alAlerta{0%,40%{background:#FCE4E7}}
@keyframes alVerde{from{background:#E3F6EC}}
.al-tabla tr.abierta td{background:#F6F6FA}
.al-tabla tr.det td{background:#F6F6FA;padding:0 8px 10px}
.al-det{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:6px 2px 2px;animation:fila .4s var(--ease)}
.al-det small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--a-ink3);font-weight:600}
.al-det ul{list-style:none;display:grid;gap:4px}
.al-det li{display:grid;grid-template-columns:110px 54px 1fr;gap:8px;font-size:12px;align-items:baseline}
.al-det li small{font-size:11px;letter-spacing:0;text-transform:none;font-weight:500}
.al-det .mas{color:var(--a-ok)}.al-det .menos{color:var(--a-cor)}
.al-peds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.al-vacio{grid-column:1 / -1;padding:22px;text-align:center;color:var(--a-ink3);font-size:13.5px;border:1.5px dashed #D0DAE2;border-radius:11px}
.al-ped{padding:12px;border-radius:12px;border:1px solid var(--a-line);background:#fff;display:flex;flex-direction:column;gap:8px;min-width:0}
.al-ped.nueva{animation:fila .6s var(--ease)}
.al-ped .ap-cab{display:flex;justify-content:space-between;gap:6px 8px;align-items:flex-start;flex-wrap:wrap}
.al-ped .ap-cab b{font-size:13.5px}
.al-ped .ap-cab .tag{white-space:normal;line-height:1.3}
.al-ped ul{list-style:none;display:grid;gap:3px;font-size:12.5px}
.al-ped li{display:flex;justify-content:space-between;gap:8px}
.al-ped li span{color:var(--a-ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-ped li b{white-space:nowrap}
.al-ped .ap-pie{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--a-ink3);padding-top:8px;border-top:1px solid #EEF1F4;margin-top:auto}
.al-ped .ap-pie span{display:inline-flex;gap:4px;align-items:center}
.al-ped .ap-pie .ic{width:12px;height:12px}
.al-ped .ap-pie span:first-child{font-weight:700;color:var(--a-ink)}
.al-ped .ia{display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.4;color:#5E8D08;background:#F6FEE6;padding:7px 9px;border-radius:8px;margin:0}
.al-ped .ia .ic{width:14px;height:14px;flex:none;margin-top:1px}
.al-ped.alq{background:#FCFDFD;border-style:dashed;border-color:#B0E54D}
.al-ped.alq .que{font-size:12.5px;color:var(--a-ink2);margin:0}
.al-ped .cmp{display:grid;gap:7px}
.al-ped .cmp>div{display:grid;grid-template-columns:1fr 74px;gap:3px 8px;font-size:11.5px;align-items:center}
.al-ped .cmp span{grid-column:1 / -1;color:var(--a-ink3)}
.al-ped .cmp b{text-align:right;font-size:12px}
.al-ped.alq .ia{background:#E8F6EF;color:#11804F}
.llamada{border-radius:10px;background:#131C24;color:#E0D9FC;padding:9px 11px;font-size:12px;display:grid;gap:5px}
.llamada small{display:flex;gap:6px;align-items:center;font-size:10.5px;color:#BFADFF;font-family:var(--mono)}
.llamada small .ic{width:13px;height:13px}
.llamada.viva small .ic{animation:parpadeo .8s infinite}
.llamada p{margin:0;line-height:1.4}
.llamada p b{color:#B6F23A;font-weight:600}
.llamada p.r2 b{color:#BFADFF}
.llamada p.oc{display:none}
.llamada p.aparece{animation:fila .5s var(--ease)}
.al-reg{margin-top:12px;border-radius:11px;background:#131C24;color:#C4B8F3;font-family:var(--mono);font-size:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-height:92px}
.al-reg div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fila .4s var(--ease)}
.al-reg div b{color:#B6F23A;font-weight:600}
.al-reg div:last-child::after{content:"";display:inline-block;width:7px;height:12px;background:#BFADFF;margin-left:4px;vertical-align:-1px;animation:parpadeo 1s steps(2) infinite}
@media (max-width:1100px){.al-peds{grid-template-columns:1fr 1fr}.al-tabla .m-medio{display:none}}
@media (max-width:860px){.al-pipe li{font-size:0;justify-content:center;padding:8px 4px}.al-pipe li::before{font-size:11px}}
@media (max-width:640px){
  .al-tabla .m-ocultar{display:none}.al-tabla{font-size:12.5px}.al-tabla td,.al-tabla th{padding:7px 5px}.al-tabla td small{display:none}.al-tabla .tag{font-size:10.5px;padding:3px 6px}.al-tabla .tag .ic{display:none}
  .al-peds{grid-template-columns:1fr}
  .al-det{grid-template-columns:1fr}.al-det li{grid-template-columns:90px 44px 1fr}
  .al-acc{width:100%}.al-acc .app-btn{flex:1;justify-content:center}.al-acc .app-btn[aria-label]{flex:0 0 46px}
  .al-banda{flex-wrap:wrap}.al-banda a.tag{margin-left:30px}
  .al-reg div{white-space:normal}
}

/* ── ida y vuelta ── */
.al-ciclo-dos{align-items:center}
.al-ciclo-dos .h2{margin-bottom:22px}
.al-tipos{list-style:none;display:grid;gap:14px;margin-top:26px}
.al-tipos li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.al-tipos .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(34,211,238,.14);color:var(--cor-2)}
.al-tipos .ico .ic{width:21px;height:21px}
.al-tipos b{display:block;font-size:16px;margin-bottom:2px}
.al-tipos span{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.ciclo{container-type:inline-size;position:relative;aspect-ratio:1;max-width:480px;margin:0 auto}
.ci-anillo{position:absolute;inset:14%;border-radius:50%;border:2px dashed var(--line-2)}
.ciclo.vivo .ci-anillo{animation:gira 12s linear infinite}
.ci-bola{position:absolute;top:-8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--cor);box-shadow:0 0 18px var(--cor)}
.ci-centro{position:absolute;inset:32%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:radial-gradient(circle,rgba(34,211,238,.2),rgba(13,20,25,.92) 75%);border:1px solid rgba(34,211,238,.4);padding:10px}
.ci-centro .ic{width:26px;height:26px;color:var(--cor-2)}
.ci-centro b{font-family:var(--display);font-size:clamp(13px,3.6cqw,17px);line-height:1.2}
.ci-centro small{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}
.ci-n{position:absolute;left:50%;top:50%;width:min(124px,27cqw);transform:translate(-50%,-50%) rotate(var(--a)) translateY(-36cqw) rotate(calc(-1 * var(--a)));display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;padding:8px 6px;border-radius:12px;background:rgba(21,35,45,.95);border:1px solid var(--line-2);transition:border-color .4s,background-color .4s,box-shadow .4s}
.ci-n .ic{width:18px;height:18px;color:var(--cor-2);margin-bottom:2px}
.ci-n b{font-size:13px;line-height:1.2}
.ci-n small{font-size:11px;color:var(--ink-3);line-height:1.25}
.ci-n.on{border-color:var(--cor);background:rgba(58,30,26,.96);box-shadow:0 0 0 4px rgba(34,211,238,.16)}
@media (max-width:560px){.ci-n{padding:6px 4px;border-radius:10px}.ci-n b{font-size:11.5px}.ci-n small{font-size:9.5px}.ci-n .ic{width:15px;height:15px}}

/* ── demo: vidas, fuera de la nave, informe ── */
.al-tabla .rc .ic{display:inline-block;width:10px;height:10px;vertical-align:-1px;margin-right:3px}
.al-tabla .rc.fuera{background:#F0FDD6;color:#5E8D08}
.al-tabla .rc.alqf{background:#E1DBF9;color:#3B11F0}
.al-tabla .vids{font-family:var(--mono);font-weight:600;font-size:12px;color:#11804F;display:inline-block}
.al-tabla .vids.mas{animation:alVida2 1.3s var(--ease)}
@keyframes alVida2{30%{transform:scale(1.3);color:#fff;background:#16A06A;border-radius:5px}}
.al-det .mt-v{margin-top:8px}
.al-inf-caja:empty{display:none}
.al-inf-caja.nueva{animation:fila .7s var(--ease)}
.al-inf-caja{border-color:#B0E54D;box-shadow:0 0 0 3px rgba(162,230,33,.14)}
.inf-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.inf-cab small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#5E8D08;font-weight:700}
.inf-cab b{display:block;font-size:15px;margin-top:2px}
.inf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:10px}
.inf-grid>div{padding:10px 12px;border-radius:10px;background:#F7FAF4;border:1px solid #E0EECD;min-width:0}
.inf-big b{display:block;font-family:var(--display);font-size:28px;line-height:1.05;color:#11804F}
.inf-big b i{font-style:normal;font-size:15px;color:var(--a-ink2)}
.inf-big span,.inf-k span{display:block;font-size:12px;color:var(--a-ink2);line-height:1.3;margin-top:3px}
.inf-bar{height:7px;border-radius:4px;background:#E3E9ED;margin-top:8px;overflow:hidden}
.inf-bar i{display:block;height:100%;background:#16A06A;border-radius:4px}
.inf-k b{display:block;font-family:var(--display);font-size:22px;line-height:1.1;color:var(--a-ink)}
.inf-nuevo{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--a-ink2)}
.inf-nuevo .ic{width:15px;height:15px;flex:none;margin-top:1px;color:var(--a-ink3)}
.inf-nuevo b{color:var(--a-ink)}
.inf-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media (max-width:860px){.inf-grid{grid-template-columns:1fr 1fr}.inf-big{grid-column:1 / -1}}
@media (max-width:640px){.cu .vid{font-size:9px;padding:1px 3px}.cu.reu small{overflow:hidden;white-space:nowrap}.inf-acc .app-btn{flex:1 1 100%;justify-content:center}}

/* ── solo o conectado ── */
.solo-con{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:980px;margin:clamp(30px,4vw,44px) auto 0}
.sc-c{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:16px;background:var(--glass);border:1px solid var(--line-2)}
.sc-c .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(34,211,238,.12);color:var(--cor)}
.sc-c.con .ico{background:rgba(182,242,58,.1);color:var(--amb)}
.sc-c .ico .ic{width:21px;height:21px}
.sc-c b{display:block;font-family:var(--display);font-size:18px;font-weight:800}
.sc-c p{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.sc-pie{grid-column:1/-1;margin:4px 0 0;text-align:center;font-size:15px;color:var(--ink-2)}
@media (max-width:760px){.solo-con{grid-template-columns:1fr}}

/* ═══ TEMA CLARO (solo con <html data-tema="claro">; ver estilo.css) ═══ */
/* héroe: la estantería pasa a panel claro */
html[data-tema="claro"] .alx{background:linear-gradient(170deg,#FFFFFF,#F3F5F9);border-color:var(--line);box-shadow:var(--sombra-2)}
html[data-tema="claro"] .al-rack{border-left-color:#A9B6C2;border-right-color:#A9B6C2}
html[data-tema="claro"] .cu{background:#fff;box-shadow:0 1px 3px rgba(22,33,43,.06)}
html[data-tema="claro"] .cu::after{background:#7DB61C}
html[data-tema="claro"] .cu .niv{background:rgba(22,33,43,.08)}
html[data-tema="claro"] .cu .niv i{background:var(--acento)}
html[data-tema="claro"] .cu.bajo{background:#ECFAFD;border-color:rgba(14,116,144,.55)}
html[data-tema="claro"] .cu.bajo .niv i{background:#0891B2}
html[data-tema="claro"] .cu .sale.vuelve,html[data-tema="claro"] .cu .sale.alq{color:#fff}
html[data-tema="claro"] .cu .vid{background:rgba(22,160,106,.12)}
html[data-tema="claro"] .cu .vid.mas{animation-name:alVidaClaro}
@keyframes alVidaClaro{30%{transform:scale(1.35);background:#16A06A;color:#fff}}
html[data-tema="claro"] .al-camion{background:color-mix(in srgb,var(--acento) 36%,transparent)}
html[data-tema="claro"] .al-pedido{background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px rgba(22,33,43,.06)}
/* ciclo de cada pieza */
html[data-tema="claro"] .ci-bola{background:#0891B2;box-shadow:0 0 14px rgba(34,211,238,.9)}
html[data-tema="claro"] .ci-centro{background:radial-gradient(circle,rgba(34,211,238,.2),#fff 75%);border-color:rgba(14,116,144,.35);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .ci-n{background:#fff;border-color:var(--line);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .ci-n.on{background:#ECFAFD;border-color:#0891B2;box-shadow:0 0 0 4px rgba(34,211,238,.2),var(--sombra-1)}
html[data-tema="claro"] .al-tipos li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .al-tipos .ico{background:rgba(34,211,238,.16)}
html[data-tema="claro"] .sc-c{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .sc-c .ico{background:rgba(34,211,238,.16)}
html[data-tema="claro"] .sc-c.con .ico{background:rgba(182,242,58,.3)}
/* llamada transcrita y registro de la demo: en claro, cajas claras (dentro de la app blanca) */
html[data-tema="claro"] .llamada{background:var(--acento-suave);border:1px solid var(--acento-borde);color:#213240}
html[data-tema="claro"] .llamada small{color:var(--tinta)}
html[data-tema="claro"] .llamada p b{color:#4A770A}
html[data-tema="claro"] .llamada p.r2 b{color:var(--tinta)}
html[data-tema="claro"] .al-reg{background:#F5F7FA;border:1px solid var(--a-line);color:#4C5C69}
html[data-tema="claro"] .al-reg div b{color:#4A770A}
html[data-tema="claro"] .al-reg div:last-child::after{background:var(--acento)}