/* Palgao Remesas · aspecto de la app de los remesadores (v35)
   Estética de la versión 2: oscuro con opción de claro, cristal, desenfoques y animaciones.
   TODO va bajo html.app-remesas (lo pone remesas.js solo para remesadores):
   a operadores y supervisor no les afecta nada de esta hoja.
   Orden: colores · base · fondo · cristal · barra de arriba · títulos · botones y campos ·
          resumen · tarjetas de remesa · hojas · deslizar · barra inferior · extras ·
          tablas en móvil · entrada animada · modo ligero · accesibilidad                */

html:not(.app-remesas) .rm-ui{display:none!important}

/* ---------- 1. Colores (claro) ---------- */
html.app-remesas{
  --rm-fondo:#EEF0F6;
  --rm-cristal:rgba(255,255,255,.58);
  --rm-cristal-2:rgba(250,251,254,.92);
  --rm-cristal-hoja:rgba(247,248,252,.9);
  --rm-barra:rgba(242,244,250,.72);
  --rm-borde:rgba(255,255,255,.85);
  --rm-brillo:rgba(255,255,255,.95);
  --rm-texto:#1B1F3C;
  --rm-texto-2:#565B74;
  --rm-linea:rgba(27,31,60,.1);
  --rm-chip:rgba(27,31,60,.05);
  --rm-chip-2:rgba(27,31,60,.09);
  --rm-campo:rgba(255,255,255,.78);
  --rm-flecha:rgba(255,255,255,.92);
  --rm-velo:rgba(24,26,40,.3);
  --rm-acento:#E62D4F;
  --rm-acento-relleno:#D62447;
  --rm-acento-texto:#C21D3D;
  --rm-acento-suave:rgba(230,45,79,.12);
  --rm-acento-sombra:rgba(230,45,79,.3);
  --rm-heroe:linear-gradient(150deg,#CF1F43 0%,#EC3F5A 100%);
  --rm-heroe-sombra:0 16px 34px rgba(230,45,79,.26);
  --rm-ok:#22C55E; --rm-ok-texto:#15803D; --rm-ok-fondo:rgba(34,197,94,.15);
  --rm-amb:#F59E0B; --rm-amb-texto:#94570A; --rm-amb-fondo:rgba(245,158,11,.18);
  --rm-err-texto:#C21D3D; --rm-err-fondo:rgba(230,45,79,.12);
  --rm-azul-texto:#2F56D9; --rm-azul-fondo:rgba(61,95,214,.12);
  --rm-orbe-1:rgba(230,45,79,.22);
  --rm-orbe-2:rgba(112,122,255,.3);
  --rm-orbe-3:rgba(255,168,112,.32);
  --rm-sombra:0 20px 44px rgba(27,31,60,.12);
  --rm-sombra-sm:0 8px 20px rgba(27,31,60,.07);
  --rm-anillo-fab:rgba(238,240,246,.92);
  /* Los colores de siempre de la app, adaptados a este aspecto */
  --bg:var(--rm-chip); --card:var(--rm-cristal); --text:var(--rm-texto); --muted:var(--rm-texto-2);
  --line:var(--rm-linea); --soft:var(--rm-linea); --accent:var(--rm-acento-relleno); --accent-dark:#B81B3B;
  --ok:var(--rm-ok-texto); --err:var(--rm-err-texto); --ambar:var(--rm-amb-texto); --sombra:var(--rm-sombra-sm);
  color-scheme:light;
}
/* ---------- 1 bis. Colores (oscuro) ---------- */
html.app-remesas.rm-oscuro{
  --rm-fondo:#0B0C11;
  --rm-cristal:rgba(30,32,44,.52);
  --rm-cristal-2:rgba(24,26,36,.94);
  --rm-cristal-hoja:rgba(21,23,32,.9);
  --rm-barra:rgba(13,14,20,.7);
  --rm-borde:rgba(255,255,255,.09);
  --rm-brillo:rgba(255,255,255,.07);
  --rm-texto:#F4F5F8;
  --rm-texto-2:#A3A7B8;
  --rm-linea:rgba(255,255,255,.09);
  --rm-chip:rgba(255,255,255,.06);
  --rm-chip-2:rgba(255,255,255,.11);
  --rm-campo:rgba(255,255,255,.06);
  --rm-flecha:rgba(0,0,0,.35);
  --rm-velo:rgba(0,0,0,.52);
  --rm-acento-texto:#FF6680;
  --rm-acento-suave:rgba(230,45,79,.2);
  --rm-ok-texto:#4ADE80; --rm-ok-fondo:rgba(34,197,94,.16);
  --rm-amb-texto:#F7B955; --rm-amb-fondo:rgba(245,165,36,.16);
  --rm-err-texto:#FF7A8E; --rm-err-fondo:rgba(230,45,79,.2);
  --rm-azul-texto:#9DB8FF; --rm-azul-fondo:rgba(93,128,255,.18);
  --rm-orbe-1:rgba(230,45,79,.34);
  --rm-orbe-2:rgba(78,84,210,.34);
  --rm-orbe-3:rgba(255,140,90,.13);
  --rm-sombra:0 22px 48px rgba(0,0,0,.42);
  --rm-sombra-sm:0 10px 22px rgba(0,0,0,.28);
  --rm-anillo-fab:rgba(11,12,17,.92);
  color-scheme:dark;
}

/* ---------- 2. Base ---------- */
html.app-remesas,html.app-remesas body{background:var(--rm-fondo);color:var(--rm-texto)}
html.app-remesas body{transition:background-color .45s ease,color .45s ease;-webkit-tap-highlight-color:transparent}
html.app-remesas a,html.app-remesas .link{color:var(--rm-acento-texto)}
html.app-remesas a:hover{color:var(--rm-acento-texto)}
html.app-remesas :focus-visible{outline:2px solid var(--rm-acento-texto);outline-offset:2px}
html.app-remesas .kpi b,html.app-remesas .rm-cant,html.app-remesas [data-cuenta],html.app-remesas td.num,html.app-remesas .rm-heroe-cant{
  font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-variant-numeric:tabular-nums}
html.app-remesas.rm-hoja body{overflow:hidden}
html.app-remesas .empty{color:var(--rm-texto-2)}
html.app-remesas .rm-escondido{display:none!important}

/* ---------- 3. Fondo con luces suaves en movimiento ---------- */
.rm-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.rm-fondo i{position:absolute;border-radius:50%;will-change:transform}
.rm-fondo i:nth-child(1){width:80vmax;height:80vmax;left:-35vmax;top:-38vmax;background:radial-gradient(closest-side,var(--rm-orbe-1),transparent 72%);animation:rmOrbe1 36s ease-in-out infinite alternate}
.rm-fondo i:nth-child(2){width:70vmax;height:70vmax;right:-38vmax;top:14vh;background:radial-gradient(closest-side,var(--rm-orbe-2),transparent 72%);animation:rmOrbe2 44s ease-in-out infinite alternate}
.rm-fondo i:nth-child(3){width:64vmax;height:64vmax;left:-12vmax;bottom:-40vmax;background:radial-gradient(closest-side,var(--rm-orbe-3),transparent 72%);animation:rmOrbe3 52s ease-in-out infinite alternate}
@keyframes rmOrbe1{to{transform:translate(14vmax,12vmax) scale(1.12)}}
@keyframes rmOrbe2{to{transform:translate(-12vmax,8vmax) scale(.92)}}
@keyframes rmOrbe3{to{transform:translate(10vmax,-10vmax) scale(1.08)}}

/* ---------- 4. Cristal ---------- */
html.app-remesas .card,html.app-remesas .kpi,html.app-remesas .table-card,html.app-remesas .block,
html.app-remesas .rm-barra,html.app-remesas .rm-buscar,html.app-remesas .live,html.app-remesas .rm-btn-tema{
  background:var(--rm-cristal);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid var(--rm-borde);box-shadow:var(--rm-sombra-sm),inset 0 1px 0 var(--rm-brillo);
  transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}
html.app-remesas .card{border-radius:26px}
html.app-remesas .kpi,html.app-remesas .table-card{border-radius:24px}
/* Cristal dentro de cristal: más ligero (y más rápido en móviles) */
html.app-remesas .ficha .card,html.app-remesas #panelConfirmar .card,html.app-remesas .table-card .card{
  -webkit-backdrop-filter:none;backdrop-filter:none;background:var(--rm-chip);box-shadow:none;border-color:var(--rm-linea)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.app-remesas .card,html.app-remesas .kpi,html.app-remesas .table-card,html.app-remesas .rm-barra,html.app-remesas .rm-buscar{background:var(--rm-cristal-2)}
}

/* ---------- 5. Barra de arriba ---------- */
html.app-remesas .nav{height:62px;padding:0 18px;flex-wrap:nowrap;background:var(--rm-barra);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid var(--rm-linea);box-shadow:none;transition:background-color .45s ease}
html.app-remesas .nav .seg,html.app-remesas .nav .nombre-user,html.app-remesas #logout{display:none!important}
html.app-remesas .nav .brand{min-width:0}
html.app-remesas .nav .brand img{height:22px}
html.app-remesas .nav .user{min-width:0;gap:10px;margin-left:auto}
html.app-remesas .avatar{width:40px;height:40px;background:linear-gradient(135deg,#FFE0CF,#E9A48F);color:#1B1F3C;
  box-shadow:0 0 0 2px var(--rm-borde);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
html.app-remesas a.avatar:active,html.app-remesas .rm-btn-tema:active{transform:scale(.88)}
.rm-btn-tema{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--rm-texto);cursor:pointer;padding:0}
.rm-btn-tema svg{width:21px;height:21px;overflow:visible}
.rm-solluna .rm-nucleo,.rm-solluna .rm-corte,.rm-solluna .rm-rayos{transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.34,1.3,.64,1),opacity .4s ease}
html.rm-oscuro .rm-solluna .rm-nucleo{transform:scale(1.6)}
html.rm-oscuro .rm-solluna .rm-corte{transform:translate(-7px,3px)}
html.rm-oscuro .rm-solluna .rm-rayos{opacity:0;transform:rotate(-45deg) scale(.4)}

/* ---------- 6. Estructura y títulos ---------- */
html.app-remesas .wrap{max-width:760px;padding:22px 18px calc(128px + env(safe-area-inset-bottom,0px))}
html.app-remesas h1{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
html.app-remesas .sub{font-size:15.5px;color:var(--rm-texto-2);margin-top:6px}
html.app-remesas .head{gap:14px}
html.app-remesas .tools .btn-sm{white-space:nowrap;flex:0 1 auto;padding:0 16px;font-size:13.5px}
html.app-remesas .tools .live{flex:none}
html.app-remesas .rm-saludo{margin:0 0 4px;font-size:15px;font-weight:500;color:var(--rm-texto-2)}
html.app-remesas .rm-seccion{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:26px 2px 12px;scroll-margin-top:80px}
html.app-remesas #aviso.msg{display:none}
html.app-remesas #panelConfirmar .aviso,html.app-remesas #vPendientes .aviso,html.app-remesas .ficha .aviso{display:block}
html.app-remesas .aviso{background:var(--rm-chip);color:var(--rm-texto-2);border-radius:16px;font-size:13.5px}
html.app-remesas .aviso b{color:var(--rm-texto)}
html.app-remesas .aviso-perfil{background:var(--rm-amb-fondo);color:var(--rm-amb-texto);border-radius:16px}
html.app-remesas .aviso-perfil a{color:var(--rm-acento-texto)}

/* ---------- 7. Botones y campos ---------- */
html.app-remesas .btn{height:54px;border-radius:17px;background:var(--rm-heroe);box-shadow:var(--rm-heroe-sombra);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .2s}
html.app-remesas .btn:hover{background:var(--rm-heroe);filter:brightness(1.05)}
html.app-remesas .btn-sm{height:40px;border-radius:20px;background:var(--rm-acento-relleno);box-shadow:0 6px 16px var(--rm-acento-sombra);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s}
html.app-remesas .btn:active,html.app-remesas .btn-sm:active,html.app-remesas .pill:active{transform:scale(.95)}
html.app-remesas .btn-sm[style*="var(--card)"],html.app-remesas .btn-sec{box-shadow:none;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--rm-borde)!important}
html.app-remesas .live{height:40px;border-radius:20px;padding:0 14px;box-shadow:none}
html.app-remesas .dot.off{background:var(--rm-texto-2)}
html.app-remesas .input,html.app-remesas .month{background-color:var(--rm-campo);border-color:var(--rm-linea);color:var(--rm-texto);border-radius:14px}
html.app-remesas .input::placeholder{color:var(--rm-texto-2);opacity:.9}
html.app-remesas .input:focus,html.app-remesas .input:focus-visible,html.app-remesas .money:focus-within{border-color:var(--rm-acento-texto);outline:3px solid var(--rm-acento-suave);outline-offset:0}
html.app-remesas .input:disabled{opacity:.6}
html.app-remesas select.input option{background:var(--rm-fondo);color:var(--rm-texto)}
html.app-remesas .pill{background:var(--rm-chip);border-color:var(--rm-linea);color:var(--rm-texto);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s,color .3s}
html.app-remesas .pill.on{background:var(--rm-acento-relleno);border-color:transparent;color:#fff;box-shadow:0 6px 16px var(--rm-acento-sombra)}
html.app-remesas .paginas button{background:var(--rm-cristal);border-color:var(--rm-borde);color:var(--rm-texto)}
html.app-remesas .interruptor input{background:var(--rm-chip-2)}
html.app-remesas .interruptor input:checked{background:var(--rm-ok)}
html.app-remesas .msg.ok{color:var(--rm-ok-texto)}
html.app-remesas .msg.err{color:var(--rm-err-texto)}
html.app-remesas .tag{background:var(--rm-chip-2);border-radius:9px;font-size:12px;font-weight:600}
html.app-remesas .est.ok{background:var(--rm-ok-fondo);color:var(--rm-ok-texto)}
html.app-remesas .est.pend{background:var(--rm-amb-fondo);color:var(--rm-amb-texto)}
html.app-remesas .est.err{background:var(--rm-err-fondo);color:var(--rm-err-texto)}
html.app-remesas .etiqueta-rem{margin-left:0;padding:3px 10px;border-radius:9px;font-size:12px;letter-spacing:0}
html.app-remesas .etiqueta-rem.libre{background:var(--rm-azul-fondo);color:var(--rm-azul-texto)}
html.app-remesas .etiqueta-rem.tomada{background:var(--rm-amb-fondo);color:var(--rm-amb-texto)}
html.app-remesas .etiqueta-rem.asignada{background:var(--rm-ok-fondo);color:var(--rm-ok-texto)}
html.app-remesas .camara{background:#000}

/* Buscador */
.rm-buscar{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:0 8px 0 16px;border-radius:26px}
.rm-buscar svg{width:20px;height:20px;flex-shrink:0;color:var(--rm-texto-2)}
html.app-remesas .rm-buscar .input{border:0;background:transparent;outline:none;height:52px;padding:0;font-size:16px}
html.app-remesas .rm-buscar .input:focus{outline:none}
html.app-remesas .rm-buscar:focus-within{border-color:var(--rm-acento-texto)}

/* ---------- 8. Resumen (Remesas e Historial) ---------- */
html.app-remesas .kpis{gap:12px;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.app-remesas .rm-stat{position:relative;overflow:hidden;min-height:168px;padding:16px 14px 18px 18px;border-radius:28px;
  display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;font:inherit;color:var(--rm-texto);cursor:default}
html.app-remesas button.rm-stat{cursor:pointer;width:100%}
html.app-remesas button.rm-stat:active{transform:scale(.96)}
.rm-stat-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;width:100%}
.rm-ilus{width:54px;height:54px;flex-shrink:0;display:block}
.rm-flecha{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rm-flecha);flex-shrink:0}
.rm-flecha svg{width:20px;height:20px}
.rm-stat-pie{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}
html.app-remesas .rm-stat small{font-size:14.5px;font-weight:500;color:inherit;opacity:.92}
html.app-remesas .rm-stat .rm-nota{font-size:12.5px;font-weight:500;opacity:.75}
.rm-valor{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
html.app-remesas .rm-stat b{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
html.app-remesas .rm-stat b.rm-largo{font-size:19px;letter-spacing:-.01em}
.rm-valor em{font-style:normal;font-size:15px;font-weight:600}
html.app-remesas .rm-stat.rm-hero{background:var(--rm-heroe);color:#fff;border:0;box-shadow:var(--rm-heroe-sombra),inset 0 1px 0 rgba(255,255,255,.28)}
html.app-remesas .rm-stat.rm-hero .rm-flecha{background:#fff;color:#111218}
html.app-remesas .rm-stat.rm-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.34) 48%,transparent 62%);transform:translateX(-120%)}
html.app-remesas main.rm-arranque .rm-stat.rm-hero::after{animation:rmBrillo 1.3s .9s cubic-bezier(.4,0,.2,1) both}
@keyframes rmBrillo{to{transform:translateX(120%)}}

/* Barra «Hoy» */
.rm-barra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:20px;margin-top:12px}
.rm-seg-est{flex:1 1 0;display:flex;align-items:flex-start;gap:8px;min-width:0}
.rm-punto{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff}
.rm-punto svg{width:13px;height:13px}
.rm-punto.ok{background:var(--rm-ok)}.rm-punto.amb{background:var(--rm-amb)}.rm-punto.acento{background:var(--rm-acento)}
.rm-seg-est small{display:block;font-size:12.5px;line-height:1.25;color:var(--rm-texto-2)}
.rm-seg-est b{display:block;font-size:16px;font-weight:700;margin-top:1px}
.rm-vbarra{width:2px;height:32px;border-radius:2px;background:var(--rm-acento-texto);opacity:.7;flex-shrink:0}

/* ---------- 9. Tarjetas de remesa ---------- */
html.app-remesas .card.rm-rem{padding:16px 18px;border-radius:24px}
.rm-rem-fila{display:flex;justify-content:space-between;align-items:center;gap:14px}
.rm-rem-info{min-width:0}
.rm-cant{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.rm-rem-lugar{font-size:15px;color:var(--rm-texto-2);margin-top:2px}
.rm-rem-meta{font-size:12.5px;color:var(--rm-texto-2);margin-top:4px}
.rm-rem-nombre{font-size:17.5px;font-weight:600;letter-spacing:-.01em}
.rm-rem-dir{font-size:14px;color:var(--rm-texto-2);margin-top:2px}
.rm-rem-linea{height:1px;background:var(--rm-linea);margin:12px 0 10px}
.rm-rem-ref{font-size:13.5px;color:var(--rm-texto-2);min-width:0;white-space:nowrap}
.rm-rem-ref .link{font-size:13px;margin-left:4px}
.rm-rem-der{display:flex;align-items:center;gap:12px;flex-shrink:0}
html.app-remesas .rm-rem .btn-sm{flex:none;min-height:0;padding:0 18px}
.rm-progreso{height:6px;border-radius:3px;background:var(--rm-chip-2);overflow:hidden;margin-top:12px}
.rm-progreso i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#F59E0B,#F7B955);transition:width .6s ease}

/* ---------- 10. Hojas (ventanas que suben desde abajo) ---------- */
.rm-asa{width:42px;height:5px;border-radius:3px;background:var(--rm-chip-2);margin:0 auto 6px;flex-shrink:0;touch-action:none;cursor:grab;position:relative}
.rm-asa::before{content:"";position:absolute;left:-40px;right:-40px;top:-14px;bottom:-14px}
html.app-remesas .ficha{background:var(--rm-velo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  align-items:flex-end;justify-content:center;padding:0;animation:rmVelo .3s ease}
html.app-remesas .ficha .caja{max-width:640px;min-height:0;max-height:92vh;overflow:auto;overscroll-behavior:contain;
  border-radius:30px 30px 0 0;padding:10px 22px calc(28px + env(safe-area-inset-bottom,0px));gap:16px;
  background:var(--rm-cristal-hoja);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  border:1px solid var(--rm-borde);border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.25);
  animation:rmHoja .5s cubic-bezier(.32,.72,0,1);transition:transform .45s cubic-bezier(.32,.72,0,1)}
html.app-remesas .ficha .caja h2{font-size:22px!important;letter-spacing:-.02em}
html.app-remesas #panelConfirmar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:41;margin:0 auto;width:100%;max-width:640px;
  max-height:92vh;overflow:auto;overscroll-behavior:contain;border-radius:30px 30px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));gap:14px;
  background:var(--rm-cristal-hoja);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  border:1px solid var(--rm-borde);border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.28);
  animation:rmHoja .5s cubic-bezier(.32,.72,0,1);transition:transform .45s cubic-bezier(.32,.72,0,1)}
html.app-remesas .reg{grid-template-columns:minmax(0,1fr);margin-top:0}
.rm-arrastrando{transition:none!important}
@keyframes rmHoja{from{transform:translateY(100%)}}
@keyframes rmVelo{from{opacity:0}}
@media (min-width:700px){
  html.app-remesas .ficha{align-items:center;padding:24px}
  html.app-remesas .ficha .caja,html.app-remesas #panelConfirmar{border-radius:30px;border-bottom:1px solid var(--rm-borde);animation-name:rmFlota}
  html.app-remesas #panelConfirmar{bottom:24px;max-height:calc(100vh - 48px)}
  @keyframes rmFlota{from{opacity:0;transform:translateY(40px) scale(.96)}}
}
.rm-velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--rm-velo);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s ease}
.rm-velo.rm-on{opacity:1;pointer-events:auto}
.rm-hoja-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}
html.app-remesas .rm-hoja-cab h2{font-size:20px}
html.app-remesas .rm-hoja-cab .link{font-size:15px;font-weight:600}
/* Cabecera roja con el importe */
.rm-heroe{position:relative;overflow:hidden;min-height:150px;padding:16px 16px 18px 20px;border-radius:26px;background:var(--rm-heroe);color:#fff;
  box-shadow:var(--rm-heroe-sombra);display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.rm-heroe-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.rm-heroe-chip{padding:5px 11px;border-radius:10px;background:rgba(255,255,255,.2);font-size:12.5px;font-weight:700}
.rm-heroe-etq{font-size:14px;font-weight:500;opacity:.95}
.rm-heroe-cant{font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
/* Datos del beneficiario */
.rm-datos{border-radius:22px;padding:2px 16px;background:var(--rm-chip);margin-top:12px}
.rm-dato{display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 0;border-bottom:1px solid var(--rm-linea)}
.rm-dato:last-child{border-bottom:0}
.rm-dato-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--rm-chip);border:1px solid var(--rm-linea);flex-shrink:0}
.rm-dato-ico svg,.rm-llamar svg{width:18px;height:18px}
.rm-dato-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.rm-dato-txt small{font-size:12.5px;color:var(--rm-texto-2)}
.rm-dato-txt b{font-size:15.5px;font-weight:600;overflow-wrap:anywhere}
html.app-remesas .rm-llamar{width:44px;height:44px;border-radius:50%;background:var(--rm-acento-relleno);color:#fff;display:grid;place-items:center;flex-shrink:0;
  box-shadow:0 8px 18px var(--rm-acento-sombra);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
html.app-remesas .rm-llamar:active{transform:scale(.88)}
html.app-remesas #fotoPrev{border-radius:16px!important;box-shadow:var(--rm-sombra-sm);max-height:170px!important;width:100%}
.rm-fotos svg{width:18px;height:18px;vertical-align:-4px;margin-right:6px}
html.app-remesas #panelConfirmar .rm-fotos .btn-sm{flex:1;display:inline-flex;align-items:center;justify-content:center;height:46px}

/* ---------- 11. Desliza para confirmar ---------- */
html.app-remesas button[data-rm-deslizar]{display:none}
.rm-desliza{--x:0px;--p:0;position:relative;height:66px;border-radius:33px;padding:5px;background:var(--rm-chip);border:1px solid var(--rm-linea);overflow:hidden;user-select:none;-webkit-user-select:none}
.rm-desliza-fondo{position:absolute;left:0;top:0;bottom:0;width:calc(var(--x) + 66px);border-radius:33px;background:var(--rm-heroe);
  opacity:calc(.3 + var(--p) * .7);transition:width .5s cubic-bezier(.34,1.3,.64,1),opacity .3s}
.rm-desliza-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-left:58px;
  font-size:15.5px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:calc(1 - var(--p) * 1.8);color:transparent;
  background:linear-gradient(90deg,var(--rm-texto-2) 0%,var(--rm-texto-2) 38%,var(--rm-texto) 50%,var(--rm-texto-2) 62%,var(--rm-texto-2) 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:rmBrilloTxt 2.6s linear infinite}
@keyframes rmBrilloTxt{from{background-position:100% 0}to{background-position:-150% 0}}
.rm-desliza-bola{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;border:0;padding:0;background:#fff;color:var(--rm-acento-relleno);
  display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.22);transform:translateX(var(--x));
  transition:transform .5s cubic-bezier(.34,1.3,.64,1);touch-action:none;cursor:grab}
.rm-desliza-bola svg{width:24px;height:24px}
.rm-desliza-bola .rm-b-tick{display:none}
.rm-desliza.rm-arrastra .rm-desliza-bola,.rm-desliza.rm-arrastra .rm-desliza-fondo{transition:none}
.rm-desliza.rm-hecho .rm-desliza-fondo{opacity:1}
.rm-desliza.rm-hecho .rm-desliza-txt{opacity:1;animation:none;background:none;color:#fff;padding:0 60px 0 0}
.rm-desliza.rm-hecho .rm-b-chev{display:none}
.rm-desliza.rm-hecho .rm-b-tick{display:block}
.rm-desliza.rm-pista .rm-desliza-bola{animation:rmPista .7s cubic-bezier(.3,.7,.4,1)}
@keyframes rmPista{30%{transform:translateX(30px)}55%{transform:translateX(0)}75%{transform:translateX(10px)}100%{transform:translateX(0)}}
.rm-desliza.rm-no{animation:rmNo .45s ease}
@keyframes rmNo{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}

/* ---------- 12. Barra inferior con botón central ---------- */
.rm-barra-inf{position:fixed;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:18;width:calc(100% - 24px);max-width:460px;margin:0 auto;
  height:70px;border-radius:28px;display:none;grid-template-columns:1fr 1.15fr .9fr 1.15fr 1fr;align-items:center;padding:0 6px;
  background:var(--rm-barra);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  border:1px solid var(--rm-borde);box-shadow:var(--rm-sombra),inset 0 1px 0 var(--rm-brillo);
  transition:transform .45s cubic-bezier(.32,.72,0,1),background-color .45s ease}
html.app-remesas.rm-dentro .rm-barra-inf{display:grid}
.rm-tab{position:relative;z-index:1;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  font-size:11.5px;font-weight:500;color:var(--rm-texto-2)!important;text-decoration:none;transition:color .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.rm-tab:active{transform:scale(.9)}
.rm-tab svg{width:25px;height:25px}
.rm-tab .rm-rell{fill:transparent;transition:fill .3s}
.rm-tab.rm-activa{color:var(--rm-acento-texto)!important;font-weight:600}
.rm-tab.rm-activa .rm-rell{fill:currentColor}
.rm-tab.rm-activa .rm-trazo-inv{stroke:var(--rm-fondo)}
.rm-badge{position:absolute;top:3px;left:50%;margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--rm-acento);color:#fff;
  font-size:11px;font-style:normal;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--rm-fondo);transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.rm-badge.rm-on{transform:scale(1)}
.rm-badge.rm-pop{animation:rmPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes rmPop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.rm-tab-ind{position:absolute;top:6px;bottom:6px;left:0;width:0;border-radius:22px;background:var(--rm-chip-2);opacity:0;
  transition:transform .55s cubic-bezier(.34,1.25,.64,1),width .55s cubic-bezier(.34,1.25,.64,1),opacity .3s}
.rm-fab{position:fixed;left:50%;bottom:calc(50px + env(safe-area-inset-bottom,0px));z-index:19;width:64px;height:64px;margin-left:-32px;border:0;padding:0;border-radius:50%;
  background:var(--rm-heroe);color:#fff;box-shadow:0 12px 30px rgba(230,45,79,.42),0 0 0 6px var(--rm-anillo-fab);display:none;place-items:center;cursor:pointer;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .45s}
html.app-remesas.rm-dentro .rm-fab{display:grid}
.rm-fab:active{transform:scale(.88)}
.rm-fab span{width:30px;height:30px;border-radius:50%;border:2.2px solid #fff;display:grid;place-items:center}
.rm-fab svg{width:16px;height:16px}
html.rm-escribe .rm-barra-inf,html.rm-escribe .rm-fab{transform:translateY(160%)}
.rm-sin-anim,.rm-sin-anim *{transition:none!important}
@media print{.rm-ui{display:none!important}}

/* ---------- 13. Segmentos, interruptores, menú, aviso y éxito ---------- */
.rm-segmento{position:relative;display:flex;gap:4px;padding:4px;border-radius:17px;background:var(--rm-chip);border:1px solid var(--rm-linea)}
.rm-seg-ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:13px;background:var(--rm-cristal-2);box-shadow:var(--rm-sombra-sm),inset 0 1px 0 var(--rm-brillo);
  transition:transform .5s cubic-bezier(.34,1.3,.64,1),width .5s cubic-bezier(.34,1.3,.64,1)}
.rm-segmento button{position:relative;z-index:1;flex:1;height:42px;border:0;border-radius:13px;background:transparent;font:inherit;font-size:14.5px;font-weight:500;color:var(--rm-texto-2);cursor:pointer;transition:color .3s}
.rm-segmento button[aria-pressed="true"]{color:var(--rm-texto);font-weight:600}
.rm-interruptor{display:flex;align-items:center;gap:14px;width:100%;padding:14px 2px;border:0;background:transparent;font:inherit;text-align:left;color:var(--rm-texto);cursor:pointer}
.rm-interruptor span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rm-interruptor b{font-size:15.5px;font-weight:600}
.rm-interruptor small{font-size:13px;color:var(--rm-texto-2)}
.rm-interruptor i{width:52px;height:32px;border-radius:16px;background:var(--rm-chip-2);position:relative;flex-shrink:0;transition:background-color .3s}
.rm-interruptor i::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.rm-interruptor[aria-checked="true"] i{background:var(--rm-ok)}
.rm-interruptor[aria-checked="true"] i::after{transform:translateX(20px)}
html.app-remesas .rm-ajustes{display:flex;flex-direction:column;gap:14px}
html.app-remesas .rm-ajustes h2{font-size:22px}

.rm-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:flex-end;justify-content:center;background:var(--rm-velo);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .35s ease}
.rm-menu[hidden]{display:none!important}
.rm-menu.rm-on{opacity:1}
.rm-menu-caja{width:100%;max-width:520px;max-height:92vh;overflow:auto;border-radius:30px 30px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));
  background:var(--rm-cristal-hoja);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  border:1px solid var(--rm-borde);border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.25);color:var(--rm-texto);
  transform:translateY(100%);transition:transform .5s cubic-bezier(.32,.72,0,1)}
.rm-menu.rm-on .rm-menu-caja{transform:translateY(0)}
.rm-menu-yo{display:flex;align-items:center;gap:14px;padding:10px 2px 16px}
.rm-menu-yo .avatar{width:54px;height:54px;font-size:18px}
.rm-menu-yo>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.rm-menu-yo b{font-size:18px;font-weight:700;letter-spacing:-.01em}
.rm-menu-yo small{font-size:13.5px;color:var(--rm-texto-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-menu-yo .link{font-size:15px;font-weight:600;align-self:flex-start;margin-top:6px}
.rm-fila{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:0 14px;margin-bottom:8px;border-radius:18px;border:0;
  background:var(--rm-chip);color:var(--rm-texto)!important;font:inherit;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;text-align:left}
.rm-fila span{flex:1}
.rm-fila svg{width:20px;height:20px;flex-shrink:0}
.rm-fila svg:last-child{color:var(--rm-texto-2)}
.rm-fila.rm-salir{color:var(--rm-acento-texto)!important;margin-top:8px}
.rm-menu-bloque{margin:14px 0 4px}
.rm-menu-bloque small{display:block;font-size:13px;font-weight:600;color:var(--rm-texto-2);margin:0 4px 8px}
@media (min-width:700px){
  .rm-menu{align-items:center}
  .rm-menu-caja{border-radius:30px;border-bottom:1px solid var(--rm-borde);transform:translateY(30px) scale(.97);opacity:0;transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .3s}
  .rm-menu.rm-on .rm-menu-caja{transform:none;opacity:1}
}

.rm-toast{position:fixed;left:50%;top:74px;z-index:70;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border-radius:18px;
  background:var(--rm-cristal-2);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  border:1px solid var(--rm-borde);box-shadow:var(--rm-sombra);color:var(--rm-texto);font-size:14.5px;font-weight:500;text-align:center;
  transform:translate(-50%,-160%);opacity:0;transition:transform .5s cubic-bezier(.34,1.3,.64,1),opacity .3s;pointer-events:none}
.rm-toast.rm-on{transform:translate(-50%,0);opacity:1}

.rm-exito{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:var(--rm-velo);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);opacity:0;pointer-events:none;transition:opacity .35s ease}
.rm-exito.rm-on{opacity:1;pointer-events:auto}
.rm-exito-caja{width:100%;max-width:340px;padding:30px 24px 22px;border-radius:32px;text-align:center;background:var(--rm-cristal-2);color:var(--rm-texto);
  border:1px solid var(--rm-borde);box-shadow:var(--rm-sombra);transform:scale(.9) translateY(12px);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.rm-exito.rm-on .rm-exito-caja{transform:none}
.rm-check{display:block;width:112px;height:112px;margin:0 auto 14px;overflow:visible}
.rm-check .rm-halo{fill:var(--rm-ok);opacity:0;transform-box:fill-box;transform-origin:center}
.rm-check .rm-anillo{fill:none;stroke:var(--rm-ok);stroke-width:6;stroke-linecap:round;stroke-dasharray:330;stroke-dashoffset:330;transform:rotate(-90deg);transform-origin:60px 60px}
.rm-check .rm-palo{fill:none;stroke:var(--rm-ok);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70}
.rm-exito.rm-on .rm-halo{animation:rmHalo 1.1s .2s cubic-bezier(.2,.8,.2,1) both}
.rm-exito.rm-on .rm-anillo{animation:rmTrazo .7s .1s cubic-bezier(.65,0,.35,1) forwards}
.rm-exito.rm-on .rm-palo{animation:rmTrazo .45s .6s cubic-bezier(.65,0,.35,1) forwards}
@keyframes rmHalo{0%{transform:scale(.5);opacity:.45}100%{transform:scale(1.35);opacity:0}}
@keyframes rmTrazo{to{stroke-dashoffset:0}}
.rm-exito-caja h2{font-size:23px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}
.rm-exito-caja p{font-size:15.5px;color:var(--rm-texto-2);margin:0 0 4px}
.rm-exito-caja .rm-exito-com{font-weight:600;color:var(--rm-ok-texto);margin-bottom:22px}
.rm-boton{width:100%;height:54px;border:0;border-radius:18px;background:var(--rm-heroe);color:#fff;font:inherit;font-size:16.5px;font-weight:700;cursor:pointer;
  box-shadow:var(--rm-heroe-sombra);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.rm-boton:active{transform:scale(.96)}

/* ---------- 14. Acceso (login) ---------- */
html.app-remesas .login .card{border-radius:30px;padding:30px 26px;box-shadow:var(--rm-sombra),inset 0 1px 0 var(--rm-brillo);animation:rmFlotaLogin .8s cubic-bezier(.2,.8,.2,1) both}
html.app-remesas .login h1{font-size:30px}
@keyframes rmFlotaLogin{from{opacity:0;transform:translateY(24px) scale(.97)}}

/* ---------- 15. Tablas convertidas en tarjetas en el móvil ---------- */
@media (max-width:700px){
  html.app-remesas .table-card{padding:18px 14px}
  html.app-remesas .table-card .scroll{margin:0;padding:0;overflow:visible}
  html.app-remesas .table-card table{min-width:0}
  html.app-remesas .table-card thead{display:none}
  html.app-remesas .table-card table,html.app-remesas .table-card tbody,html.app-remesas .table-card tr,html.app-remesas .table-card td{display:block;width:100%}
  html.app-remesas .table-card tbody tr{background:var(--rm-chip);border-radius:18px;padding:12px 14px;margin-bottom:10px}
  html.app-remesas .table-card tbody tr:hover{background:var(--rm-chip)}
  html.app-remesas .table-card td{border:0;padding:3px 0;text-align:left}
  html.app-remesas .table-card td:empty{display:none}
  html.app-remesas .table-card td.empty{text-align:center;padding:18px 4px}
  /* Historial: foto a la izquierda, destino e importes a la derecha */
  html.app-remesas .table-card tr.rm-fila-h{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"foto dest ent" "foto cod com" "foto fecha fondos";gap:2px 12px;align-items:center}
  html.app-remesas tr.rm-fila-h td{width:auto}
  html.app-remesas tr.rm-fila-h .h-foto{grid-area:foto;align-self:start}
  html.app-remesas tr.rm-fila-h .h-foto img{width:44px!important;height:44px!important;border-radius:12px!important}
  html.app-remesas tr.rm-fila-h .h-dest{grid-area:dest;font-weight:600}
  html.app-remesas tr.rm-fila-h .h-ent{grid-area:ent;text-align:right}
  html.app-remesas tr.rm-fila-h .h-cod{grid-area:cod;font-size:13px;color:var(--rm-texto-2);font-weight:500}
  html.app-remesas tr.rm-fila-h .h-com{grid-area:com;text-align:right;font-size:13px}
  html.app-remesas tr.rm-fila-h .h-fecha{grid-area:fecha;font-size:13px}
  html.app-remesas tr.rm-fila-h .h-fondos{grid-area:fondos;text-align:right}
  html.app-remesas tr.rm-fila-h .h-com::before{content:"Tu comisión ";font-weight:400;color:var(--rm-texto-2)}
}
html.app-remesas td{border-bottom-color:var(--rm-linea)}
html.app-remesas th{border-bottom-color:var(--rm-linea);color:var(--rm-texto-2)}
html.app-remesas tbody tr:hover{background:var(--rm-chip)}
html.app-remesas .desglose{border-left-color:var(--rm-linea)}
html.app-remesas .desglose .dl{border-bottom-color:var(--rm-linea)}
html.app-remesas .table-card .top h3{font-size:18px!important}

/* ---------- 16. Entrada animada (al abrir y al cambiar de pestaña) ---------- */
html.app-remesas main.rm-anim > .head,
html.app-remesas main.rm-anim > section:not(.hidden) .card:not(#panelConfirmar),
html.app-remesas main.rm-anim > section:not(.hidden) .kpi,
html.app-remesas main.rm-anim > .kpis > .kpi,
html.app-remesas main.rm-anim > section:not(.hidden) .rm-barra,
html.app-remesas main.rm-anim > .rm-buscar,
html.app-remesas main.rm-anim > .card,
html.app-remesas main.rm-anim > .table-card,
html.app-remesas main.rm-anim > .seg{animation:rmEntra .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--rm-i,0) * 45ms)}
html.app-remesas main.rm-arranque > .head,
html.app-remesas main.rm-arranque > section:not(.hidden) .card:not(#panelConfirmar),
html.app-remesas main.rm-arranque > section:not(.hidden) .kpi,
html.app-remesas main.rm-arranque > .kpis > .kpi,
html.app-remesas main.rm-arranque > section:not(.hidden) .rm-barra,
html.app-remesas main.rm-arranque > .rm-buscar,
html.app-remesas main.rm-arranque > .card,
html.app-remesas main.rm-arranque > .table-card{animation-name:rmArranca;animation-duration:.85s;animation-delay:calc(var(--rm-i,0) * 65ms)}
@keyframes rmEntra{from{opacity:0;transform:translateY(16px) scale(.98)}}
@keyframes rmArranca{from{opacity:0;transform:translateY(20px) scale(.97);filter:blur(8px)}}

/* ---------- 17. Cambio de tema: el nuevo se abre en círculo ---------- */
html.rm-vt *{transition:none!important}
html.rm-vt::view-transition-old(root),html.rm-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}

/* ---------- 18. Modo ligero: sin desenfoques ni animaciones ---------- */
html.app-remesas.rm-ligero .card,html.app-remesas.rm-ligero .kpi,html.app-remesas.rm-ligero .table-card,html.app-remesas.rm-ligero .rm-barra,
html.app-remesas.rm-ligero .rm-buscar,html.app-remesas.rm-ligero .live,html.app-remesas.rm-ligero .rm-btn-tema,html.app-remesas.rm-ligero .nav,
html.app-remesas.rm-ligero .rm-barra-inf,html.app-remesas.rm-ligero .ficha,html.app-remesas.rm-ligero .ficha .caja,html.app-remesas.rm-ligero #panelConfirmar,
html.app-remesas.rm-ligero .rm-velo,html.app-remesas.rm-ligero .rm-menu,html.app-remesas.rm-ligero .rm-menu-caja,html.app-remesas.rm-ligero .rm-toast,
html.app-remesas.rm-ligero .rm-exito,html.app-remesas.rm-ligero .btn-sm{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.app-remesas.rm-ligero .card,html.app-remesas.rm-ligero .kpi,html.app-remesas.rm-ligero .table-card,html.app-remesas.rm-ligero .rm-barra,
html.app-remesas.rm-ligero .rm-buscar,html.app-remesas.rm-ligero .live,html.app-remesas.rm-ligero .rm-btn-tema,html.app-remesas.rm-ligero .nav,
html.app-remesas.rm-ligero .rm-barra-inf,html.app-remesas.rm-ligero .ficha .caja,html.app-remesas.rm-ligero #panelConfirmar,html.app-remesas.rm-ligero .rm-menu-caja{background-color:var(--rm-cristal-2)}
html.app-remesas.rm-ligero .rm-stat.rm-hero{background:var(--rm-heroe)}
html.app-remesas.rm-ligero .rm-fondo i,html.app-remesas.rm-ligero .rm-desliza-txt{animation:none}
html.app-remesas.rm-ligero .rm-desliza-txt{color:var(--rm-texto-2);background:none}
html.app-remesas.rm-ligero .rm-desliza.rm-hecho .rm-desliza-txt{color:#fff}

/* ---------- 19. Accesibilidad ---------- */
@media (prefers-reduced-motion:reduce){
  .rm-check .rm-anillo,.rm-check .rm-palo{stroke-dashoffset:0}
  .rm-desliza-txt{color:var(--rm-texto-2);background:none}
  .rm-desliza.rm-hecho .rm-desliza-txt{color:#fff}
}
@media (prefers-reduced-transparency:reduce){
  html.app-remesas .card,html.app-remesas .kpi,html.app-remesas .table-card,html.app-remesas .rm-barra,html.app-remesas .rm-buscar,
  html.app-remesas .nav,html.app-remesas .rm-barra-inf,html.app-remesas .ficha .caja,html.app-remesas #panelConfirmar,html.app-remesas .rm-menu-caja{
    -webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--rm-cristal-2)}
}