/* p-voz.css · página Voz · clases voz-* · solo tokens de tokens.css (sin hex, sin sombras, sin degradados, sin rebotes) */

/* ---- ritmo de la página: más corta, con el mismo aire entre piezas ---- */
.voz-pg .hero{padding:var(--s-48) 0 var(--s-24)}
.voz-pg .sec{padding:var(--s-32) 0}
.voz-pg .sec-head{max-width:none;margin-bottom:var(--s-24)}
.voz-pg .sec-head .eyebrow{margin-bottom:var(--s-8)}
.voz-pg .sec-head .lede{font-size:var(--t-19);letter-spacing:var(--trk-19);margin-top:var(--s-8);max-width:60em}
.voz-pg .mt-16{margin-top:var(--s-16)}
.voz-pg .voz-h4.mt-24{margin-top:var(--s-24)}
.voz-pg details.mas{padding:var(--s-8) 0}

/* ---- piezas sueltas ---- */
.voz-q{margin:0;padding:var(--s-16) var(--s-24);background:var(--superficie);border-radius:var(--r-tarjeta);font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.3;font-weight:var(--bold);color:var(--texto);min-width:0}
.dont .voz-q{background:transparent;border:var(--borde-ancho) solid var(--texto-3);color:var(--texto-2);font-weight:var(--regular)}
.voz-q small{display:block;font-weight:var(--regular);font-size:var(--t-15);letter-spacing:0;color:var(--texto-2);margin-top:var(--s-4)}
.voz-why{margin:var(--s-8) 0 0;font-size:var(--t-15);color:var(--texto-2);max-width:46em}
.voz-t2{color:var(--acento-texto)}
.voz-t2.ap{color:var(--texto-3)}
.voz-sm{font-size:var(--t-15);color:var(--texto-2)}
.ic{display:inline-block;width:16px;height:16px;flex:none;background:var(--texto);vertical-align:-3px;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ic.x{background:var(--texto-2);--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}
.ic.n{background:var(--texto-3);--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}

/* ---- 1 · la idea ---- */
.voz-cond{margin:0 0 var(--s-32);gap:var(--s-24) var(--s-48)}
.voz-cond>div{border-top:var(--borde-encendido) solid var(--texto);padding-top:var(--s-12)}
.voz-cond .n{display:inline-block;width:1.4em;font-variant-numeric:tabular-nums;color:var(--texto-2)}
.voz-cond b{display:block;font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.25;margin-bottom:var(--s-4)}
.voz-cond span.ej{display:block;font-size:var(--t-15);color:var(--texto-2);padding-left:1.4em}
.voz-pasos{list-style:none;margin:0;padding:0;display:grid;gap:0}
.voz-pasos li{border-top:var(--borde-ancho) solid var(--borde)}
.voz-pasos li:last-child{border-bottom:var(--borde-ancho) solid var(--borde)}
.voz-pasos button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:var(--s-12) var(--s-16) var(--s-12) var(--s-24);position:relative;transition:background var(--dur-micro) var(--mov-micro)}
.voz-pasos button:hover{background:var(--superficie)}
.voz-pasos button:focus-visible{outline:var(--foco-ancho) solid var(--acento);outline-offset:-2px}
.voz-pasos button::before{content:"";position:absolute;left:0;top:var(--s-12);bottom:var(--s-12);width:3px;border-radius:var(--r-pill);background:var(--borde);transition:background var(--dur-estado) var(--mov-estado)}
.voz-pasos button[aria-current="true"]::before{background:var(--acento)}
.voz-pasos .h{display:block;font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);font-variant-numeric:tabular-nums}
.voz-pasos b{display:block;font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.25;margin:2px 0 var(--s-4)}
.voz-pasos em{display:none;font-style:normal;font-size:var(--t-15);color:var(--texto-2)}
.voz-pasos button[aria-current="true"] em{display:block}
.voz-chat-split{gap:var(--s-48)}

/* el teléfono de la escena */
.voz-esc{--alto:440px;padding-top:var(--s-32)}
.voz-hora{position:absolute;left:var(--s-16);top:var(--s-16);font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);font-variant-numeric:tabular-nums;z-index:2}
.voz-esc .tag{position:absolute;right:var(--s-16);top:var(--s-12);z-index:2;background:var(--elevado)}
.voz-tel{width:268px;height:372px;margin-bottom:var(--s-16);border:7px solid var(--telefono-marco);border-radius:38px;background:var(--telefono-pantalla);overflow:hidden;display:flex;flex-direction:column;position:relative}
.voz-st{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 6px;font-size:var(--t-12);font-weight:var(--bold);font-variant-numeric:tabular-nums}
.voz-bat{width:20px;height:10px;border:1.5px solid currentColor;border-radius:3px;position:relative}
.voz-bat::after{content:"";position:absolute;inset:1.5px;background:currentColor;border-radius:1px}
.voz-hd{display:flex;align-items:center;gap:var(--s-8);padding:6px 14px 10px;border-bottom:var(--borde-ancho) solid var(--borde)}
.voz-av{width:28px;height:28px;border-radius:50%;border:var(--borde-ancho) solid var(--borde);background:var(--superficie);display:grid;place-items:center;font-size:var(--t-12);font-weight:var(--bold);flex:none}
.voz-hd b{display:block;font-size:13px;line-height:1.2}
.voz-hd span{display:block;font-size:var(--t-12);color:var(--texto-2);line-height:1.2}
.voz-chat{flex:1;position:relative;background:var(--superficie);min-height:0}
.voz-beat{position:absolute;inset:10px;display:none;flex-direction:column;gap:6px}
.voz-beat.on{display:flex}
.voz-b{max-width:90%;padding:8px 10px;border-radius:12px 12px 12px 4px;background:var(--elevado);border:var(--borde-ancho) solid var(--borde);font-size:13px;line-height:1.35;align-self:flex-start}
.voz-b small{display:block;text-align:right;font-size:var(--t-12);color:var(--texto-2);margin-top:2px;font-variant-numeric:tabular-nums}
.voz-b.mio{align-self:flex-end;border-radius:12px 12px 4px 12px}
.voz-b.seg{background:var(--acento-suave);border:var(--borde-encendido) solid var(--acento)}
.voz-sep{align-self:center;font-size:var(--t-12);color:var(--texto-2);background:var(--elevado);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-pill);padding:0 10px}
.voz-chip{align-self:flex-start;padding:2px 12px;border-radius:var(--r-pill);border:var(--borde-encendido) solid var(--acento);background:var(--elevado);font-size:13px}
.voz-cap{align-self:flex-end;font-size:var(--t-12);color:var(--texto-2);text-align:right;max-width:90%}
.voz-beat.on .voz-b,.voz-beat.on .voz-chip,.voz-beat.on .voz-cap,.voz-beat.on .voz-sep{animation:voz-in var(--dur-entrada) var(--mov-entrada) both;animation-delay:calc(var(--d,0) * 1ms)}
.voz-cierre{position:absolute;inset:0;background:var(--elevado);display:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--s-16);padding:var(--s-32) var(--s-32) var(--s-48);z-index:1}
.voz-cierre.on{display:flex;animation:voz-fade var(--dur-fundido) var(--mov-micro) both}
.voz-cierre img{height:30px;width:auto}
.voz-cierre b{font-size:var(--t-24);letter-spacing:var(--trk-24);line-height:1.2}
.voz-cierre span{font-size:var(--t-15);color:var(--texto-2);max-width:26em}
@keyframes voz-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes voz-fade{from{opacity:0}to{opacity:1}}

/* ---- 2 · los rasgos ---- */
.voz-rasgo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-16) var(--s-32);padding:var(--s-24) 0;border-top:var(--borde-ancho) solid var(--borde);align-items:start}
.voz-rasgo:first-of-type{border-top:var(--borde-encendido) solid var(--texto)}
.voz-rasgo .rn{display:inline-block;width:1.4em;font-variant-numeric:tabular-nums;color:var(--texto-2)}
.voz-rasgo h3{margin-bottom:var(--s-4)}
.voz-rasgo p{margin:0;color:var(--texto-2);font-size:var(--t-15)}
.voz-rasgo p b{color:var(--texto)}
.voz-rasgo .pair{gap:var(--s-16)}
.voz-rasgo .voz-q{flex:1;font-size:var(--t-15);letter-spacing:0;line-height:1.35;padding:var(--s-8) var(--s-12)}
.voz-rasgo .do,.voz-rasgo .dont{flex-direction:row;align-items:flex-start;gap:var(--s-8)}
.voz-rasgo .badge{font-size:0;gap:0;padding-top:var(--s-8)}

/* ---- 3 · las frases ---- */
.voz-fr{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,10fr) minmax(0,10fr);gap:var(--s-16) var(--s-32);padding:var(--s-16) 0;border-top:var(--borde-ancho) solid var(--borde);align-items:start}
.voz-fr:first-of-type{border-top:var(--borde-encendido) solid var(--texto)}
.voz-fr .rn{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.voz-fr .ej{display:block;font-size:var(--t-24);letter-spacing:var(--trk-24);line-height:1.2;font-weight:var(--bold);margin:0 0 var(--s-8)}
.voz-fr .rt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-8)}
.voz-fr .va{font-size:var(--t-15);color:var(--texto-2);display:grid;gap:var(--s-4)}
.voz-fr .va b{color:var(--texto)}
.voz-lock{margin-bottom:var(--s-8)}
.voz-frs .voz-fr:first-child{border-top:0;padding-top:0}
.voz-dyf{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-12);align-items:center}
.voz-dyf .tag{font-size:var(--t-15);padding:2px 14px;background:var(--elevado)}
.voz-dyf .tag.on{background:var(--elevado);border:var(--borde-encendido) solid var(--acento);color:var(--texto)}

/* ---- 4 · cómo hablamos ---- */
.voz-pares{margin-bottom:var(--s-16);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-24) var(--s-48);align-items:start}
.voz-par{border-top:var(--borde-encendido) solid var(--texto);padding-top:var(--s-12);display:grid;gap:var(--s-8)}
.voz-par .rn{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.voz-par .pair{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
.voz-par .do,.voz-par .dont{flex-direction:row;align-items:flex-start;gap:var(--s-12)}
.voz-par .badge{font-size:0;gap:0;padding-top:var(--s-12)}
.voz-par .voz-q{flex:1;font-size:var(--t-17);letter-spacing:0;padding:var(--s-12) var(--s-16)}
.voz-par .why{margin:0;padding-left:calc(22px + var(--s-12))}

/* ---- 5 · las perillas ---- */
.voz-mx{border-top:var(--borde-encendido) solid var(--texto)}
.voz-mx-h,.voz-mx-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(5,minmax(0,1fr));gap:var(--s-12);align-items:center;padding:var(--s-4) var(--s-16);min-height:34px}
.voz-mx-h{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);border-bottom:var(--borde-ancho) solid var(--borde)}
.voz-mx-row{width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-bottom:var(--borde-ancho) solid var(--borde);border-radius:0;cursor:pointer;transition:background var(--dur-micro) var(--mov-micro)}
.voz-mx-row:hover{background:var(--superficie)}
.voz-mx-row[aria-pressed="true"]{background:var(--acento-suave)}
.voz-mx-row>b{font-size:var(--t-15)}
.voz-mx .c{display:flex;align-items:center;gap:var(--s-8)}
.voz-mx .c::before{content:attr(data-l);display:none;font-size:var(--t-12);color:var(--texto-2)}
.voz-mx .c em{font-style:normal;font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums;min-width:1ch}
.m{display:inline-flex;gap:3px}
.m i{display:block;width:7px;height:18px;border-radius:var(--r-pill);border:1.5px solid var(--control-apagado)}
.m.n1 i:nth-child(-n+1),.m.n2 i:nth-child(-n+2),.m.n3 i:nth-child(-n+3),.m.n4 i:nth-child(-n+4),.m.n5 i:nth-child(-n+5){background:var(--texto);border-color:var(--texto)}
.voz-mx-row[aria-pressed="true"] .m.n1 i:nth-child(-n+1),.voz-mx-row[aria-pressed="true"] .m.n2 i:nth-child(-n+2),.voz-mx-row[aria-pressed="true"] .m.n3 i:nth-child(-n+3),.voz-mx-row[aria-pressed="true"] .m.n4 i:nth-child(-n+4),.voz-mx-row[aria-pressed="true"] .m.n5 i:nth-child(-n+5){background:var(--acento);border-color:var(--acento)}
.voz-ficha{margin-top:var(--s-24);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-32) var(--s-48);align-items:start}
.voz-ficha h3{margin-bottom:var(--s-16)}
.voz-ficha .kv dd{max-width:30em}
.voz-ficha .acciones{margin-top:var(--s-12);margin-bottom:var(--s-16)}
.voz-ficha[hidden]{display:none}

/* ---- 6 · mensajes listos ---- */
.voz-msgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--medianil);align-items:start}
.voz-msgs.uno{grid-template-columns:minmax(0,1fr);max-width:760px}
.voz-msg{border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--elevado);overflow:hidden;min-width:0}
.voz-msg-h{display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12) var(--s-16);border-bottom:var(--borde-ancho) solid var(--borde)}
.voz-msg-h>div{flex:1;min-width:0}
.voz-msg-h b{display:block;font-size:var(--t-15);line-height:1.25}
.voz-msg-h span{display:block;font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums}
.voz-msg-b{padding:var(--s-16)}
.voz-msg-b p{margin:0 0 var(--s-8);font-size:var(--t-15);line-height:1.45;white-space:pre-line}
.voz-msg-b p:last-child{margin-bottom:0}
.voz-wa{background:var(--superficie);padding:var(--s-16);display:flex;flex-direction:column}
.voz-wb{align-self:flex-end;max-width:94%;background:var(--elevado);border:var(--borde-ancho) solid var(--borde);border-radius:12px 12px 4px 12px;padding:10px 14px;font-size:var(--t-15);line-height:1.4;white-space:pre-line;min-width:0}
.voz-wb small{display:block;text-align:right;font-size:var(--t-12);color:var(--texto-2);margin-top:2px;font-variant-numeric:tabular-nums}
.voz-wb.ent{align-self:flex-start;border-radius:12px 12px 12px 4px}
.voz-li-h{display:flex;align-items:center;gap:var(--s-12);margin-bottom:var(--s-12)}
.voz-li-h .voz-av{width:40px;height:40px;font-size:var(--t-15)}
.voz-li-h b{display:block;font-size:var(--t-15);line-height:1.2}
.voz-li-h span{display:block;font-size:var(--t-12);color:var(--texto-2)}
.voz-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px var(--s-16);font-size:var(--t-15);margin:0 0 var(--s-16);padding-bottom:var(--s-12);border-bottom:var(--borde-ancho) solid var(--borde)}
.voz-kv dt{color:var(--texto-2)}.voz-kv dd{margin:0}
.voz-firma{margin-top:var(--s-12);padding-top:var(--s-12);border-top:var(--borde-ancho) solid var(--borde)}
.voz-g{display:grid;gap:var(--s-16)}
.voz-g h4{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2);margin:0 0 var(--s-8)}
.voz-g .chips{display:flex;flex-wrap:wrap;gap:var(--s-8)}
.voz-g .copy{font-family:inherit;font-size:var(--t-15);padding:4px 12px;border-radius:var(--r-pill);display:inline-flex;gap:var(--s-8);align-items:baseline}
.voz-g .copy small{font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums}
.voz-gd{display:flex;gap:var(--s-12);align-items:flex-start;padding:var(--s-12) 0;border-top:var(--borde-ancho) solid var(--borde)}
.voz-gd p{flex:1;margin:0;font-size:var(--t-15)}
.voz-gd small{font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.voz-meta{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--s-32);align-items:start}
.voz-ad{border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--elevado);overflow:hidden}
.voz-ad .cab{display:flex;gap:var(--s-8);align-items:center;padding:var(--s-12);font-size:var(--t-15)}
.voz-ad .cab img{height:18px;width:auto}
.voz-ad .cab span{color:var(--texto-2);font-size:var(--t-12);margin-left:auto}
.voz-ad p{margin:0;padding:0 var(--s-12) var(--s-12);font-size:var(--t-15);line-height:1.4}
.voz-ad p em{color:var(--texto-2);font-style:normal}
.voz-ad .pie{display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12);background:var(--superficie);font-size:var(--t-12);color:var(--texto-2);border-top:var(--borde-ancho) solid var(--borde)}
.voz-ad .pie b{display:block;color:var(--texto);font-size:var(--t-15)}
.voz-ad .pie .bt{margin-left:auto;padding:6px 14px;border-radius:var(--r-campo);border:var(--borde-ancho) solid var(--borde-control);background:var(--elevado);color:var(--texto);font-size:var(--t-15);font-weight:var(--bold);white-space:nowrap}
.voz-ad .ratio{border-radius:0;border-left:0;border-right:0}
.voz-guion th,.voz-guion td{white-space:normal}
.voz-guion td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--texto-2)}
.voz-cw{container-type:inline-size}
.voz-car{--w:min(260px,72%)}
@container (min-width:940px){.voz-car{--w:calc((100% - 3 * var(--s-16)) / 4)}.voz-car .car-bar{display:none}}
.voz-col{display:grid;gap:var(--s-16);align-content:start}
.voz-pg .tabs{margin-bottom:var(--s-24)}
.voz-head-acc{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-8) var(--s-24);flex-wrap:wrap}
.voz-head-acc .btn{flex:none;margin-bottom:var(--s-8)}
details.mas .voz-msgs{margin-top:var(--s-8)}

/* ---- 7 · números, horas, montos y fechas ---- */
.voz-nr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,6fr) minmax(0,3.2fr);gap:var(--s-8) var(--s-32);padding:var(--s-12) 0;border-top:var(--borde-ancho) solid var(--borde);align-items:baseline}
.voz-nr:first-of-type{border-top:var(--borde-encendido) solid var(--texto)}
.voz-nr .rn{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.voz-nr .si{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-24)}
.voz-nr .no{color:var(--texto-2);font-size:var(--t-15);display:flex;flex-wrap:wrap;gap:0 var(--s-16)}
.voz-nr .no span::before{content:"";display:inline-block;width:12px;height:12px;background:var(--texto-3);margin-right:6px;vertical-align:-1px;-webkit-mask:var(--x) center/contain no-repeat;mask:var(--x) center/contain no-repeat;--x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}
.voz-nr .nota{grid-column:2/-1;margin:0;font-size:var(--t-15);color:var(--texto-2)}
.voz-ej{font:inherit;font-size:var(--t-24);letter-spacing:var(--trk-24);line-height:1.25;font-weight:var(--bold);font-variant-numeric:tabular-nums;background:transparent;border:0;border-bottom:var(--borde-encendido) solid var(--borde);padding:0 0 2px;color:var(--texto);cursor:pointer;text-align:left;transition:border-color var(--dur-micro) var(--mov-micro)}
.voz-ej:hover{border-bottom-color:var(--acento)}
.voz-ej.m{font-size:var(--t-19);letter-spacing:var(--trk-19)}
.voz-cv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16) var(--s-32);margin-bottom:var(--s-24);padding:var(--s-24);align-items:start}
.voz-cv>.voz-h4{grid-column:1/-1;margin:0}
.voz-cv-col{display:grid;gap:var(--s-12);align-content:start;min-width:0}
.voz-cv-col .campo{margin:0}
.voz-cv select{font:inherit;font-size:var(--t-17);min-height:var(--boton-alto);padding:0 var(--s-12);border:var(--borde-ancho) solid var(--borde-control);border-radius:var(--r-campo);background:var(--elevado);color:var(--texto);width:100%}
.voz-cv-out{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-16);align-items:baseline}
.voz-cv-monto{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:var(--s-8)}
.voz-chk{display:flex;align-items:center;gap:var(--s-8);font-size:var(--t-15);cursor:pointer}
.voz-chk input{width:18px;height:18px;accent-color:var(--texto);margin:0}

/* ---- 8 · palabras ---- */
.voz-w3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr);gap:var(--s-8) var(--s-24);padding:var(--s-12) 0;border-top:var(--borde-ancho) solid var(--borde);font-size:var(--t-15);align-items:baseline}
.voz-w3.h{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);border-top:var(--borde-encendido) solid var(--texto);padding-bottom:var(--s-8)}
.voz-w3 b{font-weight:var(--bold)}
.voz-w3 .no{color:var(--texto-2)}
.voz-w3 .por{color:var(--texto-2)}
.voz-w3[hidden]{display:none}
.voz-w3 .ic{margin-right:6px;width:14px;height:14px;vertical-align:-2px}
.voz-top .voz-w3{font-size:var(--t-15);padding:var(--s-8) 0}
.voz-top .voz-w3:first-child{border-top:var(--borde-encendido) solid var(--texto)}
.voz-mod{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr) minmax(0,1.6fr) auto}
.voz-tags{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-bottom:var(--s-16)}
.voz-tags .tag{font-size:var(--t-15);padding:3px 12px}
.voz-tags.no .tag{color:var(--texto-2)}
.voz-lex{margin-top:var(--s-16)}
.voz-lex .voz-w3{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.6fr) minmax(0,1fr)}
.voz-h4{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);margin:0 0 var(--s-12)}

/* ---- 9 · el titular ---- */
.voz-t-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-32) var(--s-48);align-items:center;margin-bottom:var(--s-32)}
.voz-dos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-16)}
.voz-dos>div{border-top:var(--borde-encendido) solid var(--texto);padding-top:var(--s-12)}
.voz-dos .rn{display:block;font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);margin-bottom:var(--s-8)}
.voz-dos b{display:block;font-size:var(--t-24);letter-spacing:var(--trk-24);line-height:var(--lh-titulo-24);margin-bottom:var(--s-4)}
.voz-dos b.a{color:var(--acento-texto)}
.voz-dos p{margin:0;color:var(--texto-2);font-size:var(--t-15)}
.voz-reglas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24) var(--s-32);margin:0 0 var(--s-24);padding:0;list-style:none}
.voz-reglas li{font-size:var(--t-15);color:var(--texto-2)}
.voz-reglas b{display:block;color:var(--texto);font-size:var(--t-17);margin-bottom:2px}
.voz-prob{margin-bottom:var(--s-16);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-48);align-items:start}
.voz-lblrow{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);margin-bottom:var(--s-8)}
.voz-lblrow .voz-lbl{margin:0}
.voz-lblrow select{font:inherit;font-size:var(--t-15);min-height:36px;padding:0 var(--s-12);border:var(--borde-ancho) solid var(--borde-control);border-radius:var(--r-pill);background:var(--elevado);color:var(--texto);max-width:60%;min-width:0}
.voz-lbl{display:block;font-size:var(--t-15);font-weight:var(--bold);margin-bottom:var(--s-8)}
.voz-prob textarea{width:100%;min-height:104px;resize:vertical;font:inherit;font-size:var(--t-24);letter-spacing:var(--trk-24);line-height:1.2;font-weight:var(--bold);padding:var(--s-16);border:var(--borde-ancho) solid var(--borde-control);border-radius:var(--r-campo);background:var(--elevado);color:var(--texto)}
.voz-prob textarea:focus{outline:var(--foco-ancho) solid var(--acento);outline-offset:1px;border-color:var(--acento)}
.voz-opts{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-24);margin:var(--s-12) 0}
.voz-opts .filtros{margin:0;gap:var(--s-8);align-items:center}
.voz-opts .filtros>span{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.voz-opts .filtros button{padding:2px 14px;font-size:var(--t-15)}
.voz-checks{list-style:none;margin:var(--s-16) 0 0;padding:0;display:grid;gap:0;border-top:var(--borde-ancho) solid var(--borde)}
.voz-checks li{display:flex;gap:var(--s-12);align-items:flex-start;padding:var(--s-4) 0;border-bottom:var(--borde-ancho) solid var(--borde);font-size:var(--t-15)}
.voz-checks li .ic{margin-top:3px}
.voz-checks li.f{color:var(--texto)}
.voz-checks li.f b{font-weight:var(--bold)}
.voz-checks li.o{color:var(--texto-2)}
.voz-lienzo{container-type:inline-size;position:relative;width:100%;margin-inline:auto;border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-captura);background:var(--fondo);color:var(--texto);overflow:hidden}
.voz-lienzo[data-f="post"]{aspect-ratio:4/5;max-width:400px}
.voz-lienzo[data-f="historia"]{aspect-ratio:9/16;max-width:340px}
.voz-lienzo[data-f="web"]{aspect-ratio:16/9;max-width:none}
.voz-lienzo .eb{position:absolute;left:8%;top:6cqw;margin:0;font-size:max(12px,2.6cqw);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.voz-lienzo .eb+.tag{position:absolute;right:8%;top:4.6cqw;font-size:max(12px,2.4cqw);background:var(--elevado)}
.voz-h{position:absolute;left:8%;right:8%;top:30%;margin:0;font-size:8.4cqw;letter-spacing:var(--trk-58);line-height:var(--lh-titular);font-weight:var(--bold)}
.voz-lienzo[data-f="web"] .voz-h{font-size:5.2cqw}
.voz-h .t{display:block}
.voz-h .t2{color:var(--acento-texto)}
.voz-lienzo[data-seg="ap"] .voz-h .t2{color:var(--texto-3)}
.voz-h .vacio{color:var(--texto-3);font-weight:var(--regular)}
.voz-lienzo .lg{position:absolute;left:8%;bottom:6cqw;height:max(16px,3.4cqw);width:auto}
.voz-lienzo[data-f="web"] .lg{bottom:4cqw}
.voz-lienzo[data-theme="light"] .lg-n,.voz-lienzo[data-theme="dark"] .lg-c{display:none}
.voz-w{display:inline-block}
.voz-lienzo.ent .voz-w{animation:voz-wo 200ms linear both,voz-wy 467ms var(--mov-entrada) both;animation-delay:calc(var(--i) * 133ms)}
@keyframes voz-wo{from{opacity:0}to{opacity:1}}
@keyframes voz-wy{from{transform:translateY(8px)}to{transform:none}}
.voz-hero-st{--alto:180px}
.voz-hero-st .voz-w{opacity:1}
.voz-js .voz-hero-st:not(.is-playing) .voz-w{opacity:0}
.voz-hero-st.is-playing .voz-w{animation:voz-wo 200ms linear both,voz-wy 467ms var(--mov-entrada) both;animation-delay:calc(var(--i) * 133ms + 200ms)}
.voz-hero-st .voz-h{position:static;font-size:var(--t-30);letter-spacing:var(--trk-30)}

/* ---- 10 · revisa tu texto ---- */
.voz-rev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-48);align-items:start}
.voz-rev textarea{width:100%;min-height:150px;resize:vertical;font:inherit;font-size:var(--t-17);line-height:1.45;padding:var(--s-16);border:var(--borde-ancho) solid var(--borde-control);border-radius:var(--r-campo);background:var(--elevado);color:var(--texto)}
.voz-rev textarea:focus{outline:var(--foco-ancho) solid var(--acento);outline-offset:1px;border-color:var(--acento)}
.voz-flags{list-style:none;margin:0;padding:0;border-top:var(--borde-ancho) solid var(--borde)}
.voz-flags li{display:flex;gap:var(--s-12);align-items:flex-start;padding:var(--s-8) 0;border-bottom:var(--borde-ancho) solid var(--borde);font-size:var(--t-15)}
.voz-flags li .ic{margin-top:3px}
.voz-flags li b{margin-right:var(--s-4)}
.voz-flags li span{color:var(--texto-2)}
.voz-cl{columns:3;column-gap:var(--s-32);margin-top:var(--s-8)}
.voz-cl label{display:flex;gap:var(--s-12);align-items:flex-start;padding:var(--s-4) 0;border-bottom:var(--borde-ancho) solid var(--borde);cursor:pointer;break-inside:avoid;font-size:var(--t-15)}
.voz-cl input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--texto)}
.voz-cl-n{font-variant-numeric:tabular-nums}
.voz-emo{filter:grayscale(1)}
.voz-tic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-32) var(--medianil)}

/* ---- lo común ---- */
.voz-js .voz-nojs{display:none}
@media (max-width:1100px){
  .voz-prob,.voz-rev,.voz-t-top{grid-template-columns:minmax(0,1fr)}
  .voz-meta{grid-template-columns:minmax(0,1fr)}
  .voz-meta .voz-ad{max-width:340px}
}
@media (max-width:900px){
  .voz-rasgo,.voz-fr,.voz-nr{grid-template-columns:minmax(0,1fr)}
  .voz-nr .nota{grid-column:1}
  .voz-pares{grid-template-columns:minmax(0,1fr)}
  .voz-msgs,.voz-ficha,.voz-tic{grid-template-columns:minmax(0,1fr)}
  .voz-reglas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voz-cv{grid-template-columns:minmax(0,1fr)}
  .voz-lex .voz-w3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .voz-mod{grid-template-columns:minmax(0,1fr) auto}
  .voz-cl{columns:2}
}
@media (max-width:760px){
  .voz-mx-h{display:none}
  .voz-mx-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-12) var(--s-8);padding:var(--s-16) var(--s-12)}
  .voz-mx-row>b{grid-column:1/-1;font-size:var(--t-17)}
  .voz-mx .c{flex-direction:column;align-items:flex-start;gap:4px}
  .voz-mx .c::before{display:block}
  .m{gap:2px}.m i{width:6px;height:14px}
}
@media (max-width:620px){
  .voz-cl{columns:1}
  .voz-dos,.voz-reglas{grid-template-columns:minmax(0,1fr)}
  .voz-w3{grid-template-columns:minmax(0,1fr);gap:2px}
  .voz-w3.h{display:none}
  .voz-lex .voz-w3,.voz-mod{grid-template-columns:minmax(0,1fr)}
  .voz-opts .filtros>span{min-width:100%}
  .voz-msg-h{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .voz-beat.on .voz-b,.voz-beat.on .voz-chip,.voz-beat.on .voz-cap,.voz-beat.on .voz-sep,.voz-cierre.on,.voz-lienzo.ent .voz-w,.voz-hero-st.is-playing .voz-w{animation:none!important}
  .voz-js .voz-hero-st:not(.is-playing) .voz-w{opacity:1}
}