/* GENERADO por diseno/prototipos/expediente-servicio/armar_para_sitio.py desde gen_expediente_r4.py (animación aprobada
   por Héctor el 30-sep-2026). No editar a mano: se corrige el generador y se vuelve a armar. */
.ej-expediente{
  --papel:#F3F4F1; --tinta:#14171C; --gris:#555B63; --tenue:#686E76; --filete:#DCDED8;
  --marino:#141C2C; --cobre:#B47840; --cobre-osc:#8A6A34; --hoja:#FDFDFB;
  --carpeta:#E6DECF; --carpeta-luz:#EFE8DB; --carpeta-borde:#D3C8B3;
  --serif:'Aleo',Georgia,serif; --sans:'Public Sans',system-ui,sans-serif; --marca:'Libre Caslon Display',Georgia,serif;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-io:cubic-bezier(.77,0,.175,1); --ease-cajon:cubic-bezier(.32,.72,0,1);
  --T:27s;
  --grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --fibra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .40 0 0 0 0 .33 0 0 0 0 .22 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  
}
@property --ejx-n{syntax:'<integer>';inherits:true;initial-value:0}
.ej-expediente *{box-sizing:border-box}
.ej-expediente .rot{font:600 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tenue)}
.ej-expediente .escenario{position:relative;width:100%;max-width:460px;height:632px;margin:0 auto;overflow:hidden;background:var(--hoja);border-radius:1px;container-type:inline-size;
  box-shadow:0 0 0 1px rgba(20,28,44,.07),0 1px 1px rgba(20,28,44,.06),0 2px 4px -1px rgba(60,48,28,.08),0 26px 44px -26px rgba(60,48,28,.34)}
.ej-expediente .escena{position:absolute;inset:0;--cx:calc(50cqi - 20px);animation:ejx-escena var(--T) infinite both}
.ej-expediente .formulario{position:absolute;inset:0;animation:ejx-formulario var(--T) infinite both}
.ej-expediente .cab{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--tinta)}
.ej-expediente .cab .ej{color:var(--cobre-osc)}
.ej-expediente .campo{position:absolute;left:20px;right:20px;top:60px}
.ej-expediente .campo label{display:block;font:500 13px var(--sans);color:var(--gris)}
.ej-expediente .caja{position:relative;margin-top:7px;height:42px;display:flex;align-items:center;padding:0 14px;background:#FFFFFE;border:1px solid #C9CCC5;border-radius:2px;box-shadow:inset 0 1px 2px rgba(20,28,44,.05);animation:ejx-foco var(--T) infinite both}
.ej-expediente .caja .ph{position:absolute;left:14px;font:400 15px var(--sans);color:#8E939A;animation:ejx-ph var(--T) infinite both}
.ej-expediente .caja .num{display:flex;font:500 15.5px var(--sans);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ej-expediente .caja .num span{display:inline-block;overflow:hidden;max-width:0;animation:ejx-tecla var(--T) var(--t) infinite both}
.ej-expediente .caja .cursor{flex:none;width:1.5px;height:19px;margin-left:1px;background:var(--tinta);animation:ejx-cursor var(--T) infinite both}
.ej-expediente .caja .busca{position:absolute;left:-1px;right:-1px;bottom:-1px;height:2px;background:var(--cobre);transform-origin:left;animation:ejx-busca var(--T) infinite both}
.ej-expediente .lista{position:absolute;left:20px;right:20px;top:140px;animation:ejx-guarda var(--T) infinite both}
.ej-expediente .renglon{display:flex;align-items:center;gap:12px;animation:ejx-aparece var(--T) calc(var(--i) * 60ms) infinite both}
.ej-expediente .renglon .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .renglon .n{font:500 12.5px var(--sans);color:var(--gris);font-variant-numeric:tabular-nums}
.ej-expediente .todo{height:40px;border-bottom:1px solid var(--tinta);font-size:17px}
.ej-expediente .todo .n{font-size:13px;color:var(--tinta)}
.ej-expediente .grupo,.ej-expediente .pie-lista{animation:ejx-oculta var(--T) calc(var(--g) * 120ms) infinite both}
.ej-expediente .grupo{margin-top:8px}
.ej-expediente .grupo .g{height:24px;border-bottom:1px solid var(--filete)}
.ej-expediente .grupo .g .t{font:600 12.5px var(--sans);color:var(--gris)}
.ej-expediente .grupo .g .n{font-size:12px;color:var(--cobre-osc)}
.ej-expediente .doc{height:26px;padding-left:2px;font-size:14.5px;color:#2A2F36}
.ej-expediente .restringida{margin-top:10px;height:22px;font:400 13.5px var(--serif);color:var(--tenue);gap:10px}
.ej-expediente .restringida svg{flex:none;width:11px;height:13px}
.ej-expediente .ck{position:relative;flex:none;width:14px;height:14px;border:1px solid #9AA0A7;border-radius:2px;background:#FFFFFE}
.ej-expediente .todo .ck{width:16px;height:16px;border-color:var(--tinta)}
.ej-expediente .ck i{position:absolute;inset:-1px;border-radius:2px;background:var(--marino);animation:ejx-marca var(--T) calc(var(--i) * 60ms) infinite both}
.ej-expediente .ck i svg{position:absolute;inset:0;width:100%;height:100%}
.ej-expediente .boton{position:absolute;left:20px;top:570px;height:44px;display:inline-flex;align-items:center;gap:12px;padding:0 20px;border-radius:2px;
  font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid #C9CCC5;color:#8E939A;background:transparent;
  animation:ejx-boton var(--T) infinite both,ejx-asoma var(--T) 700ms infinite both}
.ej-expediente .boton svg{width:14px;height:10px}
.ej-expediente .pila{position:absolute;left:calc(var(--cx) - 66px);top:220px;width:132px;height:168px}
.ej-expediente .legajo{position:absolute;inset:0;transform-origin:50% 100%;animation:ejx-golpe var(--T) infinite both}
.ej-expediente .puesto,.ej-expediente .giro{position:absolute;inset:0}
.ej-expediente .puesto{animation:ejx-puesto var(--T) infinite both}
.ej-expediente .giro{animation:ejx-giro var(--T) infinite both}
.ej-expediente .hojita{position:absolute;inset:0;border-radius:1px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(20,28,44,.09),0 1px 2px rgba(20,28,44,.08),0 6px 12px -8px rgba(60,48,28,.35);
  animation:ejx-vuela var(--T) calc(var(--k) * 120ms) infinite both}
.ej-expediente .hojita svg{display:block;width:100%;height:100%}
.ej-expediente .sep{position:absolute;left:100%;height:16px;display:flex;align-items:center;gap:6px;animation:ejx-separa var(--T) calc(var(--j) * 180ms) infinite both}
.ej-expediente .sep::before{content:"";width:10px;height:16px;margin-left:-2px;border-radius:0 3px 3px 0;background:var(--grano),var(--carpeta);box-shadow:inset 0 0 0 1px var(--carpeta-borde)}
.ej-expediente .sep span{font:500 11px/1 var(--sans);color:var(--gris);white-space:nowrap}
.ej-expediente .clip{position:absolute;left:12px;top:-19px;width:29px;height:56px;overflow:visible;transform-origin:50% 12%;
  filter:drop-shadow(.7px 1.6px .9px rgba(20,28,44,.26));animation:ejx-clip var(--T) infinite both}
.ej-expediente .tapa{position:absolute;inset:0;padding:20px 14px 14px;background:var(--hoja);border-radius:1px;box-shadow:0 0 0 1px rgba(20,28,44,.09);animation:ejx-tapa var(--T) infinite both}
.ej-expediente .tapa::before{content:"";position:absolute;left:14px;right:14px;top:12px;height:3px;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta)}
.ej-expediente .tapa .rot{font-size:8.5px;letter-spacing:.2em;margin-top:6px}
.ej-expediente .tapa b{display:block;margin-top:6px;font:400 12.5px/1.2 var(--serif);white-space:nowrap;font-variant-numeric:tabular-nums}
.ej-expediente .tapa hr{border:0;border-top:1px solid var(--tinta);margin:10px 0 9px}
.ej-expediente .tapa span{display:block;font:400 11.5px/1.5 var(--sans);color:var(--gris)}
.ej-expediente .tapa i{position:absolute;right:12px;bottom:10px;font:400 22px/1 var(--marca);font-style:normal;color:var(--marino)}
.ej-expediente .tapa i::after{content:"";position:absolute;left:1px;right:1px;bottom:-3px;height:1px;background:var(--cobre)}
.ej-expediente .avance{position:absolute;left:calc(var(--cx) - 110px);width:220px;top:424px;text-align:center}
.ej-expediente .avance p{position:absolute;left:-40px;right:-40px;top:0;margin:0;font:400 16.5px/1.3 var(--serif);color:var(--tinta)}
.ej-expediente .avance .riel{position:absolute;left:0;right:0;top:34px;height:1px;background:var(--filete);animation:ejx-riel var(--T) infinite both}
.ej-expediente .avance .riel i{position:absolute;inset:0;background:var(--cobre);transform-origin:left;animation:ejx-llena var(--T) infinite both}
.ej-expediente .p1{animation:ejx-p1 var(--T) infinite both}
.ej-expediente .p2{animation:ejx-p2 var(--T) infinite both}
.ej-expediente .p3{animation:ejx-p3 var(--T) infinite both}
.ej-expediente .cuenta{font-variant-numeric:tabular-nums;animation:ejx-cuenta var(--T) infinite both}
.ej-expediente .cuenta::before{counter-reset:n var(--ejx-n);content:counter(n)}
.ej-expediente .sobre{position:absolute;left:calc(var(--cx) - 105px);top:400px;width:210px;height:140px;animation:ejx-sobre-sale var(--T) infinite both}
.ej-expediente .sobre-giro{position:absolute;inset:0;transform:rotate(-1.5deg)}
.ej-expediente .sobre .pila{left:39px;top:-180px;animation:ejx-entra var(--T) infinite both}
.ej-expediente .sobre .sombra{position:absolute;left:4px;right:4px;bottom:-12px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,48,28,.30),transparent);animation:ejx-asoma-sobre var(--T) infinite both}
.ej-expediente .sobre .abierta{position:absolute;left:0;right:0;bottom:100%;height:86px;transform-origin:50% 100%;animation:ejx-solapa-abre var(--T) infinite both}
.ej-expediente .sobre .abierta svg,.ej-expediente .sobre .cerrada svg,.ej-expediente .sobre .frente svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ej-expediente .sobre .frente{position:absolute;inset:0;border-radius:2px;
  background:var(--fibra),var(--grano),radial-gradient(120% 90% at 22% 18%,#F1EBDF 0%,transparent 60%),linear-gradient(180deg,#E9E1D2 0%,var(--carpeta) 45%,#DDD3C0 100%);
  box-shadow:inset 0 0 0 1px var(--carpeta-borde),inset 0 3px 3px -2px rgba(92,72,40,.38),inset 0 -1px 0 rgba(255,255,255,.35),0 1px 1px rgba(60,48,28,.12);
  animation:ejx-asoma-sobre var(--T) infinite both}
.ej-expediente .sobre .cerrada{position:absolute;left:0;right:0;top:0;height:88px;transform-origin:50% 0;filter:drop-shadow(0 2.5px 1.8px rgba(92,72,40,.30));animation:ejx-solapa-cierra var(--T) infinite both}
.ej-expediente .lacre{position:absolute;left:73px;top:54px;width:64px;height:64px;animation:ejx-lacre var(--T) infinite both}
.ej-expediente .lacre svg{width:100%;height:100%;overflow:visible;transform:rotate(-7deg);filter:drop-shadow(0 5px 4px rgba(38,30,22,.28)) drop-shadow(0 1px 1px rgba(38,30,22,.36))}
.ej-expediente .telefono{position:absolute;left:calc(50% - 146px);top:20px;width:292px;height:592px;border-radius:44px;padding:9px;
  background:linear-gradient(160deg,#2A2E36 0%,#15181E 40%,#0F1116 100%);
  box-shadow:inset 0 0 0 1.5px #3A3F48,inset 0 0 0 3px #111318,0 34px 50px -30px rgba(20,28,44,.6),0 10px 18px -12px rgba(20,28,44,.45);
  animation:ejx-telefono var(--T) infinite both}
.ej-expediente .telefono::before,.ej-expediente .telefono::after{content:"";position:absolute;right:-2.5px;width:3px;border-radius:0 2px 2px 0;background:#23262D}
.ej-expediente .telefono::before{top:128px;height:58px}
.ej-expediente .telefono::after{top:98px;height:22px;left:-2.5px;right:auto;border-radius:2px 0 0 2px}
.ej-expediente .pantalla{position:relative;width:100%;height:100%;border-radius:35px;overflow:hidden;background:#FFFFFF;font-family:var(--sans);color:#1F2329}
.ej-expediente .isla{position:absolute;left:50%;top:9px;width:78px;height:22px;margin-left:-39px;border-radius:12px;background:#0F1116;z-index:5}
.ej-expediente .estado-tel{position:absolute;left:0;right:0;top:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:4px 26px 0 30px;font:600 13px var(--sans);z-index:4}
.ej-expediente .estado-tel svg{display:block}
.ej-expediente .app{position:absolute;left:0;right:0;top:40px;height:44px;display:flex;align-items:center;gap:12px;padding:0 16px}
.ej-expediente .app b{flex:1;font:600 19px var(--sans);letter-spacing:-.01em}
.ej-expediente .yo{width:28px;height:28px;border-radius:50%;background:#E4E6E2;display:grid;place-items:center}
.ej-expediente .buscar{position:absolute;left:14px;right:14px;top:88px;height:36px;border-radius:18px;background:#F1F2EF;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;color:#6F747B}
.ej-expediente .hoy{position:absolute;left:16px;top:134px;font:600 12px var(--sans);color:#6F747B}
.ej-expediente .bandeja{position:absolute;left:0;right:0;top:154px}
.ej-expediente .viejas{animation:ejx-empuja var(--T) infinite both}
.ej-expediente .mail{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;height:70px;padding:10px 14px 0}
.ej-expediente .mail + .mail::after,.ej-expediente .viejas .mail::after{content:"";position:absolute;left:58px;right:0;top:0;height:1px;background:#EFF0ED}
.ej-expediente .mail .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#FFFFFF;font:600 14px var(--sans)}
.ej-expediente .mail .l1{display:flex;align-items:baseline;gap:8px;font-size:13.5px;color:#4A4F56}
.ej-expediente .mail .l1 span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .mail .l1 time{font-size:11.5px;color:#6F747B;font-variant-numeric:tabular-nums}
.ej-expediente .mail .l2,.ej-expediente .mail .l3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .mail .l2{margin-top:1px;font-size:13px;color:#4A4F56}
.ej-expediente .mail .l3{margin-top:1px;font-size:12.5px;color:#6F747B}
.ej-expediente .nueva{position:absolute;left:0;right:0;top:0;height:92px;z-index:0;animation:ejx-llega var(--T) infinite both}
.ej-expediente .nueva::before{content:"";position:absolute;inset:0;z-index:-1;background:#EEF1F7;animation:ejx-resalta var(--T) infinite both}
.ej-expediente .nueva .punto{position:absolute;left:4px;top:24px;width:6px;height:6px;border-radius:50%;background:#2B4A8F}
.ej-expediente .nueva .av,.ej-expediente .m-de .av{background:var(--marino);color:var(--cobre);font:400 20px/1 var(--marca);padding-top:2px}
.ej-expediente .nueva .l1,.ej-expediente .nueva .l2{color:#15181D;font-weight:600}
.ej-expediente .nueva .l1 time{color:#2B4A8F;font-weight:600}
.ej-expediente .adj{display:inline-flex;align-items:center;gap:6px;margin-top:6px;height:24px;padding:0 10px 0 7px;border:1px solid #DDDFDA;border-radius:12px;font-size:11.5px;color:#3B4047;max-width:100%}
.ej-expediente .adj span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .adj svg{flex:none}
.ej-expediente .aviso{position:absolute;left:8px;right:8px;top:8px;z-index:6;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:20px;
  background:rgba(246,247,245,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 0 .5px rgba(20,28,44,.08),0 10px 24px -10px rgba(20,28,44,.35);animation:ejx-aviso var(--T) infinite both}
.ej-expediente .aviso .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,#2F5BB3,#23468E)}
.ej-expediente .aviso .a1{display:flex;justify-content:space-between;font-size:11.5px;color:#6F747B}
.ej-expediente .aviso b{display:block;margin-top:1px;font:600 13px var(--sans);color:#15181D}
.ej-expediente .aviso span{display:block;font-size:12.5px;color:#3B4047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .dedo{position:absolute;left:118px;top:180px;width:36px;height:36px;border-radius:50%;background:rgba(20,28,44,.16);box-shadow:0 0 0 1px rgba(20,28,44,.18);z-index:7;animation:ejx-dedo var(--T) infinite both}
.ej-expediente .mensaje{position:absolute;inset:0;background:#FFFFFF;z-index:3;animation:ejx-abre var(--T) infinite both;box-shadow:-12px 0 24px -18px rgba(20,28,44,.35)}
.ej-expediente .m-barra{position:absolute;left:0;right:0;top:40px;height:44px;display:flex;align-items:center;gap:16px;padding:0 14px}
.ej-expediente .m-barra .sp{flex:1}
.ej-expediente .m-asunto{position:absolute;left:0;right:0;top:88px;padding:0 16px;font:500 18px/1.3 var(--sans);color:#15181D}
.ej-expediente .nw{white-space:nowrap}
.ej-expediente .etq{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:4px;background:#EEF0EC;font:500 11px/1.4 var(--sans);color:#555B63;vertical-align:2px}
.ej-expediente .m-de{position:absolute;left:0;right:0;top:146px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:0 16px}
.ej-expediente .m-de .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:21px}
.ej-expediente .m-de b{display:block;font:600 14px var(--sans);color:#15181D}
.ej-expediente .m-de span{display:block;font-size:12px;color:#6F747B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .m-cuerpo{position:absolute;left:0;right:0;top:204px;padding:0 16px;font-size:13.5px;line-height:1.5;color:#2A2F36}
.ej-expediente .m-cuerpo p{margin:0 0 9px}
.ej-expediente .carpeta-c{margin-top:12px;border:1px solid #DDDFDA;border-radius:12px;padding:11px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
.ej-expediente .carpeta-c b{display:block;font:600 13.5px var(--sans);color:#15181D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ej-expediente .carpeta-c span{display:block;font-size:11.5px;color:#6F747B}
.ej-expediente .carpeta-c .abrir{grid-column:1 / -1;justify-self:start;height:30px;display:inline-flex;align-items:center;padding:0 14px;border-radius:15px;background:var(--marino);color:#FDFDFB;font:600 12px var(--sans)}
.ej-expediente .vence{margin-top:11px !important;display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#555B63}
.ej-expediente .vence svg{flex:none;margin-top:2px}
.ej-expediente .firma{margin-top:12px !important;font:400 14px var(--serif);color:#15181D}
.ej-expediente .firma small{display:block;font:400 11.5px var(--sans);color:#6F747B}
.ej-expediente .puntero{position:absolute;left:0;top:0;width:19px;height:23px;transform-origin:1px 1px;filter:drop-shadow(0 2px 2px rgba(20,28,44,.28));animation:ejx-puntero var(--T) infinite both}
.ej-expediente .onda{position:absolute;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--cobre);opacity:0}
.ej-expediente .onda.x{left:11px;top:143px;animation:ejx-onda-x var(--T) infinite both}
.ej-expediente .onda.y{left:79px;top:575px;animation:ejx-onda-y var(--T) infinite both}
@keyframes ejx-escena{0.000%,2.222%{opacity:0}3.333%,93.704%{opacity:1}95.556%,100.000%{opacity:0}}
@keyframes ejx-formulario{0.000%,62.593%{opacity:1}64.444%,95.852%{opacity:0}95.926%,100.000%{opacity:1}}
@keyframes ejx-foco{0.000%,3.333%{border-color:#C9CCC5}3.519%,12.222%{border-color:var(--tinta)}13.333%,100.000%{border-color:#C9CCC5}}
@keyframes ejx-ph{0.000%,3.519%{opacity:1}3.556%,100.000%{opacity:0}}
@keyframes ejx-tecla{0.000%,3.519%{max-width:0}3.556%,95.852%{max-width:1em}95.926%,100.000%{max-width:0}}
@keyframes ejx-cursor{0.000%,3.333%{opacity:0}3.407%,9.630%{opacity:1}9.667%,10.926%{opacity:0}10.963%,12.222%{opacity:1}12.259%,100.000%{opacity:0}}
@keyframes ejx-busca{0.000%,9.444%{transform:scaleX(0);opacity:1;animation-timing-function:var(--ease-io)}11.111%{transform:scaleX(1);opacity:1}12.222%,100.000%{transform:scaleX(1);opacity:0}}
@keyframes ejx-aparece{0.000%,11.333%{opacity:0;transform:translateY(6px);animation-timing-function:var(--ease-out)}13.000%,95.852%{opacity:1;transform:none}95.926%,100.000%{opacity:0;transform:translateY(6px)}}
@keyframes ejx-asoma{0.000%,11.333%{opacity:0}13.000%,32.667%{opacity:1}34.333%,100.000%{opacity:0}}
@keyframes ejx-oculta{0.000%,33.519%{opacity:1}34.852%,95.852%{opacity:0}95.926%,100.000%{opacity:1}}
@keyframes ejx-guarda{0.000%,47.333%{opacity:1}48.667%,95.852%{opacity:0}95.926%,100.000%{opacity:1}}
@keyframes ejx-marca{0.000%,22.815%{clip-path:inset(0 100% 0 0);animation-timing-function:var(--ease-out)}23.519%,95.852%{clip-path:inset(0 0 0 0)}95.926%,100.000%{clip-path:inset(0 100% 0 0)}}
@keyframes ejx-boton{0.000%,24.667%{background:transparent;color:#8E939A;border-color:#C9CCC5;transform:none}
  26.000%,30.593%{background:var(--marino);color:var(--hoja);border-color:var(--marino);transform:none}
  31.074%{transform:scale(.97)}31.852%,95.852%{background:var(--marino);color:var(--hoja);border-color:var(--marino);transform:none}
  95.926%,100.000%{background:transparent;color:#8E939A;border-color:#C9CCC5}}
@keyframes ejx-puntero{0.000%,16.000%{opacity:0;transform:translate(250px,650px)}
  17.333%{opacity:1;transform:translate(232px,566px);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  19.630%{transform:translate(128px,330px);animation-timing-function:cubic-bezier(.2,.6,.4,1)}
  21.407%{transform:translate(21px,151px);animation-timing-function:var(--ease-out)}
  22.000%{transform:translate(28px,160px)}22.667%{transform:translate(28px,160px) scale(.84)}23.481%{transform:translate(28px,160px) scale(1)}
  26.000%{transform:translate(28px,160px);animation-timing-function:cubic-bezier(.4,0,.6,1)}
  27.778%{transform:translate(58px,390px);animation-timing-function:cubic-bezier(.2,.6,.4,1)}
  29.444%{transform:translate(102px,598px);animation-timing-function:var(--ease-out)}
  30.000%{transform:translate(96px,592px)}30.667%{transform:translate(96px,592px) scale(.84)}31.481%{opacity:1;transform:translate(96px,592px) scale(1)}
  32.333%{opacity:1;transform:translate(96px,592px)}34.000%,100.000%{opacity:0;transform:translate(118px,612px)}}
@keyframes ejx-onda-x{0.000%,22.667%{opacity:0;transform:scale(.35)}22.926%{opacity:.7;transform:scale(.45);animation-timing-function:var(--ease-out)}25.333%,100.000%{opacity:0;transform:scale(1.5)}}
@keyframes ejx-onda-y{0.000%,30.667%{opacity:0;transform:scale(.35)}30.926%{opacity:.7;transform:scale(.45);animation-timing-function:var(--ease-out)}33.333%,100.000%{opacity:0;transform:scale(1.5)}}
@keyframes ejx-vuela{
  0.000%,33.667%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.16)}
  33.852%{opacity:1;transform:translate(var(--fx),var(--fy)) scale(.16);animation-timing-function:cubic-bezier(.2,.6,.35,1)}
  34.815%{transform:translate(var(--mx),var(--my)) rotate(var(--tilt)) scale(1.06);animation-timing-function:cubic-bezier(.6,0,.85,.4);
    box-shadow:0 0 0 1px rgba(20,28,44,.06),0 12px 18px -6px rgba(60,48,28,.26),0 28px 30px -18px rgba(60,48,28,.30)}
  35.704%{transform:none;box-shadow:0 0 0 1px rgba(20,28,44,.09),0 1px 2px rgba(20,28,44,.08),0 6px 12px -8px rgba(60,48,28,.35)}
  35.926%{transform:scale(.992)}36.222%,95.852%{opacity:1;transform:none}
  95.926%,100.000%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.16)}}
@keyframes ejx-puesto{0.000%,39.074%{transform:translate(var(--dx),var(--dy));animation-timing-function:var(--ease-io)}40.556%,95.852%{transform:translate(var(--sx),var(--sy))}95.926%,100.000%{transform:translate(var(--dx),var(--dy))}}
@keyframes ejx-giro{0.000%,39.074%{transform:rotate(var(--r));animation-timing-function:var(--ease-io)}40.556%,95.852%{transform:none}95.926%,100.000%{transform:rotate(var(--r))}}
@keyframes ejx-golpe{0.000%,40.630%{transform:none;animation-timing-function:cubic-bezier(.5,0,1,.5)}40.926%{transform:translateY(3px) scaleY(.985)}
  41.333%{transform:translateY(-1px);animation-timing-function:var(--ease-out)}41.778%,100.000%{transform:none}}
@keyframes ejx-cuenta{0.000%,33.852%{--ejx-n:0}38.889%,95.852%{--ejx-n:142}95.926%,100.000%{--ejx-n:0}}
@keyframes ejx-riel{0.000%,36.481%{opacity:0}37.222%,44.444%{opacity:1}45.556%,100.000%{opacity:0}}
@keyframes ejx-llena{0.000%,33.852%{transform:scaleX(0)}38.889%,95.852%{transform:scaleX(1)}95.926%,100.000%{transform:scaleX(0)}}
@keyframes ejx-separa{0.000%,42.000%{opacity:0;transform:translateX(-14px)}43.148%,48.259%{opacity:1;transform:none;animation-timing-function:var(--ease-out)}48.926%,100.000%{opacity:0;transform:none}}
@keyframes ejx-clip{0.000%,44.333%{opacity:0;transform:translate(-30px,-34px) rotate(-16deg)}
  45.519%{opacity:1;transform:translate(0,2px) rotate(2deg);animation-timing-function:var(--ease-out)}
  46.000%{transform:scale(1.04,.95)}46.481%,95.852%{opacity:1;transform:none}95.926%,100.000%{opacity:0}}
@keyframes ejx-tapa{0.000%,46.259%{opacity:0}47.333%,95.852%{opacity:1}95.926%,100.000%{opacity:0}}
@keyframes ejx-p1{0.000%,36.481%{opacity:0;transform:translateY(4px)}37.222%,39.259%{opacity:1;transform:none}39.815%,100.000%{opacity:0}}
@keyframes ejx-p2{0.000%,39.815%{opacity:0;transform:translateY(4px)}40.556%,44.444%{opacity:1;transform:none}45.000%,100.000%{opacity:0}}
@keyframes ejx-p3{0.000%,45.000%{opacity:0;transform:translateY(4px)}45.741%,48.519%{opacity:1;transform:none}49.259%,100.000%{opacity:0}}
@keyframes ejx-asoma-sobre{0.000%,49.259%{opacity:0;transform:translateY(34px) rotate(-2.5deg)}51.296%,95.852%{opacity:1;transform:none;animation-timing-function:var(--ease-out)}95.926%,100.000%{opacity:0}}
@keyframes ejx-entra{0.000%,51.481%{transform:none;animation-timing-function:cubic-bezier(.5,0,.3,1)}55.556%,95.852%{transform:translateY(172px) scale(.72)}95.926%,100.000%{transform:none}}
@keyframes ejx-solapa-abre{0.000%,49.259%{opacity:0;transform:translateY(34px) rotate(-2.5deg)}51.296%,55.926%{opacity:1;transform:scaleY(1);animation-timing-function:cubic-bezier(.55,0,1,.45)}
  56.889%{opacity:1;transform:scaleY(0)}56.926%,100.000%{opacity:0;transform:scaleY(0)}}
@keyframes ejx-solapa-cierra{0.000%,56.889%{opacity:0;transform:scaleY(0)}56.926%{opacity:1;transform:scaleY(0);animation-timing-function:cubic-bezier(0,.55,.45,1)}
  57.926%{opacity:1;transform:scaleY(1.02)}58.222%,95.852%{opacity:1;transform:none}95.926%,100.000%{opacity:0}}
@keyframes ejx-lacre{0.000%,58.333%{opacity:0;transform:scale(1.3) translateY(-6px)}59.000%{opacity:1;transform:scale(.94,.9);animation-timing-function:var(--ease-out)}
  59.630%,95.852%{opacity:1;transform:none}95.926%,100.000%{opacity:0}}
@keyframes ejx-sobre-sale{0.000%,61.111%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.5)}
  64.074%{transform:translate(calc(50cqi + 170px),-40px) rotate(-6deg);opacity:1}64.111%,100.000%{opacity:0;transform:none}}
@keyframes ejx-telefono{0.000%,64.074%{opacity:0;transform:translateY(26px)}66.667%,95.852%{opacity:1;transform:none;animation-timing-function:var(--ease-out)}95.926%,100.000%{opacity:0}}
@keyframes ejx-aviso{0.000%,67.778%{transform:translateY(-130%)}69.444%,72.963%{transform:none;animation-timing-function:var(--ease-out)}74.444%,100.000%{transform:translateY(-130%);animation-timing-function:cubic-bezier(.6,0,.9,.5)}}
@keyframes ejx-empuja{0.000%,72.222%{transform:none;animation-timing-function:var(--ease-out)}74.074%,95.852%{transform:translateY(92px)}95.926%,100.000%{transform:none}}
@keyframes ejx-llega{0.000%,72.593%{opacity:0;transform:translateY(-8px)}74.444%,95.852%{opacity:1;transform:none;animation-timing-function:var(--ease-out)}95.926%,100.000%{opacity:0}}
@keyframes ejx-resalta{0.000%,74.444%{opacity:1}79.630%,100.000%{opacity:.4}}
@keyframes ejx-dedo{0.000%,75.185%{opacity:0;transform:scale(.6)}76.296%{opacity:1;transform:scale(1);animation-timing-function:var(--ease-out)}
  77.037%{opacity:1;transform:scale(.84)}77.778%{opacity:.9;transform:scale(1)}78.889%,100.000%{opacity:0;transform:scale(1.1)}}
@keyframes ejx-abre{0.000%,77.778%{transform:translateX(104%)}80.000%,95.852%{transform:none;animation-timing-function:var(--ease-cajon)}95.926%,100.000%{transform:translateX(104%)}}
@media (prefers-reduced-motion:reduce){.ej-expediente .escenario *{animation:none!important}
.ej-expediente .formulario,.ej-expediente .aviso,.ej-expediente .dedo{opacity:0}}

/* ---- La sección (30-sep-2026): papel claro, texto a la izquierda y la escena a la derecha; en el celular, apiladas.
   Distinta del puente de abajo (banda marino) a propósito: dos bandas iguales seguidas serían un patrón repetido. ---- */
.articulo .ej-expediente{position:relative;left:50%;width:min(992px,calc(100vw - 2 * var(--g,20px)));transform:translateX(-50%);
  margin:clamp(48px,7vw,88px) 0;padding-top:28px;border-top:1px solid #14171C;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);
  gap:clamp(28px,5vw,64px);align-items:center;color:#14171C}
.articulo .ej-expediente h2{font:400 clamp(26px,3vw,34px)/1.15 'Aleo',Georgia,serif;letter-spacing:-.01em;color:#14171C;margin:0;padding:0;border:0;box-shadow:none;background:none;text-wrap:balance}
.articulo .ej-expediente h2::before,.articulo .ej-expediente h2::after{content:none}
.articulo .ej-expediente .ejx-lema{margin:12px 0 0;font:400 clamp(19px,1.8vw,22px)/1.35 'Aleo',Georgia,serif;color:#8A6A34;text-align:left;hyphens:manual}
.articulo .ej-expediente .ejx-prosa{margin:18px 0 0;font:400 17px/1.62 'Aleo',Georgia,serif;color:#2A2F36;max-width:46ch;
  text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;text-wrap:pretty}
.articulo .ej-expediente .ejx-cta{margin-top:26px;color:#F4F0EC;text-decoration:none;box-shadow:none}
.articulo .ej-expediente .ejx-cta:focus-visible{outline:2px solid #B47840;outline-offset:3px}
.articulo .ej-expediente .ejx-nota{margin:12px 0 0;font:400 13.5px/1.5 'Public Sans',sans-serif;color:#555B63;text-align:left}
.articulo .ej-expediente .ejx-letra{margin:8px 0 0;font:400 12px/1.5 'Public Sans',sans-serif;color:#686E76;text-align:left;max-width:46ch}
.articulo .ej-expediente .ejx-escena{min-width:0}
@media (max-width:760px){.articulo .ej-expediente{left:0;width:auto;transform:none;grid-template-columns:minmax(0,1fr)}}
/* Fuera de la vista, la escena se detiene (expediente.js): no gasta batería del visitante mientras lee otra cosa. */
.ej-expediente .escenario.ejx-pausa,.ej-expediente .escenario.ejx-pausa *,.ej-expediente .escenario.ejx-pausa *::before,
.ej-expediente .escenario.ejx-pausa *::after{animation-play-state:paused!important}
/* Blindaje contra las reglas generales del tema (.articulo p: margen, 17,5 px, justificado). :where = especificidad baja,
   así las reglas propias de la escena, que van después, siguen mandando. */
.ej-expediente .escenario :where(p,hr,label,small,time,b){margin:0;max-width:none;font-size:inherit;line-height:inherit;text-align:inherit;hyphens:manual}
.ej-expediente .escenario{font-family:'Aleo',Georgia,serif;color:#14171C;font-size:16px;line-height:normal;text-align:left}