/* Permisos especiales: dos tarjetas integradas en los colores ya utilizados por El Palacio. */
.sersoe-perm-dual .srperm-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:15px;max-width:940px;margin:22px 0}
.sersoe-perm-dual .srperm-tarjeta{display:flex!important;flex-direction:column;gap:6px;box-sizing:border-box;min-height:116px;padding:20px 22px!important;border:2px solid #7A263A!important;border-radius:8px;background:#EAD9AD!important;color:#292421!important;text-decoration:none!important;line-height:1.32!important;box-shadow:none!important}
.sersoe-perm-dual .srperm-tarjeta strong{display:block;color:#7A263A!important;font-size:19px;line-height:1.25}
.sersoe-perm-dual .srperm-tarjeta span{display:block;color:#292421!important;font-size:16px;line-height:1.35}
.sersoe-perm-dual .srperm-tarjeta:hover,.sersoe-perm-dual .srperm-tarjeta:focus-visible{background:#EFE1BF!important;outline:2px solid #7A263A;outline-offset:2px}
/* Los filtros comparten una sola fila; en pantallas estrechas se desplazan horizontalmente. */
.sersoe-perm-dual .srperm-filtros{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:12px;max-width:100%;overflow-x:auto;overflow-y:visible;padding:0 0 8px;box-sizing:border-box}
.sersoe-perm-dual .srperm-filtros .srperm-filtro{display:flex;flex:0 0 auto;flex-direction:column;gap:7px;white-space:nowrap;font-size:19px;line-height:1.3;font-weight:600}
.sersoe-perm-dual .srperm-filtros .srperm-filtro[hidden]{display:none!important}
.sersoe-perm-dual .srperm-filtros input,.sersoe-perm-dual .srperm-filtros select{box-sizing:border-box;width:100%!important;max-width:100%;margin:0!important;height:auto!important;min-height:48px!important;padding:8px 10px!important;font-size:18px!important;line-height:1.35!important;font-weight:400}
.sersoe-perm-dual .srperm-filtro-busqueda{width:190px}
.sersoe-perm-dual .srperm-filtro-voluntario{width:360px}
.sersoe-perm-dual .srperm-filtro-ambito{width:240px}
.sersoe-perm-dual .srperm-filtro-campana{width:260px}
.sersoe-perm-dual .srperm-filtros > button{flex:0 0 auto;min-height:48px;margin:0 0 1px!important;white-space:nowrap}
/* Mensaje de resultado: real, propio del plugin y sin avisos nativos del navegador. */
.srperm-overlay{position:fixed!important;inset:0;z-index:2147483620;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.srperm-overlay .srperm-dialogo{width:min(680px,96vw);max-height:88vh;overflow:auto;box-sizing:border-box;border:3px solid #1709E7;border-radius:12px;background:#FFF9ED;color:#192B47;padding:24px;box-shadow:0 15px 50px #0007;font:16px/1.5 Arial,Helvetica,sans-serif}
.srperm-overlay .srperm-dialogo h2{font:bold 23px/1.2 Arial,Helvetica,sans-serif!important;color:#1709E7!important;margin:0 0 16px!important}
.srperm-overlay .srperm-dialogo p{font:16px/1.5 Arial,Helvetica,sans-serif!important;color:#192B47!important;margin:0 0 22px!important}
.srperm-overlay .srperm-dialogo-acciones{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.srperm-overlay .srperm-boton{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:45px;padding:9px 14px!important;border:2px solid transparent;border-radius:7px;text-align:center;text-decoration:none!important;font:bold 14px/1.3 Arial,Helvetica,sans-serif!important;color:white!important;cursor:pointer}
.srperm-overlay .srperm-azul{background:#1709E7!important;border-color:#1709E7!important}
.srperm-overlay .srperm-verde{background:#166534!important;border-color:#166534!important}
.srperm-overlay .srperm-salir{background:#8B1E1E!important;border-color:#8B1E1E!important}
.srperm-overlay .srperm-boton:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
