/* Panel de periodo como desplegable (impeccable + Taste): sin cabecera de ventana ni botón naranja enorme. Filas
   compactas de una línea (nombre a la izquierda, fechas a la derecha), la elegida con fondo gris y radio en tinta;
   «Comparar con» cabe sin scroll; pie fijo con «Restablecer» discreto a la izquierda y «Aplicar» en marino. */
body.modo-general .gen-modal-fondo.sp-pop .gen-modal { width:420px !important; padding:0 !important; scrollbar-width:thin; scrollbar-color:#cfd4db transparent; font-family:var(--gx-letra); }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-cab { align-items:center; margin:0 !important; padding:12px 12px 4px 16px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-cab h2 { font-size:15px !important; font-weight:600 !important; letter-spacing:-.01em; color:var(--gx-tinta) !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-x { width:30px; height:30px; display:grid; place-items:center; border:0 !important; border-radius:8px; background:none !important; color:var(--gx-tenue); font-size:13px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-x:hover { background:var(--sp-riel, #ebedf0) !important; color:var(--gx-tinta); }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal h3 { margin:10px 16px 4px !important; font-size:12px !important; font-weight:600 !important; color:var(--gx-tenue) !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion { margin:0 6px; padding:7px 10px !important; gap:10px; border:0 !important; border-radius:8px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion:hover { background:#f5f6f8; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion:has(input:checked) { background:var(--sp-riel, #ebedf0); }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion > span { flex:1; min-width:0; flex-direction:row !important; align-items:baseline; justify-content:space-between; gap:12px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion b { font-size:13.5px !important; font-weight:500 !important; color:var(--gx-tinta) !important; white-space:nowrap; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion:has(input:checked) b { font-weight:600 !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion em { font-size:12px !important; color:var(--gx-tenue) !important; text-align:right; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion input { order:-1; appearance:none; -webkit-appearance:none; flex:none; width:16px !important; height:16px !important; margin:0; border:1.5px solid #b8bec8; border-radius:50%; background:#fff; transition:border-width var(--duration-quick, 150ms) ease-out, border-color var(--duration-quick, 150ms) ease-out; }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion input:checked { border:5px solid var(--gx-tinta); }
body.modo-general .gen-modal-fondo.sp-pop .gen-opcion input:focus-visible { outline:2px solid #c2410c; outline-offset:2px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-fechas { margin:6px 16px 2px !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-fechas input { height:34px; border-radius:8px; font-size:13px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal > .caso-meta { margin:6px 16px 0; font-size:12px; color:var(--gx-tenue); }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal hr { margin:10px 16px 0 !important; border-color:var(--gx-linea) !important; opacity:1; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-acciones { position:sticky; bottom:0 !important; margin:10px 0 0 !important; padding:10px 12px !important; gap:8px !important; background:#fff; border-top:1px solid var(--gx-linea) !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-acciones .caso-meta:empty { display:none; }
body.modo-general .gen-modal-fondo.sp-pop .gen-modal-acciones .caso-meta { color:#b42318 !important; font-size:12.5px; }
body.modo-general .gen-modal-fondo.sp-pop .gen-restablecer { order:1; margin-right:auto !important; height:34px; padding:0 12px; border-radius:8px; background:none; text-decoration:none !important; font-size:13px !important; font-weight:500; color:var(--gx-texto) !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-restablecer:hover { background:#f5f6f8; color:var(--gx-tinta) !important; }
body.modo-general .gen-modal-fondo.sp-pop .gen-aplicar { order:2; flex:none !important; height:34px; padding:0 18px !important; border-radius:8px !important; background:var(--sp-marino, #232f3e) !important; color:#fff !important; font-size:13.5px; font-weight:600 !important; transition:background-color var(--duration-quick, 150ms) ease-out; }
body.modo-general .gen-modal-fondo.sp-pop .gen-aplicar:hover { background:#16191f !important; }
@media (prefers-reduced-motion: reduce) { body.modo-general .gen-modal-fondo.sp-pop :is(.gen-opcion input, .gen-aplicar) { transition:none !important; } }