/* La cabecera elige el material; cada pantalla conserva medidas y posición. */
:root {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-rojo.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-rojo.webp?v=1793322852');
}
:is(.co-inf-cabecera, .inf-cabecera, .td-cabecera, .cns-cerrar, .mg-cerrar) {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-azul.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-azul.webp?v=1793322852');
}
:is(.emb-cabecera, .pr-cabecera, .gm-cabecera, .mg-reinos-dialogo, .fo-capa,
    .ap-denuncia, .perfil-informe, .ef-generales-selector, .mm-cerrar, .acel-cerrar, .inv-salir, .jefe-ventana) {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-bronce.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-bronce.webp?v=1793322852');
}
:is(.chat-conv-head, .gp3-info-cerrar, .tdc-cerrar) {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-oro.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-oro.webp?v=1793322852');
}
.al-cabecera {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-azul-real.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-azul-real.webp?v=1793322852');
}
.tal-panel-cabecera {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-verde.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-verde.webp?v=1793322852');
}
#alPanel[data-vista="vistaEdificios"] > .al-cabecera {
    --control-cerrar: url('../assets/ui/controles-cabecera/cerrar-rojo.webp');
    --control-volver: url('../assets/ui/controles-cabecera/volver-rojo.webp?v=1793322852');
}
button:is(.control-cerrar, .control-volver) {
    appearance: none;
    border-color: transparent !important;
    border-image: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: var(--control-arte-tamano, contain) !important;
    background-repeat: no-repeat !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-blend-mode: normal !important;
    box-shadow: none !important;
    color: transparent !important;
    text-shadow: none !important;
    cursor: pointer;
    touch-action: manipulation;
}
button.control-cerrar { background-image: var(--control-cerrar) !important; }
button.control-volver { background-image: var(--control-volver) !important; }
button:is(.control-cerrar, .control-volver):hover:not(:disabled) { filter: brightness(1.1); }
button:is(.control-cerrar, .control-volver):active:not(:disabled) { filter: brightness(.82); }
button:is(.control-cerrar, .control-volver):disabled { filter: brightness(.55); cursor: default; }
button:is(.control-cerrar, .control-volver):focus-visible {
    outline: 2px solid var(--reino-oro-claro, #f1d49a);
    outline-offset: 2px;
}