/* p-identidad.css · /identidad/ · prefijo idn- · solo var(--…) de tokens.css: sin hex, sin sombras, sin degradados, sin rebotes */
.idn-defs{position:absolute;width:0;height:0;overflow:hidden}
.idn-h3{margin:var(--s-80) 0 var(--s-12)}
.sec-head+.idn-h3{margin-top:0}
.idn-h4{font-size:var(--t-19);letter-spacing:var(--trk-19);margin:var(--s-48) 0 var(--s-16)}
.idn-intro{max-width:var(--medida-bajada);margin:0 0 var(--s-24)}
.idn-dl{margin-top:var(--s-48)}
.b-blanco{background:var(--blanco)}.b-tinta{background:var(--tinta)}.b-papel{background:var(--papel)}

/* ---------- interruptor en CSS (medidas de tokens.css: --sw-*) ---------- */
.idn-sw{--w:var(--sw-web);--c:var(--control-apagado);position:relative;display:inline-block;flex:none;width:var(--w);height:calc(var(--w)*var(--sw-alto));border-radius:var(--r-pill);background:var(--c);transition:background var(--dur-micro) var(--mov-micro)}
.idn-sw::after{content:"";position:absolute;left:calc(var(--w)*var(--sw-margen));top:calc(var(--w)*var(--sw-margen));width:calc(var(--w)*var(--sw-boton));height:calc(var(--w)*var(--sw-boton));border-radius:50%;background:var(--hueco,var(--fondo));transform:translateY(calc(var(--w)*var(--sw-recorrido)));transition:transform var(--dur-micro) var(--mov-micro)}
.idn-sw.hecho{--c:var(--control-hecho)}.idn-sw.ahora{--c:var(--acento)}
.idn-sw.hecho::after,.idn-sw.ahora::after{transform:none}
.idn-sw.medio::after{transform:translateY(calc(var(--w)*var(--sw-recorrido)/2))}
.idn-sw.contorno{background:transparent;border:2px solid var(--control-apagado)}
.idn-sw.contorno::after{background:var(--control-apagado);left:calc(var(--w)*var(--sw-margen) + 1px);top:calc(var(--w)*var(--sw-margen) + 1px);transform:translateY(calc(var(--w)*var(--sw-recorrido) - 2px))}
.idn-hilera{--wh:var(--sw-web);display:grid;grid-template-columns:repeat(7,var(--wh));column-gap:calc(var(--wh)*var(--sw-separacion));row-gap:var(--wh);justify-content:start;width:max-content;max-width:100%}
.idn-hilera .idn-sw{--w:var(--wh)}
.idn-hilera.chica{--wh:14px}
.idn-punto{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--acento);flex:none}

/* ---------- portada ---------- */
.idn-hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-48);align-items:center;padding-top:var(--s-48);padding-bottom:var(--s-64)}
.idn-hero h1{max-width:8.6em}
.idn-ir{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-32)}
.idn-ir a{font-size:var(--t-15);padding:4px 14px;border-radius:var(--r-pill);border:var(--borde-ancho) solid var(--borde);color:var(--texto-2);text-decoration:none;transition:border-color var(--dur-micro) var(--mov-micro),color var(--dur-micro) var(--mov-micro)}
.idn-ir a:hover{border-color:var(--texto);color:var(--texto)}
.idn-hero-stage{--hueco:var(--elevado);min-height:580px;padding:var(--s-24) var(--s-24) 64px}
.idn-fig{display:grid;justify-items:center;gap:var(--s-16);width:100%}
.idn-idea{margin:0;font-size:var(--t-15);color:var(--texto-2);display:flex;align-items:center;gap:6px;font-weight:var(--bold)}
.idn-flecha{width:1.17em;height:1.17em;flex:none;display:inline-block}
.idn-flecha.g{width:32px;height:32px;color:var(--texto)}
.idn-sym{width:min(188px,52%);height:auto;overflow:visible}
.idn-sym .cap{fill:var(--control-apagado)}
.idn-sym .knob{fill:var(--hueco)}
.idn-sym.par .cap{fill:var(--logo)}
.idn-lbls{position:relative;width:min(188px,52%);aspect-ratio:188/22;font-size:var(--t-15);font-weight:var(--bold)}
.idn-lbls>span{position:absolute;left:21%;top:0;transform:translateX(-50%);white-space:nowrap;display:grid;color:var(--texto-2)}
.idn-lbls .idn-lbl-r{left:79%;color:var(--texto)}
.idn-lbl-r i{grid-area:1/1;font-style:normal;text-align:center}
.idn-lbl-r .on{opacity:0}
.idn-curva{width:min(100%,300px);height:auto;overflow:visible;margin-top:var(--s-16)}
.idn-curva .ejes{fill:none;stroke:var(--texto-3);stroke-width:1}
.idn-curva .curva{fill:none;stroke:var(--texto);stroke-width:2;stroke-linecap:round}
.idn-curva circle{fill:var(--texto)}
.idn-curva text{font-size:12px;fill:var(--texto-2);font-family:inherit}
.idn-curva-pie{margin:0}
@keyframes idn-sube{to{transform:translateY(-80.43px)}}
@keyframes idn-azul{to{fill:var(--acento)}}
@keyframes idn-sale{to{opacity:0}}
@keyframes idn-entra{from{opacity:0}to{opacity:1}}
@keyframes idn-x{to{transform:translateX(232px)}}
@keyframes idn-y{to{transform:translateY(-100px)}}
.idn-hero-stage.is-playing .k-r,.idn-st-par.is-playing .k-r{animation:idn-sube 500ms var(--mov-estado) 100ms both}
.idn-hero-stage.is-playing .cap-r{animation:idn-azul var(--dur-micro) var(--mov-micro) 600ms both}
.idn-hero-stage.is-playing .idn-lbl-r .off{animation:idn-sale var(--dur-fundido) step-start 600ms both}
.idn-hero-stage.is-playing .idn-lbl-r .on{animation:idn-entra var(--dur-fundido) step-start 600ms both}
.idn-hero-stage.is-playing .dot-x{animation:idn-x 500ms linear 100ms both}
.idn-hero-stage.is-playing .dot-y{animation:idn-y 500ms var(--mov-estado) 100ms both}

/* ---------- la idea ---------- */
.idn-huecos{gap:var(--s-24)}
.idn-hueco{aspect-ratio:4/5;border-radius:var(--r-tarjeta);display:grid;place-items:center;overflow:hidden;position:relative;border:var(--borde-ancho) solid var(--borde)}
.idn-simb{height:38%;width:auto;fill:var(--texto);position:relative}
.idn-simb.papel{fill:var(--papel)}
.idn-hueco .idn-simb{fill:var(--tinta)}.idn-hueco .idn-simb.papel{fill:var(--papel)}
.b-foto{place-items:start end}
.b-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.b-foto .idn-simb{margin:10% 12% 0 0;height:30%}
.idn-lectura{margin-top:var(--s-48);align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.idn-lectura .note{font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.4;color:var(--texto);margin:0}
.idn-ref{margin-top:var(--s-32)}
.idn-ref a{color:var(--texto)}
.idn-deriva{margin:0;display:grid;gap:0}
.idn-deriva>div{display:grid;grid-template-columns:110px 1fr;gap:var(--s-16);padding:var(--s-16) 0;border-top:var(--borde-ancho) solid var(--borde)}
.idn-deriva dt{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);padding-top:3px}
.idn-deriva dd{margin:0;font-size:var(--t-15)}
.idn-deriva a{color:var(--texto);text-underline-offset:3px;white-space:nowrap}

/* ---------- logo ---------- */
.idn-anat{margin-bottom:var(--s-64)}
.idn-anat .tabla-scroll{border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--blanco)}
.idn-anat-svg{display:block;width:100%;min-width:840px;height:auto}
.idn-anat-svg .zona{fill:none;stroke:var(--apagado);stroke-width:1;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}
.idn-anat-svg .cota{fill:none;stroke:var(--pizarra);stroke-width:1;vector-effect:non-scaling-stroke}
.idn-anat-svg .l{fill:var(--tinta)}
.idn-anat-svg text{font-size:17px;fill:var(--pizarra);font-family:inherit}
.idn-anat figcaption{max-width:var(--medida-bajada)}
.idn-vers{gap:var(--s-32) var(--medianil)}
.idn-tile{aspect-ratio:16/10;container-type:size;border-radius:var(--r-captura);display:grid;place-items:center;border:var(--borde-ancho) solid var(--borde)}
.idn-tile img{width:64%;height:auto}
.idn-tile img.idn-simb-img{width:auto;height:58cqh}
.idn-logo-pie{width:64%;height:auto;fill:var(--apagado)}
.idn-vers figcaption{margin-top:var(--s-12)}
.idn-vers .acciones{margin-top:var(--s-8)}
.idn-tamanos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-48);margin-top:var(--s-80)}
.idn-tamanos .idn-h3,.idn-iconos .idn-h3{margin-top:0}
.idn-escalera{list-style:none;margin:var(--s-24) 0 0;padding:0}
.idn-escalera li{display:grid;grid-template-columns:minmax(0,280px) 1fr;align-items:center;gap:var(--s-16);padding:14px 0;border-top:var(--borde-ancho) solid var(--borde);font-size:var(--t-15);color:var(--texto-2)}
.idn-escalera li b{color:var(--texto)}
.idn-lg{fill:var(--texto);width:auto;display:block;max-width:100%}
.idn-lg.p16{fill:var(--logo-pie)}
.idn-lg.grande{height:26px;margin-top:var(--s-24)}
.idn-wm{font-size:var(--t-15);color:var(--texto)}.idn-wm b{font-weight:var(--bold)}
.idn-optico{margin-top:var(--s-16)}
.idn-opt-fila{display:flex;align-items:flex-end;gap:var(--s-24);padding:var(--s-16) 0;border-top:var(--borde-ancho) solid var(--borde)}
.idn-opt-fila svg{fill:var(--texto);width:auto;flex:none}
.idn-opt-t{flex:0 0 72px;font-size:var(--t-15);color:var(--texto-2);align-self:center}
.idn-opt-lupa{display:flex;gap:var(--s-16);margin-top:var(--s-8);padding-top:var(--s-16);border-top:var(--borde-ancho) solid var(--borde)}
.idn-opt-lupa .fig{flex:0 1 200px;min-width:0}
.idn-opt-lupa img{width:100%;height:auto;border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-campo);background:var(--blanco);image-rendering:pixelated}
.idn-iconos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-48);margin-top:var(--s-80)}
.idn-tab{display:inline-flex;align-items:center;gap:var(--s-8);padding:8px 16px;border-radius:10px 10px 0 0;background:var(--superficie);border:var(--borde-ancho) solid var(--borde);border-bottom:0;font-size:var(--t-15);color:var(--texto);margin-top:var(--s-16);max-width:100%}
.idn-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idn-fav-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--s-24);list-style:none;margin:0;padding:var(--s-24);border:var(--borde-ancho) solid var(--borde);border-radius:0 var(--r-tarjeta) var(--r-tarjeta) var(--r-tarjeta)}
.idn-fav-row li{display:grid;justify-items:center;gap:var(--s-8);font-size:var(--t-12);color:var(--texto-2)}
.idn-fav-row img{display:block;border-radius:0}
.idn-avatares{display:flex;align-items:flex-end;gap:var(--s-32);list-style:none;margin:var(--s-16) 0 0;padding:var(--s-24);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--blanco)}
.idn-avatares li{display:grid;justify-items:center;gap:var(--s-8)}
.idn-avatares em{font-style:normal;font-size:var(--t-12);color:var(--pizarra);text-align:center}
.idn-av{display:block;overflow:hidden;width:96px;height:96px}
.idn-av.circ{border-radius:50%}.idn-av.cuad{border-radius:var(--r-captura)}.idn-av.chico{width:40px;height:40px}
.idn-av img{display:block;width:100%;height:100%}

/* ---------- color ---------- */
.idn-prop{margin-bottom:var(--s-48)}
.idn-prop-lbl{display:flex;font-size:var(--t-15);margin-bottom:var(--s-8);color:var(--texto-2)}
.idn-prop-lbl span{min-width:0;white-space:nowrap}
.idn-prop-lbl b{color:var(--texto);margin-right:6px}
.idn-prop-lbl em{font-style:normal}
.idn-prop-bar{display:flex;height:132px;border-radius:var(--r-tarjeta);overflow:hidden;border:var(--borde-ancho) solid var(--borde)}
.idn-prop-bar button{flex:1 1 0;min-width:0;border:0;padding:12px;background:var(--c);cursor:pointer;display:flex;align-items:flex-end;font:inherit;font-size:var(--t-15);font-weight:var(--bold);color:var(--tinta);text-align:left;transition:opacity var(--dur-micro) var(--mov-micro)}
.idn-prop-bar button:hover{opacity:.86}
.idn-prop-bar button:focus-visible{outline-offset:-3px}
.idn-prop-pie{margin:var(--s-12) 0 0}
.idn-cols{gap:var(--s-32) var(--medianil);margin-top:var(--s-32)}
.idn-col{min-width:0}
.idn-cols+p{margin-top:var(--s-32)}
.idn-pares+p{margin-top:var(--s-32)}
.idn-col-blk{position:relative;display:block;width:100%;aspect-ratio:5/3;border-radius:var(--r-captura);border:var(--borde-ancho) solid var(--borde);background:var(--c);cursor:pointer;padding:0}
.idn-col-blk span{position:absolute;left:10px;bottom:10px;padding:2px 10px;border-radius:var(--r-pill);background:var(--elevado);color:var(--texto);font-size:var(--t-12);font-weight:var(--bold);opacity:0;transition:opacity var(--dur-micro) var(--mov-micro)}
.idn-col-blk:hover span,.idn-col-blk:focus-visible span{opacity:1}
@media (hover:none){.idn-col-blk span{opacity:1}}
.idn-col h3{font-size:var(--t-19);letter-spacing:var(--trk-19);margin:var(--s-12) 0 4px}
.idn-col p{margin:0 0 var(--s-8);font-size:var(--t-15);color:var(--texto-2)}
.idn-col .idn-chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-8) 0 0}
.idn-estados{gap:var(--s-24)}
.idn-estado{--hueco:var(--fondo);display:flex;gap:var(--s-16);align-items:flex-start;padding:var(--s-24);border-radius:var(--r-tarjeta);background:var(--fondo);border:var(--borde-ancho) solid var(--borde)}
.idn-estado b{font-size:var(--t-19);letter-spacing:var(--trk-19)}
.idn-estado p{margin:2px 0 0;font-size:var(--t-15);color:var(--texto-2)}
.idn-estado p.tiny{margin-top:var(--s-8);font-size:var(--t-12)}
.idn-dia13{display:flex;gap:var(--s-32);align-items:center;flex-wrap:wrap;margin-top:var(--s-32);padding:var(--s-24);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--fondo);--hueco:var(--fondo)}
.idn-dia13 p{max-width:32em;margin:0;font-size:var(--t-15);color:var(--texto-2)}
.idn-dia13 p b{color:var(--texto)}
.idn-roles td{vertical-align:middle}
.idn-ch{display:inline-grid;place-items:center;width:72px;height:40px;border-radius:var(--r-campo);outline:var(--borde-ancho) solid color-mix(in srgb,var(--texto) 16%,transparent);outline-offset:-1px}
.idn-ch .c{display:block;width:40px;height:22px;border-radius:6px;border:var(--borde-ancho) solid var(--borde)}
.idn-ch b{font-size:var(--t-19)}
.idn-contraste td{vertical-align:middle}
.idn-cc{display:inline-grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;min-width:176px;padding:10px 16px;border-radius:10px;background:var(--b);color:var(--f);outline:var(--borde-ancho) solid var(--borde);outline-offset:-1px}
.idn-cc i{grid-row:1/3;font-style:normal;font-weight:var(--bold);font-size:var(--t-24);letter-spacing:var(--trk-24)}
.idn-cc b{font-size:var(--t-15);color:var(--tinta);font-variant-numeric:tabular-nums}
.idn-cc em{font-style:normal;font-size:var(--t-12);color:var(--pizarra);white-space:nowrap}
.idn-cc.no i{text-decoration:line-through;text-decoration-thickness:1px}
.idn-pares{gap:var(--s-24);margin-top:var(--s-32)}
.idn-par{display:flex;gap:var(--s-16);align-items:center}
.idn-par-v{flex:none;display:grid;place-items:center;width:196px;height:68px;border-radius:var(--r-captura);background:var(--b);color:var(--f);font-weight:var(--bold);font-size:var(--t-19);letter-spacing:var(--trk-19);outline:var(--borde-ancho) solid var(--borde);outline-offset:-1px;overflow:hidden}
.idn-par-v i{font-style:normal;text-align:center;font-size:var(--t-15)}
.idn-par-v.btn-ej i{font-size:var(--t-19)}
.idn-par-v.borde{border:var(--borde-encendido) solid var(--f);outline:0}
.idn-par-v.juntos{display:flex;outline:0}
.idn-par-v.juntos i{flex:1;align-self:stretch;background:var(--apagado)}
.idn-par-v.juntos i+i{background:var(--acento)}
.idn-par b{display:block;font-size:var(--t-19);letter-spacing:var(--trk-19)}
.idn-par p{margin:2px 0 0;font-size:var(--t-15);color:var(--texto-2)}

/* ---------- letra ---------- */
.idn-espec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-48);align-items:end;border-top:var(--borde-ancho) solid var(--borde);padding-top:var(--s-32)}
.idn-aa{display:block;font-size:var(--t-160);line-height:1;letter-spacing:var(--trk-160)}
.idn-aa.b{font-weight:var(--bold)}.idn-aa.r{font-weight:var(--regular)}
.idn-espec p{margin:var(--s-16) 0 0;font-size:var(--t-15);color:var(--texto-2)}.idn-espec p b{color:var(--texto)}
.idn-wm-grande{font-size:var(--t-80);letter-spacing:var(--trk-80);line-height:1;margin:var(--s-48) 0 var(--s-24);font-weight:var(--regular)}
.idn-wm-grande b{font-weight:var(--bold)}
.idn-prob{border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--fondo);overflow:hidden}
.idn-prob-ctl{padding:var(--s-24);display:grid;gap:var(--s-16);border-bottom:var(--borde-ancho) solid var(--borde)}
.idn-campo{display:flex;flex-direction:column;gap:6px;font-size:var(--t-15);font-weight:var(--bold)}
.idn-campo input{font:inherit;font-weight:var(--regular);font-size:var(--t-17);min-height:var(--boton-alto);padding:0 var(--s-16);border:var(--borde-ancho) solid var(--borde-control);border-radius:var(--r-campo);background:var(--elevado);color:var(--texto)}
.idn-campo input:focus{outline:var(--foco-ancho) solid var(--acento);outline-offset:1px;border-color:var(--acento)}
.idn-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-12)}
.idn-ctl>span{flex:0 0 104px;font-size:var(--t-15);font-weight:var(--bold)}
.idn-ctl .filtros{margin:0;flex:1}
.idn-ctl .filtros button{padding:6px 14px;min-width:44px}
.idn-prob-out{padding:var(--s-32) var(--s-24);min-height:190px;max-height:520px;overflow:auto;background:var(--fondo)}
#prob-out{margin:0;font-weight:var(--bold);font-size:58px;letter-spacing:var(--trk-58);line-height:1.03;overflow-wrap:anywhere;text-wrap:balance;transition:none}
.idn-prob-datos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:var(--borde-ancho) solid var(--borde);background:var(--superficie)}
.idn-prob-datos>div{padding:var(--s-12) var(--s-24);border-left:var(--borde-ancho) solid var(--borde);min-width:0}
.idn-prob-datos>div:first-child{border-left:0}
.idn-prob-datos dt{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2)}
.idn-prob-datos dd{margin:2px 0 0;font-size:var(--t-15)}
.idn-escala{list-style:none;margin:0;padding:0}
.idn-escala li{display:grid;grid-template-columns:48px minmax(0,1fr) 84px 250px;align-items:center;gap:var(--s-16);border-top:var(--borde-ancho) solid var(--borde);padding:12px 0}
.idn-escala .px{font-size:var(--t-12);font-weight:var(--bold);color:var(--texto-2);font-variant-numeric:tabular-nums}
.idn-escala .m{white-space:nowrap;overflow:hidden;line-height:1.12;font-weight:var(--regular);padding-bottom:2px}
.idn-escala .m.b{font-weight:var(--bold)}
.idn-escala .t{font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums}
.idn-escala .u{font-size:var(--t-15);color:var(--texto-2)}
.idn-titular-fig{align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.idn-titular{--gut:48px;position:relative;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);padding:var(--s-32) var(--s-32) var(--s-32) var(--s-64)}
.pt{position:relative}
.pt>.idn-n{left:calc(-1*var(--gut,36px));top:-1px}
.idn-n{position:absolute;left:var(--s-16);width:22px;height:22px;border-radius:50%;border:var(--borde-encendido) solid var(--texto);background:var(--fondo);font-size:var(--t-12);font-weight:var(--bold);display:grid;place-items:center;line-height:1;color:var(--texto);font-variant-numeric:tabular-nums;font-style:normal}
.idn-eb{font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2);margin:0 0 var(--s-16);line-height:var(--lh-eyebrow)}
.idn-tt{font-size:var(--t-42);font-weight:var(--bold);letter-spacing:var(--trk-42);line-height:var(--lh-titulo-42);margin:0}
.idn-tt .t1{color:var(--texto)}.idn-tt .t2{color:var(--texto-3)}
.idn-cu{font-size:var(--t-17);color:var(--texto-2);margin:var(--s-16) 0 0}
.idn-leyenda{counter-reset:n;list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12)}
.idn-leyenda li{counter-increment:n;position:relative;padding-left:34px;font-size:var(--t-15);color:var(--texto-2);min-height:24px}
.idn-leyenda li::before{content:counter(n);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;border:var(--borde-encendido) solid var(--texto);font-size:var(--t-12);font-weight:var(--bold);display:grid;place-items:center;color:var(--texto);line-height:1;background:var(--fondo)}
.idn-leyenda li b{color:var(--texto)}
.idn-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-24)}
.idn-cifra{display:block;font-size:var(--t-42);font-weight:var(--bold);letter-spacing:var(--trk-42);line-height:1.08;font-variant-numeric:tabular-nums}
.idn-cifras p{margin:var(--s-8) 0 0;font-size:var(--t-15);color:var(--texto-2)}

/* ---------- sistema gráfico ---------- */
.idn-formas{gap:var(--s-24)}
.idn-forma{min-height:160px;border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);display:flex;align-items:center;justify-content:center;gap:var(--s-12);flex-wrap:wrap;padding:var(--s-24);background:var(--fondo)}
.idn-btn{display:inline-flex;align-items:center;min-height:var(--boton-alto);padding:0 var(--s-24);border-radius:var(--r-pill);background:var(--acento);color:var(--sobre-acento);font-weight:var(--bold);font-size:var(--t-19);letter-spacing:var(--trk-19);white-space:nowrap}
.idn-btn.chico{padding:0 var(--s-16);min-height:var(--tocable)}
.idn-chip{display:inline-flex;align-items:center;height:28px;padding:0 var(--s-12);border-radius:var(--r-pill);border:var(--borde-ancho) solid var(--borde);background:var(--fondo);font-size:var(--t-15);color:var(--texto-2);white-space:nowrap}
.idn-chip.abs{position:absolute;left:12px;bottom:12px}
.idn-chip.on-mal{border:var(--borde-encendido) solid var(--acento);background:var(--acento-suave);color:var(--texto)}
.idn-mini-tj{background:var(--superficie);border-radius:var(--r-tarjeta);padding:var(--s-24);display:grid;gap:4px;max-width:260px}
.idn-mini-tj b{font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.25}
.idn-mini-tj span{font-size:var(--t-15);color:var(--texto-2)}
.idn-forma-t{font-size:var(--t-19);font-weight:var(--bold);letter-spacing:var(--trk-19)}
.idn-confs{gap:var(--s-24);align-items:start}
.idn-demo{--hueco:var(--elevado);min-height:320px;padding:var(--s-24) var(--s-16) 56px;align-content:center;gap:var(--s-16)}
.idn-lista-sw{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-16)}
.idn-lista-sw li{display:flex;align-items:center;gap:14px;font-size:var(--t-15);font-weight:var(--bold)}
.idn-lista-sw .idn-sw{--w:20px}
.idn-st-hilera{justify-items:center}
.idn-st-dia{margin:0;font-size:var(--t-15)}
.idn-st-par{justify-items:center}
/* arranque apagado; «Repetir» lo enciende (el botón llega en 150 ms y el color, justo después) */
.idn-demo .idn-sw,.idn-demo .idn-sw::after{transition:none}
.idn-demo:not(.is-playing) .idn-sw.hecho,.idn-demo:not(.is-playing) .idn-sw.ahora{--c:var(--control-apagado)}
.idn-demo:not(.is-playing) .idn-sw.hecho::after,.idn-demo:not(.is-playing) .idn-sw.ahora::after{transform:translateY(calc(var(--w)*var(--sw-recorrido)))}
@keyframes idn-boton{to{transform:none}}
@keyframes idn-c-hecho{to{background:var(--control-hecho)}}
@keyframes idn-c-ahora{to{background:var(--acento)}}
.idn-demo.is-playing .idn-sw.hecho::after,.idn-demo.is-playing .idn-sw.ahora::after{animation:idn-boton var(--dur-micro) var(--mov-micro) calc(var(--i,0)*70ms) both}
.idn-demo.is-playing .idn-sw.hecho{animation:idn-c-hecho var(--dur-micro) var(--mov-micro) calc(var(--i,0)*70ms + 150ms) both}
.idn-demo.is-playing .idn-sw.ahora{animation:idn-c-ahora var(--dur-micro) var(--mov-micro) calc(var(--i,0)*70ms + 150ms) both}
.idn-tallas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-48);padding:var(--s-32) var(--s-32) var(--s-24);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);margin-top:var(--s-32);--hueco:var(--fondo);background:var(--fondo)}
.idn-tallas figure{margin:0;display:grid;justify-items:center;gap:var(--s-12);text-align:center}
.idn-tallas figcaption{font-size:var(--t-12);color:var(--texto-2);line-height:1.3}
.idn-tallas figcaption b{display:block;font-size:var(--t-15);color:var(--texto)}
.idn-esq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-48);align-items:center;margin-top:var(--s-24)}
.idn-esq-post{position:relative;aspect-ratio:4/5;border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);background:var(--fondo);max-width:400px;width:100%}
.idn-esq-post .e{position:absolute;font-size:var(--t-12);color:var(--texto-2);display:flex;align-items:center;gap:6px;white-space:nowrap}
.idn-esq-post .e b{width:20px;height:20px;border-radius:50%;border:var(--borde-encendido) solid var(--texto);display:grid;place-items:center;font-size:var(--t-12);color:var(--texto);line-height:1;background:var(--fondo)}
.idn-esq-post .c1{left:7.4%;top:5.9%}.idn-esq-post .c2{right:7.4%;top:5.9%}
.idn-esq-post .l30{position:absolute;left:0;right:0;top:30.2%;border-top:1px dashed var(--texto-3)}
.idn-esq-post .l30 em{position:absolute;right:7.4%;top:-22px;font-style:normal;font-size:var(--t-12);color:var(--texto-2)}
.idn-esq-post .tit{left:7.4%;top:calc(30.2% + 12px)}
.idn-esq-post .img{left:7.4%;right:7.4%;top:54%;height:28%;border:1px dashed var(--texto-3);border-radius:var(--r-captura);justify-content:center}
.idn-esq-post .c5{left:7.4%;bottom:5.9%}.idn-esq-post .c6{right:7.4%;bottom:5.9%}
.idn-piezas{display:flex;gap:var(--s-24);align-items:flex-start;flex-wrap:wrap;margin-top:var(--s-48)}
.idn-piezas>figure{flex:0 0 min(300px,100%);margin:0}
.idn-piezas>.idn-historia{flex-basis:min(210px,100%)}
.idn-tarjetas{gap:var(--s-24)}
.idn-tj{border-radius:var(--r-tarjeta);padding:var(--s-24);display:flex;flex-direction:column;gap:var(--s-8);min-height:176px}
.idn-tj .n{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);font-weight:var(--bold);text-transform:uppercase;color:var(--texto-2)}
.idn-tj b{font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:1.25}
.idn-tj p{margin:0;font-size:var(--t-15);color:var(--texto-2)}
.idn-tj.papel{background:var(--superficie)}
.idn-tj.linea{background:var(--fondo);border:var(--borde-ancho) solid var(--borde)}
.idn-tj.on{background:var(--acento-suave);border:var(--borde-encendido) solid var(--acento)}
.idn-tj.on .n,.idn-tj.on p{color:var(--texto-2)}
.idn-tj.tu{background:var(--control-hecho);color:var(--fondo)}
.idn-tj.tu .n,.idn-tj.tu p{color:inherit;opacity:.82}
.idn-tel-fig{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-64);align-items:center}
.idn-reglas-tel{margin:0}
.idn-reglas-tel>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--s-16);padding:14px 0;border-top:var(--borde-ancho) solid var(--borde)}
.idn-reglas-tel dt{font-size:var(--t-12);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;font-weight:var(--bold);color:var(--texto-2);padding-top:3px}
.idn-reglas-tel dd{margin:0;font-size:var(--t-15)}
/* teléfono: todo se mide en u = W / 256 (con u = 1 px, W = 256) */
.idn-tel{--u:1px;position:relative;flex:none;width:calc(var(--u)*256);height:calc(var(--u)*512);border-radius:calc(var(--u)*41);background:var(--telefono-marco);padding:calc(var(--u)*10);font-size:calc(var(--u)*13);line-height:1.35}
.idn-tel .scr{width:100%;height:100%;border-radius:calc(var(--u)*31);background:var(--telefono-pantalla);overflow:hidden;display:flex;flex-direction:column;color:var(--texto)}
.idn-tel .est{flex:none;height:calc(var(--u)*34);display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*4) calc(var(--u)*24) 0;background:var(--fondo);font-weight:var(--bold);font-variant-numeric:tabular-nums}
.idn-tel .est i{display:block;width:calc(var(--u)*20);height:calc(var(--u)*10);border:calc(var(--u)*1.5) solid var(--texto);border-radius:calc(var(--u)*3);position:relative}
.idn-tel .est i::after{content:"";position:absolute;left:calc(var(--u)*1.5);top:calc(var(--u)*1.5);bottom:calc(var(--u)*1.5);width:calc(var(--u)*11);border-radius:calc(var(--u)*1);background:var(--texto)}
.idn-tel .cab{flex:none;display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*6) calc(var(--u)*14) calc(var(--u)*10);background:var(--fondo);border-bottom:var(--borde-ancho) solid var(--borde)}
.idn-tel .av{width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;background:var(--superficie);display:grid;place-items:center;font-weight:var(--bold);color:var(--texto-2);flex:none}
.idn-tel .cab b{display:block}
.idn-tel .cab em{display:block;font-style:normal;color:var(--texto-2)}
.idn-tel .cuerpo{flex:1;padding:calc(var(--u)*12) calc(var(--u)*10);display:flex;flex-direction:column;gap:calc(var(--u)*8);min-height:0;overflow:hidden}
.idn-tel .asig,.idn-tel .dia{align-self:flex-start;display:inline-flex;align-items:center;height:calc(var(--u)*26);padding:0 calc(var(--u)*10);border-radius:var(--r-pill);border:var(--borde-ancho) solid var(--borde);background:var(--fondo);color:var(--texto-2);white-space:nowrap}
.idn-tel .asig b{color:var(--texto);margin-left:.3em}
.idn-tel .dia{align-self:center}
.idn-tel .bub{align-self:flex-start;max-width:78%;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:calc(var(--u)*10) calc(var(--u)*10) calc(var(--u)*10) calc(var(--u)*4);padding:calc(var(--u)*7) calc(var(--u)*10);color:var(--texto)}
.idn-tel .bub.me{align-self:flex-end;border-radius:calc(var(--u)*10) calc(var(--u)*10) calc(var(--u)*4) calc(var(--u)*10)}
.idn-tel .bub .q{display:block;margin-bottom:1px}
.idn-tel .bub small{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:1em;color:var(--texto-2);margin-top:2px;font-variant-numeric:tabular-nums}
.idn-tel .bub small svg{width:1em;height:1em}
.idn-tel .bub.seg{background:var(--acento-suave);border:var(--borde-encendido) solid var(--acento)}
.idn-tel .nota{align-self:flex-end;max-width:80%;margin:calc(var(--u)*-4) 0 0;text-align:right;color:var(--texto-2);line-height:1.3}

/* ---------- fotografía ---------- */
.idn-foto-top{gap:var(--s-48);align-items:start;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.idn-cmp{position:relative;border-radius:var(--r-tarjeta);overflow:hidden;aspect-ratio:3/2;border:var(--borde-ancho) solid var(--borde);background:var(--superficie);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.idn-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.idn-cmp .a{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.idn-cmp .barra{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:var(--blanco);pointer-events:none}
.idn-cmp .barra::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--blanco) 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;border:var(--borde-encendido) solid var(--tinta)}
.idn-cmp .t{position:absolute;bottom:12px;font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);background:var(--blanco);color:var(--tinta);pointer-events:none}
.idn-cmp .t.izq{left:12px}.idn-cmp .t.der{right:12px}
.idn-cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.idn-cmp:focus-within{outline:var(--foco-ancho) solid var(--acento);outline-offset:2px}
.idn-receta-t{font-size:var(--t-24);font-weight:var(--bold);letter-spacing:var(--trk-24);line-height:var(--lh-titulo-24);margin:0 0 var(--s-16)}
.idn-receta ul{list-style:none;margin:0 0 var(--s-16);padding:0}
.idn-receta li{display:grid;grid-template-columns:32px 72px minmax(0,1fr);align-items:center;gap:var(--s-16);padding:14px 0;border-top:var(--borde-ancho) solid var(--borde)}
.idn-receta .sq{width:32px;height:32px;border-radius:var(--r-campo);display:grid;place-items:center;background:var(--c,transparent);color:var(--texto-2)}
.idn-receta .sq svg{width:22px;height:22px}
.idn-receta b{font-size:var(--t-42);letter-spacing:var(--trk-42);line-height:1;font-variant-numeric:tabular-nums}
.idn-receta em{font-style:normal;font-size:var(--t-15);color:var(--texto-2)}
.idn-reglas{counter-reset:r;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s-48)}
.idn-reglas li{counter-increment:r;position:relative;padding:var(--s-16) 0 var(--s-16) 40px;border-top:var(--borde-ancho) solid var(--borde);font-size:var(--t-17)}
.idn-reglas li::before{content:counter(r);position:absolute;left:0;top:var(--s-16);width:24px;height:24px;border-radius:50%;border:var(--borde-encendido) solid var(--texto);display:grid;place-items:center;font-size:var(--t-12);font-weight:var(--bold);line-height:1}
.idn-reglas li span{display:block;margin-top:2px;font-size:var(--t-15);color:var(--texto-2)}
.idn-fotopz{gap:var(--s-24);align-items:start}
/* pieza de 1080 × 1350 dibujada con el propio kit: todo en unidades del lienzo (1 % del ancho = 10,8 px) */
.idn-pz{container-type:inline-size;position:relative;aspect-ratio:4/5;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);overflow:hidden;color:var(--texto)}
.idn-pz>.eb{position:absolute;left:7.4cqw;top:7.4cqw;margin:0;font-size:max(12px,2.78cqw);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2);line-height:var(--lh-eyebrow);max-width:60cqw}
.idn-pz>.ti{position:absolute;left:7.4cqw;right:7.4cqw;top:30.2%;margin:0;font-size:7.41cqw;font-weight:var(--bold);letter-spacing:var(--trk-24);line-height:var(--lh-titular);text-wrap:balance}
.idn-pz .t1{color:var(--texto)}.idn-pz .t2{color:var(--acento-texto)}
.idn-pz>.baj{position:absolute;left:7.4cqw;width:72cqw;top:calc(30.2% + 24cqw);margin:0;font-size:max(12px,4.4cqw);letter-spacing:var(--trk-19);line-height:1.35;color:var(--texto-2)}
.idn-pz>.idn-pz-ej{position:absolute;right:7.4cqw;top:calc(7.4cqw - 4px);background:var(--fondo)}
.idn-pz .im{position:absolute;left:7.4cqw;right:7.4cqw;top:54%;height:32%;border-radius:3.7cqw;overflow:hidden}
.idn-pz .im img{width:100%;height:100%;object-fit:cover;display:block}
.idn-pz .im img.rec{object-position:50% 12%}
.idn-pz .im .chip{position:absolute;left:2.4cqw;bottom:2.4cqw;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-pill);padding:.6cqw 2.4cqw;font-size:max(12px,2.78cqw);color:var(--texto-2);white-space:nowrap}
.idn-pz .im .tj{position:absolute;right:3cqw;top:3cqw;width:48%;background:var(--acento-suave);border:var(--borde-encendido) solid var(--acento);border-radius:2.4cqw;padding:2.2cqw 2.6cqw;display:grid;gap:.6cqw;font-size:max(12px,2.78cqw);line-height:1.3;color:var(--texto)}
.idn-pz .im .tj em{font-style:normal;color:var(--texto-2)}
.idn-pz .firma{position:absolute;left:7.4cqw;bottom:5.9%;height:max(16px,2.96cqw);width:auto;fill:var(--logo)}
.idn-galeria{gap:var(--s-16)}
.idn-galeria img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-captura);border:var(--borde-ancho) solid var(--borde);display:block;background:var(--superficie)}
.idn-galeria figcaption{font-size:var(--t-15)}

/* ---------- gráficos ---------- */
.idn-graf-st{display:block;padding:var(--s-32) var(--s-24) 64px;min-height:0}
.idn-desliza,.idn-prop-mov{display:none}
.idn-an{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-32);align-items:center;width:100%}
.idn-gp{position:relative;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);padding:var(--s-24);display:flex;flex-direction:column;min-width:0}
.idn-gp-main{padding-left:var(--s-48)}
.idn-gp .eb{font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2);margin:0 0 6px;line-height:var(--lh-eyebrow)}
.idn-gp .tt{font-size:var(--t-24);font-weight:var(--bold);letter-spacing:var(--trk-24);line-height:var(--lh-titulo-24);margin:0 0 6px;text-wrap:balance}
.idn-gp .baj{font-size:var(--t-15);color:var(--texto-2);margin:0 0 var(--s-16);line-height:1.35}
.idn-gp .fte{font-size:var(--t-12);color:var(--texto-2);margin:var(--s-16) 0 0}
.idn-gp .lec{border-left:3px solid var(--texto);padding-left:var(--s-12);font-size:var(--t-15);margin:var(--s-12) 0 0}
.barras{display:grid;gap:var(--s-12)}
.barras .f{display:grid;grid-template-columns:minmax(72px,128px) minmax(0,1fr) 36px;gap:var(--s-12);align-items:center}
.barras .l{font-size:var(--t-15);line-height:1.2}
.barras .r{display:block;border-left:var(--borde-ancho) solid var(--texto);height:20px}
.barras .b{display:block;height:20px;width:var(--v);background:var(--texto-3);transform-origin:left}
.barras .b.hecho{background:var(--control-hecho)}.barras .b.ahora{background:var(--acento)}
.barras em{font-style:normal;font-weight:var(--bold);font-variant-numeric:tabular-nums;font-size:var(--t-15)}
.barras.mini{width:82%;gap:10px}.barras.mini .f{grid-template-columns:52px minmax(0,1fr) 26px;gap:8px}
.barras.mini .r,.barras.mini .b{height:16px}
.cols{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:end;height:128px;border-bottom:var(--borde-ancho) solid var(--texto)}
.cols .c{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.cols .c i{display:block;width:100%;height:var(--h);background:var(--texto-3);transform-origin:bottom}
.cols .c.ahora i{background:var(--acento)}
.cols .c em{font-style:normal;font-weight:var(--bold);font-size:var(--t-15);line-height:1;font-variant-numeric:tabular-nums}
.dias{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:6px}
.dias span{text-align:center;font-size:var(--t-12);color:var(--texto-2);font-variant-numeric:tabular-nums}
.idn-linea{width:100%;height:auto;overflow:visible}
.idn-linea .base{fill:none;stroke:var(--texto);stroke-width:1}
.idn-linea .ln{fill:none;stroke:var(--texto-3);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.idn-linea .pt{fill:var(--acento)}
.idn-linea text{font-size:12px;fill:var(--texto-2);font-family:inherit}
.idn-linea text.v{font-size:13px;font-weight:700;fill:var(--texto)}
.idn-gp-cifra .idn-cifra-g{font-size:var(--web-cifra);letter-spacing:var(--web-cifra-trk);line-height:1;font-weight:var(--bold);color:var(--acento-texto);margin:var(--s-16) 0 var(--s-8);font-variant-numeric:tabular-nums}
.idn-graf-4{gap:var(--s-24)}
.idn-gp-st{display:block;padding:var(--s-24) var(--s-24) 56px;min-height:0}
.idn-gp-st .idn-gp{border:0;padding:0;border-radius:0;height:100%}
.idn-graf-4 .barras .f{grid-template-columns:minmax(0,132px) minmax(0,1fr) 34px}
@keyframes idn-barra{from{transform:scaleX(0)}to{transform:none}}
@keyframes idn-col{from{transform:scaleY(0)}to{transform:none}}
@keyframes idn-azul-b{from{background:var(--texto-3)}to{background:var(--acento)}}
@keyframes idn-trazo{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes idn-aparece{from{opacity:0}to{opacity:1}}
.idn-graf-st:not(.is-playing) .barras .b{transform:scaleX(0)}
.idn-graf-st:not(.is-playing) .cols .c i{transform:scaleY(0)}
.idn-graf-st:not(.is-playing) .idn-linea .ln{stroke-dashoffset:1}
.idn-graf-st:not(.is-playing) .idn-linea .pt{opacity:0}
.idn-graf-st.is-playing .barras .b{animation:idn-barra var(--dur-dato) var(--mov-estado) calc(var(--k,0)*100ms) both}
.idn-graf-st.is-playing .barras .b.ahora{animation:idn-barra var(--dur-dato) var(--mov-estado) calc(var(--k,0)*100ms) both,idn-azul-b var(--dur-micro) var(--mov-micro) calc(var(--dur-dato) + var(--k,0)*100ms) both}
.idn-graf-st.is-playing .cols .c i{animation:idn-col var(--dur-dato) var(--mov-estado) calc(var(--k,0)*40ms) both}
.idn-graf-st.is-playing .cols .c.ahora i{animation:idn-col var(--dur-dato) var(--mov-estado) calc(var(--k,0)*40ms) both,idn-azul-b var(--dur-micro) var(--mov-micro) calc(var(--dur-dato) + var(--k,0)*40ms) both}
.idn-graf-st.is-playing .idn-linea .ln{animation:idn-trazo var(--dur-dato) var(--mov-estado) both}
.idn-graf-st.is-playing .idn-linea .pt{animation:idn-aparece var(--dur-micro) var(--mov-micro) var(--dur-dato) both}
.idn-diag{display:flex;align-items:stretch;margin:var(--s-32) 0 var(--s-16)}
.idn-diag .nodo{flex:1 1 0;min-width:0;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);padding:var(--s-16) 18px;display:flex;flex-direction:column;gap:4px}
.idn-diag .nodo b{font-size:var(--t-17)}
.idn-diag .nodo span{font-size:var(--t-15);color:var(--texto-2);line-height:1.3}
.idn-diag .nodo.tu{background:var(--control-hecho);border-color:var(--control-hecho);color:var(--fondo)}
.idn-diag .nodo.tu span{color:inherit;opacity:.82}
.idn-diag .nodo.on{background:var(--acento-suave);border:var(--borde-encendido) solid var(--acento)}
.idn-diag .nodo.on span{color:var(--texto-2)}
.idn-diag .nodo.opc{border-style:dashed;border-color:var(--apagado)}
.idn-diag .cable{flex:0 0 40px;align-self:center;height:1.5px;background:var(--apagado);position:relative}
.idn-diag .cable::before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;border:1.5px solid var(--apagado);background:var(--fondo)}
.idn-diag .cable::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-top:1.5px solid var(--apagado);border-right:1.5px solid var(--apagado);transform:rotate(45deg);margin-right:1px}
.idn-diag-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8) var(--s-32)}
.idn-diag-l b{color:var(--texto)}

/* ---------- oscuro ---------- */
.idn-noche-ctl{display:flex;align-items:center;gap:var(--s-24);flex-wrap:wrap;margin-bottom:var(--s-24)}
.idn-noche-ctl .filtros{margin:0}
.idn-noche-ctl p{margin:0}
.idn-noche-fig{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--s-48);align-items:center;padding:var(--s-32);border-radius:var(--r-tarjeta);border:var(--borde-ancho) solid var(--borde);background:var(--fondo);color:var(--texto)}
.idn-pz-noche{border-color:var(--borde);width:100%}
.idn-pz-noche .idn-tel{position:absolute;right:7.4cqw;top:79cqw;--u:calc(50cqw/256)}
.idn-pz-noche>.baj{width:62cqw}
.idn-noche-lista{list-style:none;margin:0;padding:0;display:grid;gap:0}
.idn-noche-lista li{padding:var(--s-12) 0;border-top:var(--borde-ancho) solid var(--borde);font-size:var(--t-15);color:var(--texto-2)}
.idn-noche-lista li:first-child{border-top:0;padding-top:0}
.idn-noche-lista b{color:var(--texto)}
.idn-feed-fig{align-items:start;grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.idn-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:300px}
.idn-feed i{position:relative;aspect-ratio:3/4;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:6px;display:block}
.idn-feed i::before,.idn-feed i::after{content:"";position:absolute;left:12%;height:5px;border-radius:3px;background:var(--texto)}
.idn-feed i::before{top:22%;width:62%}.idn-feed i::after{top:32%;width:44%;background:var(--apagado)}
.idn-feed i.n{background:var(--tinta);border-color:var(--tinta)}
.idn-feed i.n::before{background:var(--papel)}
.idn-tope td:first-child{font-weight:var(--bold)}
.idn-portadas{gap:var(--s-24)}
.idn-video-tema{display:block;padding:var(--s-24) var(--s-24) 56px;min-height:0}
.idn-vt{aspect-ratio:16/9;border-radius:var(--r-captura);padding:var(--s-24);position:relative;overflow:hidden;border:var(--borde-ancho) solid var(--borde);display:flex;flex-direction:column;justify-content:center}
.idn-vt .eb{font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;margin:0 0 var(--s-8);color:inherit;opacity:.78}
.idn-vt .ti{font-size:var(--t-30);font-weight:var(--bold);letter-spacing:var(--trk-30);line-height:var(--lh-titulo-30);margin:0;display:grid}
.idn-vt .ti span{grid-area:1/1}
.idn-vt.a{background:var(--blanco);color:var(--tinta)}
.idn-vt.b{background:var(--tinta);color:var(--papel)}
.idn-vt.b .c{opacity:0}
@keyframes idn-fundido{from{background:var(--blanco)}to{background:var(--tinta)}}
@keyframes idn-texto{0%,49%{color:var(--tinta)}50%,100%{color:var(--papel)}}
/* corte seco a los 1000 ms de 1700: step-end sostiene el valor de «from» y salta en 58,82 % (una animación de 1 ms se queda en «from» por redondeo) */
@keyframes idn-corte{0%{background:var(--tinta);color:var(--papel)}58.82%,100%{background:var(--blanco);color:var(--tinta)}}
@keyframes idn-se-va{0%{opacity:1}58.82%,100%{opacity:0}}
@keyframes idn-llega{0%{opacity:0}58.82%,100%{opacity:1}}
.idn-video-tema.is-playing .idn-vt.a{animation:idn-fundido 400ms linear 400ms both,idn-texto 400ms linear 400ms both}
.idn-video-tema.is-playing .idn-vt.b{animation:idn-corte 1700ms step-end both}
.idn-video-tema.is-playing .idn-vt.b .d{animation:idn-se-va 1700ms step-end both}
.idn-video-tema.is-playing .idn-vt.b .c{animation:idn-llega 1700ms step-end both}

/* ---------- lo que no se hace ---------- */
.idn-notabs .tabs{margin-bottom:var(--s-32)}
.idn-notabs .pair{margin-bottom:var(--s-32);align-items:start}
.idn-notabs figure.dont{margin:0}
.idn-mini{aspect-ratio:16/10;border-radius:var(--r-captura);border:var(--borde-ancho) solid var(--borde);background:var(--fondo);display:grid;place-items:center;overflow:hidden;position:relative;--hueco:var(--fondo)}
.dont .idn-mini{border-color:var(--texto-3)}
.idn-mini.sin-borde{border:0}
.idn-mini.noche-fondo{background:var(--tinta)}
.dont .idn-mini.sin-borde{outline:var(--borde-ancho) solid var(--texto-3);outline-offset:-1px}
.idn-nos{gap:var(--s-32) var(--medianil)}
.idn-nos .dont{margin:0}
.idn-nos .idn-mini{aspect-ratio:16/11}
.idn-notabs .pair .idn-mini{aspect-ratio:16/8}
.idn-mini>.barras{width:80%}
.idn-mini .abs{position:absolute}
.idn-mini .idn-simb{fill:var(--texto)}
.idn-mini .idn-simb.linea{fill:var(--linea)}
.idn-lg.azul{fill:var(--acento)}.idn-lg.papel{fill:var(--papel)}
.idn-lg.contorno{fill:none;stroke:var(--texto);stroke-width:3}
.idn-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.idn-fondo.sepia{filter:sepia(1)}
.idn-fondo.oscura{filter:brightness(.42) contrast(1.3)}
.idn-pildora{display:inline-flex;padding:10px 22px;border:1.5px solid var(--texto);border-radius:var(--r-pill)}
.idn-suelto{display:flex;align-items:center;gap:30px}
.idn-mp{width:100%;height:100%;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:var(--s-8);background:var(--fondo);color:var(--texto)}
.idn-mp .eb{margin:0;font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2)}
.idn-mp .ti{margin:0;font-size:var(--t-24);font-weight:var(--bold);letter-spacing:var(--trk-24);line-height:1.15}
.idn-mp .t2{color:var(--texto-3)}
.idn-mp.noche .t2{color:var(--acento-texto)}
.idn-mp.todo-azul .t2{color:var(--acento-texto)}
.idn-mp .idn-btn,.idn-mp .idn-chip{align-self:flex-start;margin-top:var(--s-4)}
.idn-mp.con-foto{position:relative;justify-content:flex-start;padding-top:14px;padding-bottom:14px}
.idn-m-pie-foto{width:100%;flex:1 1 0;min-height:0;object-fit:cover;border-radius:10px;display:block;margin-top:4px}
.idn-m-sobre{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);margin:0;font-size:var(--t-24);font-weight:var(--bold);letter-spacing:var(--trk-24);line-height:1.15;color:var(--blanco)}
.idn-m-aro{position:absolute;right:26%;top:14%;width:70px;height:70px;border:3px solid var(--acento);border-radius:50%}
.idn-m-azul{margin:0;padding:0 24px;font-size:var(--t-15);color:var(--acento);text-align:center}
.idn-m-toque{display:flex;width:62%;height:40px}
.idn-m-toque i{flex:1;background:var(--apagado)}.idn-m-toque i+i{background:var(--acento)}
.idn-m-azules{display:flex;gap:10px}
.idn-m-azules i{width:70px;height:70px;border-radius:var(--r-captura);background:var(--acento)}
.idn-m-azules i.dos{background:color-mix(in srgb,var(--acento) 72%,var(--tinta))}
.idn-m-gris{margin:0;font-size:var(--t-12);color:var(--texto-3)}
.idn-m-papel{background:var(--superficie);width:100%;height:100%;display:grid;place-items:center}
.idn-m-t{margin:0;font-size:var(--t-30);font-weight:var(--bold);letter-spacing:var(--trk-30);line-height:1.12;padding:0 24px;text-align:left}
.idn-m-t.mayus{text-transform:uppercase}
.idn-m-t.cursiva{font-style:italic;font-weight:var(--regular)}
.idn-m-t.dos{font-size:var(--t-19);letter-spacing:var(--trk-19)}
.idn-m-eb{margin:0;font-size:var(--t-12);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2)}
.idn-m-eb.mal{color:var(--acento);text-transform:none;letter-spacing:0;font-weight:var(--regular);font-size:var(--t-15)}
.idn-m-parr{margin:0;padding:0 22px;font-weight:var(--bold);font-size:var(--t-15);line-height:1.4}
.idn-m-flecha{margin:0;font-size:var(--t-19);font-weight:var(--bold)}
.idn-m-chico{margin:0;font-size:var(--t-12);color:var(--texto-3);padding:0 20px}
.idn-m-fila{display:flex;align-items:center;gap:var(--s-16);font-size:var(--t-17);font-weight:var(--bold);line-height:1.3;padding:0 20px}
.idn-m-fila em{font-style:normal;font-weight:var(--regular);font-size:var(--t-15);color:var(--texto-2)}
.idn-tog{width:52px;height:30px;border-radius:var(--r-pill);background:var(--acento);position:relative;display:inline-block;flex:none}
.idn-tog i{position:absolute;right:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--blanco)}
.idn-m-vineta{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--t-15)}
.idn-m-vineta li{display:flex;align-items:center;gap:10px}
.idn-m-dos{display:flex;gap:20px;align-items:flex-end}
.idn-m-linea{font-size:var(--t-12);line-height:2;color:var(--texto-2);border-left:1.5px solid var(--borde);padding-left:10px}
.idn-m-dona{display:flex;align-items:center;gap:var(--s-16)}
.idn-dona{width:108px;height:108px}
.idn-m-dona ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--t-15)}
.idn-m-pie{margin:var(--s-8) 0 0;font-size:var(--t-12);color:var(--texto-2);position:absolute;left:16px;bottom:10px}
.idn-m-rank{list-style:none;margin:0;padding:0 28px;width:100%;display:grid;gap:8px;font-size:var(--t-15)}
.idn-m-rank li{display:flex;gap:8px;align-items:center}
.idn-m-rank li em{margin-left:auto;font-style:normal;font-weight:var(--bold)}
.idn-m-trunc{display:grid;grid-template-columns:52px 52px;gap:6px 16px;align-items:end;justify-content:center}
.idn-m-trunc i{display:block;width:100%;background:var(--texto-3)}
.idn-m-trunc span{font-size:var(--t-15);font-weight:var(--bold);text-align:center}
.idn-m-azules-b{display:flex;align-items:flex-end;gap:8px;height:56%}
.idn-m-azules-b i{display:block;width:26px;background:var(--acento)}
.idn-m-azules-b i.n{background:var(--texto-3)}
.idn-m-azules-b i:nth-child(1){height:42%}.idn-m-azules-b i:nth-child(2){height:78%}.idn-m-azules-b i:nth-child(3){height:56%}
.idn-m-azules-b i:nth-child(4){height:92%}.idn-m-azules-b i:nth-child(5){height:62%}.idn-m-azules-b i:nth-child(6){height:70%}
.idn-m-tel{display:grid;place-items:center;width:100%;height:100%;background:var(--tinta)}
.idn-m-tel .marco{width:92px;height:166px;border-radius:16px;padding:6px;background:var(--telefono-marco)}
.idn-m-tel .scr{width:100%;height:100%;border-radius:11px;background:var(--telefono-pantalla);color:var(--texto);padding:10px 8px;display:grid;align-content:start;gap:6px;font-size:var(--t-12);overflow:hidden}
.idn-m-tel .scr b{font-size:var(--t-12)}
.idn-m-tel .bub{border:var(--borde-ancho) solid var(--borde);background:var(--fondo);border-radius:6px;padding:4px 6px;font-size:var(--t-12);line-height:1.25}
.idn-m-tel.oscuro-mal .scr{background:var(--fondo)}
.idn-m-tel.oscuro-mal .bub{background:var(--superficie);border-color:var(--superficie)}
.idn-m-fila3{display:flex;gap:6px;width:56%}
.idn-m-fila3 i{flex:1;aspect-ratio:3/4;border-radius:5px;border:var(--borde-ancho) solid var(--borde);background:var(--fondo)}
.idn-m-fila3 i.n{background:var(--tinta);border-color:var(--tinta)}
.idn-m-prop{width:100%;height:100%;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:left}
.idn-m-prop p{margin:0;font-size:var(--t-15);color:var(--texto-2)}
.idn-m-prop b{font-size:var(--t-30);letter-spacing:var(--trk-30);line-height:1.1}
.idn-m-logo-azul{width:100%;height:100%;display:grid;place-items:center}

/* ---------- versión corta: aire justo, dos columnas y lo accesorio en «Ver…» ---------- */
.idn .sec{padding:var(--s-32) 0}
.idn .sec-head{margin-bottom:var(--s-24);max-width:none}
.idn .sec-head .eyebrow{margin-bottom:var(--s-8)}
.idn .sec-head .lede{margin-top:var(--s-8);font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:var(--lh-bajada);max-width:none}
.idn-h3{margin:var(--s-32) 0 var(--s-8)}
.idn-h3-s{display:block;margin-top:2px;font-size:var(--t-15);font-weight:var(--regular);letter-spacing:0;line-height:1.4;color:var(--texto-2)}
.idn-intro{margin:0 0 var(--s-16)}
.idn-dl{margin-top:var(--s-16)}
.idn-mt{margin-top:var(--s-16)}
.idn details.mas{padding:var(--s-8) 0;margin-top:var(--s-16)}
.idn details.mas+details.mas{margin-top:0}
.idn details.mas>div{padding-top:var(--s-12)}
.idn details.mas .idn-h3:first-child{margin-top:0}
.idn-valores td{vertical-align:middle;padding-block:var(--s-8)}
/* portada: el gesto y la curva, lado a lado */
.idn-hero{padding-top:var(--s-32);padding-bottom:var(--s-32);grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-32)}
.idn-hero .lede{font-size:var(--t-19);letter-spacing:var(--trk-19);line-height:var(--lh-bajada)}
.idn-hero-acc{margin-top:var(--s-24)}
@media (min-width:901px){.idn-hero h1{font-size:var(--t-58);letter-spacing:var(--trk-58);max-width:none}}
.idn-ir{display:none}
.idn-hero-stage{min-height:0;padding:var(--s-24) var(--s-24) 60px}
.idn-fig{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"idea idea" "sym curva" "lbls pie";align-items:center;column-gap:var(--s-24);row-gap:var(--s-12)}
.idn-idea{grid-area:idea}
.idn-sym{grid-area:sym;width:148px}
.idn-lbls{grid-area:lbls;width:148px;aspect-ratio:auto;height:22px}
.idn-curva{grid-area:curva;width:100%;margin:0}
.idn-curva-pie{grid-area:pie}
/* idea */
.idn-hueco{aspect-ratio:2/1}
.idn-hueco .idn-simb{height:58%}
.b-foto .idn-simb{margin:6% 9% 0 0;height:40%}
.idn-lectura{margin-top:var(--s-24)}
.idn-lectura .note{font-size:var(--t-17);letter-spacing:0}
.idn-deriva>div{padding:var(--s-8) 0}
.idn-ref{margin-top:var(--s-12)}
/* logo */
.idn-tile{aspect-ratio:3/1}
.idn-vers{gap:var(--s-24) var(--medianil)}
.idn-tamanos{margin-top:var(--s-32);gap:var(--s-48)}
details .idn-tamanos{margin-top:var(--s-32)}
.idn-escalera{margin-top:var(--s-12)}
.idn-escalera li{padding:8px 0}
.idn-anat{margin-bottom:0}
.idn-fav-row{padding:var(--s-16) var(--s-24)}
/* color */
.idn-prop{margin-bottom:var(--s-24)}
.idn-prop-bar{height:80px}
.idn-prop-lbl{margin-bottom:6px}
.idn-prop-pie{margin-top:6px}
.idn-cols{gap:var(--s-24) var(--medianil);margin-top:0}
.idn-col-blk{aspect-ratio:auto;height:48px}
.idn-col-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);margin:var(--s-8) 0 4px}
.idn-col-top h3{margin:0}
.idn-col p{margin:0}
.idn-estado{padding:var(--s-12) var(--s-24)}
/* letra */
.idn-espec{padding-top:var(--s-16)}
.idn-aa{font-size:var(--t-58);letter-spacing:var(--trk-58)}
.idn-espec p{margin:var(--s-8) 0 0}
.idn-prob-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-12) var(--s-32);padding:var(--s-16) var(--s-24)}
.idn-campo{flex:1 1 280px}
.idn-ctl{flex:0 1 auto}
.idn-ctl>span{flex:none}
.idn-prob-out{padding:var(--s-24);min-height:96px}
.idn-prob-datos>div{padding:var(--s-8) var(--s-24)}
.idn-curva-pie .copy{font-size:var(--t-12);white-space:nowrap}
.idn-titular{padding:var(--s-24) var(--s-24) var(--s-24) var(--s-64)}
/* sistema gráfico */
.idn-forma{min-height:0;height:116px;padding:var(--s-12)}
.idn-formas figcaption{margin-top:var(--s-8)}
.idn-mini-tj{padding:var(--s-12) var(--s-16);gap:2px;max-width:300px}
.idn-pz .firma,.idn-lam .firma{overflow:visible}
.idn-mini-tj b{font-size:var(--t-17)}
.idn-demo{min-height:200px}
.idn-piezas{margin-top:var(--s-16);gap:var(--s-24);flex-wrap:wrap;justify-content:space-between}
.idn-piezas>figure{flex:1 1 200px;max-width:232px;min-width:0}
.idn-piezas>.idn-historia{flex:1 1 130px;max-width:150px}
.idn-esq-post{max-width:none}
.idn-esq-post .e{white-space:normal;font-size:var(--t-12);line-height:1.2}
.idn-esq-post .c5,.idn-esq-post .c6{max-width:46%}
.idn-esq-post .c6{text-align:right;justify-content:flex-end}
.idn-tj{min-height:0;padding:var(--s-16) var(--s-24)}
.idn-tallas{margin-top:0}
/* foto */
.idn-foto-top{gap:var(--s-32);align-items:start;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.idn-foto-top .idn-cmp{aspect-ratio:1/1}
.idn-foto-top .idn-h3{margin-top:0}
.idn-receta-t{margin:0 0 var(--s-8)}
.idn-receta li{padding:10px 0}
.idn-receta ul{margin-bottom:var(--s-8)}
.idn-reglas{grid-template-columns:minmax(0,1fr);gap:0}
.idn-reglas li{padding:var(--s-8) 0 var(--s-8) 36px;font-size:var(--t-15)}
.idn-reglas li::before{top:var(--s-8)}
.idn-fotopz{gap:var(--s-24);grid-template-columns:repeat(3,minmax(0,240px));justify-content:space-between}
/* gráficos */
.idn-graf-st{padding:var(--s-24) var(--s-24) 56px}
.idn-gp-st{padding:var(--s-16) var(--s-24) 48px}
.idn-gp-st .barras{gap:var(--s-8)}
.idn-gp-st .cols{height:104px}
.idn-gp-st .baj{margin-bottom:var(--s-12)}
.idn-an{gap:var(--s-24)}
.idn-car4{--w:min(440px,86%)}
.idn-car4 .car-track{gap:var(--s-24)}
.idn-diag{margin:0}
/* oscuro */
.idn-noche-ctl{margin-bottom:var(--s-16)}
.idn-noche-fig{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--s-32);padding:var(--s-16) var(--s-24)}
.idn-pz-noche .idn-tel{right:6cqw}
.idn-noche-lista li{padding:var(--s-8) 0}
.idn-vt{aspect-ratio:16/5}
.idn-video-tema{padding:var(--s-16) var(--s-24) 52px}
/* lo que no se hace */
.idn-notabs .tabs{margin-bottom:var(--s-16)}
.idn-notabs .pair{margin-bottom:var(--s-24)}
.idn-notabs .pair .idn-mini{aspect-ratio:16/6}
.idn-notabs .idn-mp{padding:12px 20px;gap:6px}
.idn-notabs .idn-mp .idn-btn,.idn-notabs .idn-mp .idn-chip{margin-top:0}
.idn-nos .idn-mini{aspect-ratio:16/9}
.idn-notabs details.mas{margin-top:0}
.idn-m-sema{display:flex;align-items:center;gap:var(--s-16)}
.idn-m-sema .caja{display:grid;gap:6px;padding:8px;border-radius:var(--r-campo);background:var(--superficie);border:var(--borde-ancho) solid var(--texto-3);flex:none}
.idn-m-sema .caja i{width:16px;height:16px;border-radius:50%;background:var(--pizarra)}
.idn-m-sema .caja i:nth-child(2){background:var(--apagado)}
.idn-m-sema .caja i:nth-child(3){background:var(--linea);border:var(--borde-ancho) solid var(--apagado)}
.idn-m-sema ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:var(--t-15)}
/* descargas */
.idn-dls{gap:0 var(--s-48)}
.idn-dl-i{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8) var(--s-16);padding:var(--s-12) 0;border-top:var(--borde-ancho) solid var(--borde)}
.idn-dl-i>div{flex:1 1 0;min-width:0}
.idn-dl-i b{display:block;font-size:var(--t-17)}
.idn-dl-i span{display:block;font-size:var(--t-15);color:var(--texto-2)}
.idn-dl-i .acciones{margin:0;flex:none}
.idn-dl-n{margin:var(--s-8) 0 0}
@media (max-width:1100px){.idn-ir{display:flex}}

/* ---------- celular y tableta ---------- */
@media (max-width:900px){
  .idn-hero{grid-template-columns:minmax(0,1fr);padding-top:var(--s-32)}
  .idn-hero-stage{min-height:0}
  .idn-lectura,.idn-foto-top,.idn-titular-fig,.idn-feed-fig{grid-template-columns:minmax(0,1fr)}
  .idn-tamanos,.idn-iconos,.idn-esq,.idn-noche-fig,.idn-tel-fig,.idn-an{grid-template-columns:minmax(0,1fr)}
  .idn-tel-fig{justify-items:start}
  .idn-reglas,.idn-diag-l,.idn-cifras{grid-template-columns:minmax(0,1fr)}
  .idn-espec{grid-template-columns:minmax(0,1fr);gap:var(--s-32)}
  .idn-prob-datos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idn-prob-datos>div:nth-child(3){border-left:0}
  .idn-prob-datos>div:nth-child(n+3){border-top:var(--borde-ancho) solid var(--borde)}
}
@media (max-width:760px){
  .idn-desliza{display:block;margin:var(--s-8) 0 0}
  .idn-prop-lbl{display:none}
  .idn-prop-mov{display:block;margin:var(--s-12) 0 0}
  .idn-prop-mov b{color:var(--texto)}
  .idn-roles{min-width:700px}
  .idn-contraste{min-width:640px}
  .idn-linea text{font-size:18px}.idn-linea text.v{font-size:19px}
  .dias span:not(:nth-child(1)):not(:nth-child(5)):not(:nth-child(10)):not(:nth-child(14)){visibility:hidden}
  .idn-escala li{grid-template-columns:40px minmax(0,1fr);gap:var(--s-8) var(--s-12)}
  .idn-escala .t,.idn-escala .u{grid-column:2}
  .idn-escalera li{grid-template-columns:minmax(0,1fr)}
  .idn-diag{flex-direction:column}
  .idn-diag .cable{flex:0 0 32px;width:1.5px;height:auto;align-self:center}
  .idn-diag .cable::before{left:50%;top:-5px;margin:0 0 0 -4px}
  .idn-diag .cable::after{right:auto;top:auto;bottom:0;left:50%;margin:0 0 1px -3.5px;transform:rotate(135deg)}
  .idn-reglas-tel>div,.idn-deriva>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .idn-par{flex-direction:column;align-items:flex-start}
  .idn-prop-lbl em{display:none}
  .idn-prop-lbl b{margin:0}
  .idn-noche-fig{padding:var(--s-16)}
  .idn-ctl>span{flex-basis:100%}
  .idn-opt-fila{gap:var(--s-16)}
  .idn-tallas{gap:var(--s-32)}
  .idn-prop-bar{height:104px}
}
/* el botón «Repetir» no se parte en dos líneas */
.idn .stage-bar .btn{flex:none;white-space:nowrap}
@media (max-width:760px){
  .idn-escala .m{white-space:normal;overflow:visible;overflow-wrap:break-word}
  .idn-pz-noche .idn-tel{--u:calc(38cqw/256)!important} /* el estilo en línea del HTML trae 50cqw: aquí se achica para que no pise el logo */
}
@media (max-width:620px){
  .idn-cols{gap:var(--s-24)}
  .idn-col{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:var(--s-16);align-items:start}
  .idn-col-blk{grid-row:1/span 4;aspect-ratio:1/1}
  .idn-col-blk span{left:6px;bottom:6px;padding:1px 8px}
  .idn-col h3{grid-column:2;margin:0 0 4px}
  .idn-col p{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  .idn-hero-stage:not(.is-playing) .k-r,.idn-st-par:not(.is-playing) .k-r{transform:translateY(-80.43px)}
  .idn-hero-stage:not(.is-playing) .cap-r{fill:var(--acento)}
  .idn-hero-stage:not(.is-playing) .idn-lbl-r .off{opacity:0}
  .idn-hero-stage:not(.is-playing) .idn-lbl-r .on{opacity:1}
  .idn-hero-stage:not(.is-playing) .dot-x{transform:translateX(232px)}
  .idn-hero-stage:not(.is-playing) .dot-y{transform:translateY(-100px)}
  .idn-demo:not(.is-playing) .idn-sw.hecho{--c:var(--control-hecho)}
  .idn-demo:not(.is-playing) .idn-sw.ahora{--c:var(--acento)}
  .idn-demo:not(.is-playing) .idn-sw.hecho::after,.idn-demo:not(.is-playing) .idn-sw.ahora::after{transform:none}
  .idn-graf-st:not(.is-playing) .barras .b,.idn-graf-st:not(.is-playing) .cols .c i{transform:none}
  .idn-graf-st:not(.is-playing) .idn-linea .ln{stroke-dashoffset:0}
  .idn-graf-st:not(.is-playing) .idn-linea .pt{opacity:1}
  .idn-video-tema:not(.is-playing) .idn-vt.a{background:var(--tinta);color:var(--papel)}
  .idn-video-tema:not(.is-playing) .idn-vt.b{background:var(--blanco);color:var(--tinta)}
  .idn-video-tema:not(.is-playing) .idn-vt.b .d{opacity:0}
  .idn-video-tema:not(.is-playing) .idn-vt.b .c{opacity:1}
}

/* lámina de charla (16:9) dibujada con el kit: claro y oscuro */
.idn-lam{container-type:inline-size;position:relative;aspect-ratio:16/9;background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);overflow:hidden;color:var(--texto)}
.idn-lam>.eb{position:absolute;left:6.25cqw;top:4.4cqw;margin:0;font-size:max(11px,1.6cqw);font-weight:var(--bold);letter-spacing:var(--trk-eyebrow);text-transform:uppercase;color:var(--texto-2);line-height:var(--lh-eyebrow)}
.idn-lam>.ti{position:absolute;left:6.25cqw;top:30%;width:52cqw;margin:0;font-size:4.2cqw;font-weight:var(--bold);letter-spacing:var(--trk-30);line-height:var(--lh-titular);text-wrap:balance}
.idn-lam .t2{color:var(--acento-texto)}
.idn-lam>img{position:absolute;right:6.25cqw;top:10.5cqw;width:32cqw;aspect-ratio:1/1.12;object-fit:cover;border-radius:1.4cqw;display:block}
.idn-lam>.firma{position:absolute;left:6.25cqw;bottom:5.2cqw;height:max(16px,2.4cqw);width:auto;fill:var(--logo)}

/* ---------- versión corta · pantallas chicas ---------- */
@media (max-width:900px){
  .idn-fotopz{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16)}
}
@media (max-width:620px){
  .idn-fotopz{grid-template-columns:minmax(0,320px);justify-content:start}
  .idn-fig{grid-template-columns:minmax(0,1fr);grid-template-areas:"idea" "sym" "lbls" "curva" "pie";justify-items:center;row-gap:var(--s-16)}
  .idn-curva{max-width:300px}
}