/* Diálogos Rock the Distance — misma familia visual que toastRTD.css.
   Colores literales para no depender de las variables CSS de cada página
   (las legales, el panel y perfil/ tienen tokens distintos). */
/* z-index por encima de CUALQUIER capa del sitio. Con 100000 el scrim perdía contra
   CUATRO overlays medidos, que quedaban PINTADOS encima del diálogo:
     100001      #rtdPrevModal, vista previa del comprobante   panel.php:1261
     2147483000  .ccx-modal, vista previa del correo           uiPanel.css:2811
     2147483000  #tlTip, tooltip de ayuda                      panel-correos.php:375
     2147483600  #rtdTipPortal, portal de tooltips             uiPanel.css:2795
   En los DOS primeros —que son modales de verdad— desde F-361 eso además significaba
   inertes: visibles y muertos, con su botón de cerrar apagado encima de un diálogo
   invisible. Los otros dos son tooltips y ya nacen con `pointer-events:none`.
   Un quinto, .cmp-wrap.cmp-fullscreen (panel.php:1351), EMPATABA en 100000 y ganaba
   el scrim por orden de documento (se inserta al final); se anota porque el margen
   era cero.
   2147483646 le gana a los cinco y deja arriba sólo el 2147483647 del cartel de
   error de support.js, que es diagnóstico y debe verse siempre. Los toasts ya
   estaban por debajo (99999 en toastRTD.css) y siguen igual. */
.rtdDlgScrim{position:fixed;inset:0;background:rgba(19,19,25,.5);z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:16px;animation:rtdDlgFade .18s ease}
.rtdDlg{background:#fff;color:#0F172A;font-family:'Nunito',sans-serif;border:1px solid #CBD5E1;border-left:6px solid #2563EB;border-radius:18px;max-width:480px;width:100%;max-height:82vh;overflow:auto;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 24px 60px -12px rgba(0,0,0,.65);padding:20px 22px;box-sizing:border-box;animation:rtdDlgIn .22s ease}
@keyframes rtdDlgFade{from{opacity:0}to{opacity:1}}
@keyframes rtdDlgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.rtdDlgTitulo{margin:0 0 10px;color:#0F172A;font:700 20px/1.35 'Nunito',sans-serif}
.rtdDlgTexto{margin:0 0 18px;color:#475467;font:400 15px/1.5 'Nunito',sans-serif;white-space:pre-line}
/* Casilla dentro del diálogo (F-366). Para que un diálogo con <input type=checkbox>
   no tenga que escribir los estilos EN LÍNEA, como tuvo que hacer el primero del
   sitio. Va dentro del .rtdDlgTexto, así que hereda de ahí color y tipografía.
   OJO al escribir el HTML: .rtdDlgTexto es `white-space:pre-line`, así que los saltos
   de línea ALREDEDOR del label sí se conservan y abren hueco. Dentro del label no:
   es flex, y una tira de texto en blanco no genera ítem.
   Hoy NO tiene consumidor: el único diálogo con casilla del sitio está en otro
   archivo, que este cambio no toca, y sigue llevando los estilos en línea. */
.rtdDlgCheck{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.rtdDlgCheck input[type="checkbox"]{margin-top:3px;flex:0 0 auto}
.rtdDlgPie{display:flex;gap:10px;justify-content:flex-end}
.rtdDlgBtn{height:39px;padding:0 18px;border:1.5px solid #CBD5E1;background:#F8FAFC;color:#0F172A;font:800 16px/1 'Nunito',sans-serif;border-radius:10px;cursor:pointer}
.rtdDlgBtn:hover{background:#fff;border-color:#2563EB;color:#2563EB}
.rtdDlgBtnPrimario{background:#2563EB;border-color:#2563EB;color:#fff}
.rtdDlgBtnPrimario:hover{background:#1D4ED8;border-color:#1D4ED8;color:#fff}
@media (max-width:640px){
  .rtdDlg{border-radius:14px;padding:18px}
  .rtdDlgTitulo{font-size:18px}
  .rtdDlgPie{flex-direction:column-reverse}
  .rtdDlgBtn{width:100%;height:44px}
}