/* ═══════════ CAMPAÑAS POR FERIA (campanas-email.html) · solo lo propio de esta página ═══════════ */

/* ── héroe: la carta que se personaliza para cada expositor ── */
@media (max-width:920px){.heroe-in{grid-template-columns:minmax(0,1fr)}}
.carta-esc{position:relative;max-width:560px;margin:0 auto;padding:18px 0 26px}
.carta-fondo span{position:absolute;left:6%;top:26px;width:86%;height:62%;border-radius:16px;background:rgba(250,251,252,.07);border:1px solid var(--line-2);transform:rotate(-5deg)}
.carta-fondo span+span{left:8%;top:20px;transform:rotate(-2.2deg);background:rgba(250,251,252,.11)}
.carta{position:relative;z-index:1;width:92%;margin-left:4%;border-radius:16px;overflow:hidden;background:#FAFBFC;color:var(--a-ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);transition:transform .6s var(--ease),opacity .45s}
.carta.sale{transform:translate(18%,-14%) rotate(6deg) scale(.92);opacity:0}
.carta.entra{transform:translateY(24px) rotate(-2deg);opacity:0;transition:none}
.carta-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:#fff;border-bottom:1px solid var(--a-line)}
.carta-bar .pts{display:flex;gap:5px;flex:none}
.carta-bar .pts i{width:8px;height:8px;border-radius:50%;background:#E2E6E9}
.carta-bar .tit{font-size:12.5px;color:var(--a-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.carta-bar .tit b{color:var(--a-ink);font-weight:600}
.carta-bar .idi{margin-left:auto;flex:none;font-size:11px;font-weight:600;color:#3B11F0;background:#E1DBF9;border-radius:999px;padding:3px 9px;white-space:nowrap}
.carta-campos{padding:8px 16px 4px;border-bottom:1px solid #EEF1F4}
.carta-campos>div{display:flex;gap:10px;font-size:13px;line-height:1.45;padding:3px 0}
.carta-campos .k{flex:none;width:52px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink3);padding-top:2px}
.carta-campos b{font-weight:600}
.carta-cuerpo{padding:12px 16px 4px;font-size:13.5px;line-height:1.6;color:var(--a-ink2)}
.carta-cuerpo p{margin:0 0 9px}
.carta-cuerpo b{color:var(--a-ink);font-weight:600}
.carta mark{color:var(--a-ink);font-weight:600;background:linear-gradient(transparent 52%,rgba(124,92,255,.24) 52%);padding:0 2px;border-radius:2px}
.carta mark.esc::after{content:"";display:inline-block;width:2px;height:1em;background:#7C5CFF;margin-left:1px;vertical-align:-2px;animation:parpadeo .8s steps(2) infinite}
.carta-adj{display:flex;align-items:center;gap:11px;margin:4px 16px 16px;padding:8px;border-radius:11px;border:1px dashed #CBD5DE;background:#F5F4FA}
.carta-adj .mini{position:relative;flex:none;width:58px;height:42px;border-radius:7px;overflow:hidden;background:linear-gradient(160deg,#1B2833,#0B1218)}
.carta-adj .mini i{position:absolute;bottom:6px;border-radius:2px}
.carta-adj .mini i:nth-child(1){left:7px;width:16px;height:24px;background:#967BFF}
.carta-adj .mini i:nth-child(2){left:25px;width:26px;height:16px;background:#FAFBFC;opacity:.85}
.carta-adj .mini i:nth-child(3){left:0;right:0;bottom:0;height:5px;border-radius:0;background:#7C5CFF}
.carta-adj b{display:block;font-size:12.5px;font-weight:700;line-height:1.2}
.carta-adj small{font-size:11.5px;color:var(--a-ink3)}
.carta-est{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;margin:22px 0 0;width:100%}
.carta-est::before{content:"";position:absolute;left:10%;right:10%;top:17px;height:2px;background:var(--line-2)}
.carta-est::after{content:"";position:absolute;left:10%;top:17px;height:2px;width:calc(80% * var(--p,0));background:linear-gradient(90deg,var(--tea),var(--tea-3));transition:width .6s var(--ease)}
.carta-est li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;opacity:.38;transition:opacity .45s}
.carta-est li.on{opacity:1}
.carta-est .ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111A22;border:1.5px solid var(--line-2);color:var(--ink-3);margin-bottom:5px;transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}
.carta-est .ico .ic{width:16px;height:16px}
.carta-est li.on .ico{background:#1B2934;border-color:var(--tea-2);color:var(--tea-2);box-shadow:0 0 0 5px rgba(150,123,255,.1)}
.carta-est b{font-size:12.5px;font-weight:600;line-height:1.2}
.carta-est small{font-size:11.5px;color:var(--ink-3);line-height:1.3}
.carta-est li.amb.on .ico{background:rgba(182,242,58,.14);border-color:var(--amb);color:var(--amb)}
.carta-est li.ia.on .ico{background:var(--amb);border-color:var(--amb);color:#101701;box-shadow:0 0 0 6px rgba(182,242,58,.14)}
.carta-est li.ia.on b{color:var(--amb)}
@media (max-width:560px){
  .carta-esc{padding-top:8px}
  .carta{width:100%;margin-left:0}
  .carta-fondo{display:none}
  .carta-est{gap:2px;margin-top:16px}
  .carta-est::before,.carta-est::after{top:15px}
  .carta-est .ico{width:32px;height:32px}
  .carta-est b{font-size:11px}
  .carta-est small{display:none}
  .carta-cuerpo{font-size:13px}
}

/* ── demo: campaña de una feria ── */
.ce-lat #ce-campanas{display:flex;flex-direction:column;gap:2px}
.ce-lat .camp{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border-radius:10px}
.ce-lat .camp b{font-size:13px;font-weight:700;color:var(--a-ink);line-height:1.25}
.ce-lat .camp small{font-size:11.5px;color:var(--a-ink3);line-height:1.3}
.ce-lat .camp .tag{margin-top:3px}
.ce-acc{display:flex;flex-wrap:wrap;gap:8px}
.ce-ritmo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px;align-items:center;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--a-line)}
.ce-reloj{display:flex;flex-direction:column;line-height:1.15;padding-right:14px;border-right:1px solid var(--a-line);min-width:118px}
.ce-reloj small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--a-ink3);font-weight:600}
.ce-reloj b{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--a-ink);margin:2px 0 1px}
.ce-reloj span{font-size:11px;color:var(--a-ink3)}
.ce-reloj.salta b{animation:salta .6s var(--ease)}
@keyframes salta{0%{opacity:.2;transform:translateY(-6px)}100%{opacity:1;transform:none}}
.ce-gotas{min-width:0}
.ce-gotas p{display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:12.5px;color:var(--a-ink2);line-height:1.35}
.ce-gotas p .ic{width:14px;height:14px;color:var(--a-tea)}
.gotas{display:flex;flex-wrap:wrap;gap:5px}
.gotas i{position:relative;width:18px;height:18px;border-radius:5px;background:#EBEFF2;transition:background-color .35s}
.gotas i.env{background:#7C5CFF}
.gotas i.abi{background:#92D514}
.gotas i.res{background:#16A06A}
.gotas i.reb{background:#D63B4D}
.gotas i.llam{background:#0F94AC}
.gotas i.cae{animation:cae .5s var(--ease)}
@keyframes cae{0%{transform:translateY(-9px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.ce-seq{display:flex;gap:6px;list-style:none}
.ce-seq li{display:flex;flex-direction:column;padding:6px 10px;border-radius:9px;border:1px solid var(--a-line);background:#F7F6FB;line-height:1.2;transition:background-color .35s,border-color .35s,color .35s}
.ce-seq b{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--a-ink3)}
.ce-seq span{font-size:12px;color:var(--a-ink2);white-space:nowrap}
.ce-seq li.on{border-color:#7C5CFF;background:#E5E0F9;box-shadow:0 0 0 3px rgba(83,47,242,.12)}
.ce-seq li.on b{color:#3B11F0}
.ce-seq li.hecho{background:#7C5CFF;border-color:#7C5CFF}
.ce-seq li.hecho b,.ce-seq li.hecho span{color:#fff}
.ce-dos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:stretch}
.ce-lista{display:flex;flex-direction:column}
.ce-tabla tbody tr{cursor:pointer;transition:background-color .2s}
.ce-tabla tbody tr:hover td{background:#F5F4FA}
.ce-tabla tbody tr.sel td{background:#E9E5FA}
.ce-tabla tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 #7C5CFF}
.ce-tabla tr.pulso td{animation:pulso 1s var(--ease)}
@keyframes pulso{0%{background:#F0FDD6}100%{background:transparent}}
.ce-tabla .emp{display:flex;align-items:center;gap:9px;min-width:0}
.ce-tabla .emp i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;flex:none;background:var(--l,#5B7BE0)}
.ce-tabla .emp span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ce-tabla .emp b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.ce-tabla .emp small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.ce-tabla td.idi b{font-weight:700}
.ce-tabla td.idi small{font-size:11px}
.ce-tabla td.est{white-space:nowrap}
.ce-tabla td.est small{font-family:var(--mono);font-size:10.5px;margin-top:3px}
.pasos3{display:inline-flex;gap:3px;vertical-align:middle}
.pasos3 i{width:9px;height:9px;border-radius:50%;background:#E3E9ED}
.pasos3 i.si{background:#7C5CFF}
.pasos3 i.no{background:transparent;box-shadow:inset 0 0 0 1.5px #D6DEE4}
.tag.revisar{animation:pulsa 1.6s ease-in-out infinite}
.ce-vacia td{padding:26px 10px!important;text-align:center;color:var(--a-ink3);cursor:default}
/* conversación */
.ce-conv{display:flex;flex-direction:column;min-height:380px;max-height:470px;padding:0;overflow:hidden}
.conv-cab{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--a-line)}
.conv-cab i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11.5px;font-weight:800;color:#fff;flex:none;background:var(--l,#5B7BE0)}
.conv-cab div{min-width:0;flex:1;line-height:1.25}
.conv-cab b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-cab small{display:block;font-size:11.5px;color:var(--a-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hilo{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.msg{border-radius:11px;padding:9px 11px;font-size:12.8px;line-height:1.5}
.msg.nuevo{animation:msgIn .5s var(--ease)}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}}
.msg .de{display:flex;align-items:center;gap:6px;justify-content:space-between;font-size:11px;color:var(--a-ink3);margin-bottom:3px;font-weight:600}
.msg .de .ic{width:12px;height:12px}
.msg .asu{display:block;font-weight:700;color:var(--a-ink);margin-bottom:2px}
.msg p{margin:0}
.msg .tr{display:block;margin-top:5px;padding-top:5px;border-top:1px dashed rgba(123,140,153,.35);font-size:11.8px;color:var(--a-ink3)}
.msg.out{background:#F3F2F9;border:1px solid #D4CBF6;margin-right:18px}
.msg.out .adj{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:600;color:#3B11F0;background:#fff;border:1px solid #D4CBF6;border-radius:7px;padding:3px 7px}
.msg.out .adj .ic{width:12px;height:12px}
.msg.in{background:#fff;border:1px solid var(--a-line);border-left:3px solid #9FAFBC;margin-left:18px}
.msg.in.auto{border-left-color:#92D514;font-style:italic}
.msg.ia{background:#131C24;color:#E0D9FC;margin-right:18px}
.msg.ia .de{color:#B6F23A}
.msg.ia .tr{color:#92A6B7;border-top-color:rgba(191,173,255,.2)}
.msg.borr{background:#F6FEE6;border:1.5px dashed #92D514;margin-right:18px}
.msg.borr .de{color:#5E8D08}
.msg.borr .acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.msg.borr .app-btn{padding:6px 10px;font-size:12px}
.msg.sis{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#EFF2F4;color:var(--a-ink2);font-size:11.5px;font-weight:600;text-align:center;line-height:1.35}
.msg.sis .ic{width:12px;height:12px;flex:none}
.msg.sis.ok{background:#E3F6EC;color:#11804F}
.msg.sis.bad{background:#FCE4E7;color:#B42B3C}
.msg.sis.cor{background:#E4F9FD;color:#1D90A6}
.msg.sis.amb{background:#F0FDD6;color:#5E8D08}
.conv-vacia{flex:1;display:grid;place-items:center;text-align:center;padding:24px;color:var(--a-ink3);font-size:13.5px}
.conv-vacia .ic{width:30px;height:30px;color:#9FAFBC;margin:0 auto 8px}
.conv-pie{padding:8px 14px;border-top:1px solid var(--a-line);font-size:11.5px;color:var(--a-ink3);display:flex;align-items:center;gap:6px}
.conv-pie .ic{width:13px;height:13px;color:var(--a-ok)}
.ce-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}
.ce-reg div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fila .4s var(--ease)}
.ce-reg div b{color:#B6F23A;font-weight:600}
.ce-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}
.ce-banda{position:absolute;left:50%;top:46%;z-index:6;transform:translate(-50%,-50%) scale(.96);padding:14px 22px;border-radius:14px;background:rgba(19,28,36,.94);color:#fff;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.01em;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);white-space:nowrap}
.ce-banda small{display:block;font-family:var(--sans);font-size:12.5px;font-weight:500;color:#BFADFF;letter-spacing:0;margin-top:2px}
.ce-banda.ver{opacity:1;transform:translate(-50%,-50%)}
@media (max-width:1180px){.ce-ritmo{grid-template-columns:auto minmax(0,1fr)}.ce-seq{grid-column:1 / -1}.ce-seq li{flex:1}}
@media (max-width:1000px){.ce-dos{grid-template-columns:1fr}.ce-conv{min-height:320px;max-height:420px}}
@media (max-width:860px){.ce-lat #ce-campanas{flex-direction:row;gap:4px}.ce-lat .camp{flex:none;padding:6px 10px}.ce-lat .camp small,.ce-lat .camp .tag{display:none}.ce-lat .camp b{white-space:nowrap}}
@media (max-width:640px){
  .ce-ritmo{grid-template-columns:1fr;padding:10px}
  .ce-reloj{flex-direction:row;align-items:baseline;gap:8px;border-right:0;padding-right:0;border-bottom:1px solid var(--a-line);padding-bottom:8px;min-width:0;flex-wrap:wrap}
  .ce-reloj b{font-size:20px;margin:0}
  .ce-seq li{padding:5px 7px}.ce-seq span{font-size:11px;white-space:normal}
  .ce-tabla .m-ocultar{display:none}
  .ce-tabla{font-size:12.5px}.ce-tabla td,.ce-tabla th{padding:7px 4px}
  .ce-tabla .emp i{display:none}
  .ce-tabla .emp b,.ce-tabla .emp small{max-width:132px}
  .ce-tabla .tag{font-size:10.5px;padding:3px 6px}.ce-tabla .tag .ic{display:none}
  #ce-app .caja{padding:10px 8px}
  #ce-app .ce-conv{padding:0}
  .msg.out,.msg.ia,.msg.borr{margin-right:6px}.msg.in{margin-left:6px}
  .app-h .ce-acc{width:100%}.app-h .ce-acc .app-btn.pri{flex:1;justify-content:center}
  .ce-banda{font-size:16px;padding:10px 16px}
  .ce-reg{font-size:11px}
}

/* ── la secuencia que se para sola (sección) ── */
.sq-opc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.sq-opc button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--line-2);background:var(--glass);font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.sq-opc button .ic{width:15px;height:15px}
.sq-opc button:hover{border-color:var(--tea-2);color:var(--ink)}
.sq-opc button[aria-pressed="true"]{background:var(--tea-2);border-color:var(--tea-2);color:#0B1115}
.sq-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;position:relative}
.sq-pasos li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;align-content:start;padding:18px 18px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--line);transition:border-color .4s,background-color .4s,opacity .4s}
.sq-pasos li:not(:last-child)::after{content:"";position:absolute;top:40px;right:-29px;width:30px;height:2px;background:var(--line-2);transition:background-color .4s}
.sq-pasos .ico{grid-row:span 3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--ink-3);transition:background-color .4s,color .4s}
.sq-pasos .ico .ic{width:21px;height:21px}
.sq-pasos small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.sq-pasos b{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.sq-pasos span{font-size:14px;color:var(--ink-2)}
.sq-pasos em{grid-column:1 / -1;margin-top:10px;font-style:normal;font-size:13px;font-weight:600;min-height:1.5em;color:var(--ink-3);display:flex;align-items:center;gap:7px}
.sq-pasos em:empty{visibility:hidden}
.sq-pasos em::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.sq-pasos li.hecho{border-color:rgba(150,123,255,.45);background:rgba(124,92,255,.08)}
.sq-pasos li.hecho .ico{background:var(--tea-2);color:#0B1115}
.sq-pasos li.hecho em{color:var(--tea-3)}
.sq-pasos li.hecho:not(:last-child)::after{background:var(--tea-2)}
.sq-pasos li.cancel{opacity:.5}
.sq-pasos li.cancel b{text-decoration:line-through;text-decoration-color:var(--cor);text-decoration-thickness:2px}
.sq-pasos li.cancel em{color:var(--cor-2)}
.sq-pasos li.mal{border-color:rgba(255,92,108,.5);background:rgba(255,92,108,.07)}
.sq-pasos li.mal .ico{background:var(--bad);color:#fff}
.sq-pasos li.mal em{color:#FF8E99}
.sq-fin{display:grid;grid-template-columns:52px 1fr auto;gap:4px 18px;align-items:center;margin-top:22px;padding:18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--c,var(--tea-2)) 45%,transparent);background:color-mix(in srgb,var(--c,var(--tea-2)) 9%,transparent);opacity:0;transform:translateY(10px);transition:opacity .45s,transform .5s var(--ease)}
.sq-fin.ver{opacity:1;transform:none}
.sq-fin .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--c,var(--tea-2));color:#0B1115}
.sq-fin .ico .ic{width:24px;height:24px}
.sq-fin b{display:block;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.sq-fin p{margin:4px 0 0;font-size:15px;color:var(--ink-2)}
.sq-mod{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--line-2);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .2s}
.sq-mod:hover{border-color:var(--c,var(--tea-2))}
.sq-mod .ic{width:15px;height:15px}
.sq-mod[hidden]{display:none}
@media (max-width:860px){
  .sq-pasos{grid-template-columns:1fr;gap:14px}
  .sq-pasos li:not(:last-child)::after{top:auto;bottom:-15px;right:auto;left:39px;width:2px;height:16px}
  .sq-fin{grid-template-columns:44px 1fr}.sq-fin .ico{width:44px;height:44px}.sq-mod{grid-column:1 / -1;justify-self:start;margin-top:8px}
}

/* ── reglas de envío (sección clara) ── */
.ce-reglas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none}
.ce-reglas li{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--l-line);box-shadow:0 16px 40px -28px rgba(21,31,39,.35)}
.ce-reglas .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#E2DCF9;color:#4419F5;margin-bottom:16px}
.ce-reglas .ico .ic{width:22px;height:22px}
.ce-reglas h3{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}
.ce-reglas p{font-size:15px;color:var(--l-ink2);margin:0}
.ce-reglas li.amb .ico{background:#EDFDCE;color:#5E8D08}
@media (max-width:1000px){.ce-reglas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ce-reglas{grid-template-columns:1fr}}

/* ── adjuntos que manda el cliente (planta, render, plano del espacio) ── */
.msg .adjs{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.msg .adjs span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#1D90A6;background:#E4F9FD;border:1px solid #C2EDF5;border-radius:7px;padding:3px 7px}
.msg .adjs .ic{width:12px;height:12px}
.msg [lang="zh"],.idi-carta[lang="zh"] .ic-cuerpo,.idi-carta[lang="zh"] .asu,.idi-opc [lang="zh"]{font-family:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Zen Hei",var(--sans)}

/* ── el mismo correo, en su idioma (sección) ── */
.ensu{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);align-items:center}
.idi-opc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.idi-opc button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);background:var(--glass);cursor:pointer;text-align:left;transition:background-color .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s}
.idi-opc button:hover{border-color:var(--tea-2);transform:translateY(-2px)}
.idi-opc button b{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:.06em;color:var(--tea-2);line-height:1.2}
.idi-opc button span{font-size:13px;color:var(--ink-3)}
.idi-opc button[aria-pressed="true"]{background:var(--tea-2);border-color:var(--tea-2);box-shadow:0 14px 34px -14px rgba(150,123,255,.8)}
.idi-opc button[aria-pressed="true"] b,.idi-opc button[aria-pressed="true"] span{color:#0B1115}
.idi-det{list-style:none;display:grid;gap:8px;margin:20px 0 0;min-height:9.2em}
.idi-det li{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid var(--line);font-size:15px;color:var(--ink-2);line-height:1.45;animation:idiIn .5s var(--ease) both;animation-delay:var(--d,0ms)}
.idi-det li .ic{width:18px;height:18px;color:var(--amb);margin-top:2px}
@keyframes idiIn{from{opacity:0;transform:translateX(-10px)}}
.idi-nota{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:14px;border:1px dashed rgba(182,242,58,.4);background:rgba(182,242,58,.05);font-size:14.5px;color:var(--ink-2);line-height:1.5}
.idi-nota .ic{width:20px;height:20px;color:var(--amb);margin-top:1px}
.idi-nota b{color:var(--ink);font-weight:600}
.idi-carta-w{position:relative;padding:22px 0 12px}
.idi-carta-w::before{content:"";position:absolute;left:5%;right:3%;top:8px;bottom:0;border-radius:18px;background:rgba(250,251,252,.07);border:1px solid var(--line-2);transform:rotate(2.4deg)}
.idi-carta-w::after{content:attr(data-b);position:absolute;right:-6px;top:-80px;font-family:var(--mono);font-size:clamp(70px,9vw,128px);font-weight:600;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(150,123,255,.35);pointer-events:none;z-index:0}
.idi-carta{position:relative;z-index:1;border-radius:16px;overflow:hidden;background:#FAFBFC;color:var(--a-ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);transition:opacity .22s,transform .3s var(--ease),filter .22s}
.idi-carta.cambia{opacity:0;transform:translateY(8px) scale(.99);filter:blur(3px)}
.ic-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:#fff;border-bottom:1px solid var(--a-line)}
.ic-bar .pts{display:flex;gap:5px;flex:none}
.ic-bar .pts i{width:8px;height:8px;border-radius:50%;background:#E2E6E9}
.ic-bar .tit{font-size:12.5px;color:var(--a-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ic-bar .tit b{color:var(--a-ink);font-weight:600}
.ic-idi{margin-left:auto;flex:none;font-size:11px;font-weight:600;color:#3B11F0;background:#E1DBF9;border-radius:999px;padding:3px 9px;white-space:nowrap}
.ic-campos{padding:8px 18px 6px;border-bottom:1px solid #EEF1F4}
.ic-campos>div{display:flex;gap:10px;font-size:13.5px;line-height:1.45;padding:3px 0}
.ic-campos .k{flex:none;width:56px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink3);padding-top:3px}
.ic-campos b{font-weight:600}
.ic-campos .asu{font-weight:700;color:var(--a-ink)}
.ic-cuerpo{padding:14px 18px 6px;font-size:14.5px;line-height:1.62;color:var(--a-ink2)}
.ic-cuerpo p{margin:0 0 10px}
.ic-cuerpo p:first-child{color:var(--a-ink);font-weight:600}
.ic-cuerpo .firma{margin-top:14px;color:var(--a-ink2)}
.ic-cuerpo .firma b{color:var(--a-ink);font-weight:700}
.ic-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px 14px}
.ic-pie .sello{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#11804F;background:#E3F6EC;border:1px solid #BFE8D2;border-radius:999px;padding:4px 10px;transform:rotate(-1.5deg)}
.ic-pie .sello .ic{width:13px;height:13px;stroke-width:2.4}
.ic-adj{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#3B11F0;background:#F5F4FA;border:1px dashed #B3A4EF;border-radius:8px;padding:4px 9px}
.ic-adj .ic{width:13px;height:13px}
@media (max-width:980px){.ensu{grid-template-columns:1fr}.idi-det{min-height:0}}
@media (max-width:560px){
  .idi-opc{gap:6px}
  .idi-opc button{padding:9px 10px;border-radius:12px}
  .idi-opc button b{font-size:16px}
  .idi-opc button span{font-size:12px}
  .idi-carta-w{padding-top:14px}
  .idi-carta-w::before{display:none}
  .idi-carta-w::after{display:none}
  .ic-cuerpo{padding:12px 14px 4px;font-size:13.5px}
  .ic-campos{padding:8px 14px 6px}
  .ic-campos .k{width:48px}
  .ic-pie{padding:8px 14px 12px}
  .idi-det li{font-size:14px;padding:10px 12px}
}

/* ═══ TEMA CLARO (solo con <html data-tema="claro">; ver estilo.css) ═══ */
/* héroe: la carta */
html[data-tema="claro"] .carta-fondo span{background:#fff;box-shadow:var(--sombra-1)}
html[data-tema="claro"] .carta-fondo span+span{background:#fff}
html[data-tema="claro"] .carta{box-shadow:0 40px 80px -36px rgba(22,33,43,.4),0 0 0 1px var(--line)}
html[data-tema="claro"] .carta-adj .mini{background:linear-gradient(160deg,#ECE8FF,#D3C8FF)}
html[data-tema="claro"] .carta-adj .mini i:nth-child(2){background:#fff;opacity:1}
html[data-tema="claro"] .carta-est .ico{background:#fff;box-shadow:0 2px 6px -2px rgba(22,33,43,.15)}
html[data-tema="claro"] .carta-est li.on .ico{background:#F1EEFF;box-shadow:0 0 0 5px color-mix(in srgb,var(--acento) 26%,transparent)}
html[data-tema="claro"] .carta-est li.amb.on .ico{background:#F2FCDD}
html[data-tema="claro"] .carta-est li.ia.on .ico{background:var(--viva-amb);border-color:#7DB61C;color:#16212B;box-shadow:0 0 0 6px rgba(182,242,58,.3)}
/* demo: registro y conversación */
html[data-tema="claro"] .ce-reg{background:var(--acento-suave);border:1px solid var(--acento-borde);color:#3B2A9E}
html[data-tema="claro"] .ce-reg div b{color:#4A770A}
html[data-tema="claro"] .ce-reg div:last-child::after{background:var(--acento)}
html[data-tema="claro"] .msg.ia{background:#F4FCE6;border:1px solid #CDEB98;color:var(--a-ink)}
html[data-tema="claro"] .msg.ia .de{color:#4A770A}
html[data-tema="claro"] .msg.ia .asu{color:var(--a-ink)}
html[data-tema="claro"] .msg.ia .tr{color:var(--a-ink3);border-top-color:rgba(74,119,10,.25)}
html[data-tema="claro"] .ce-banda{background:rgba(255,255,255,.98);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(22,33,43,.45)}
html[data-tema="claro"] .ce-banda small{color:var(--tea-2)}
/* la secuencia que se para sola */
html[data-tema="claro"] .sq-opc button{box-shadow:0 1px 2px rgba(22,33,43,.05)}
html[data-tema="claro"] .sq-opc button[aria-pressed="true"]{color:#fff}
html[data-tema="claro"] .sq-pasos li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .sq-pasos .ico{background:rgba(22,33,43,.06)}
html[data-tema="claro"] .sq-pasos li.hecho{background:var(--acento-suave);border-color:#CFC3FC}
html[data-tema="claro"] .sq-pasos li.hecho .ico{color:#fff}
html[data-tema="claro"] .sq-pasos li.mal{background:#FFF4F5;border-color:rgba(214,59,77,.45)}
html[data-tema="claro"] .sq-pasos li.mal em{color:#B42B3C}
html[data-tema="claro"] .sq-fin{background:color-mix(in srgb,var(--c,var(--tea-2)) 7%,#fff);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .sq-fin .ico{color:#fff}
html[data-tema="claro"] .sq-mod{background:#fff}
/* el mismo correo, en su idioma */
html[data-tema="claro"] .idi-opc button{box-shadow:0 1px 2px rgba(22,33,43,.05)}
html[data-tema="claro"] .idi-opc button[aria-pressed="true"]{box-shadow:0 14px 30px -14px color-mix(in srgb,var(--acento) 100%,transparent)}
html[data-tema="claro"] .idi-opc button[aria-pressed="true"] b,html[data-tema="claro"] .idi-opc button[aria-pressed="true"] span{color:#fff}
html[data-tema="claro"] .idi-det li{background:#fff;box-shadow:0 1px 2px rgba(22,33,43,.05)}
html[data-tema="claro"] .idi-nota{background:#F4FCE6;border-color:rgba(74,119,10,.4)}
html[data-tema="claro"] .idi-carta-w::before{background:#fff;box-shadow:var(--sombra-1)}
html[data-tema="claro"] .idi-carta-w::after{-webkit-text-stroke-color:color-mix(in srgb,var(--acento) 90%,transparent)}
html[data-tema="claro"] .idi-carta{box-shadow:0 40px 80px -36px rgba(22,33,43,.4),0 0 0 1px var(--line)}
/* cajas de icono que eran lila: amarillas con tinta */
html[data-tema="claro"] .ce-reglas .ico{background:var(--acento-medio);color:var(--tinta)}