body{font-family:Arial,sans-serif;margin:0;color:#222;}
header,footer{background:var(--color-cabecera,#1b3a5c);color:var(--color-texto-cabecera,#fff);padding:1em;}
header a{color:var(--color-texto-cabecera,#fff);margin-right:1em;}
main{padding:1em;}
label{display:block;margin-top:.8em;}
input,button{padding:.4em;margin-top:.2em;}
button{cursor:pointer;}
dialog{border:1px solid var(--color-acento,#1b3a5c);padding:1.5em;min-width:300px;}
dialog::backdrop{background:rgba(0,0,0,.5);}
dialog ul{list-style:none;padding:0;max-height:300px;overflow-y:auto;}
dialog ul li{padding:.4em;cursor:pointer;}
dialog ul li:hover{background:#eee;}
img.visor,video.visor{max-width:100%;height:auto;}
.visor-barra strong{margin-right:1em;}
.visor-barra a{margin-right:1em;}
iframe.visor{width:100%;height:80vh;border:0;}
.ojito{margin-left:.3em;padding:.2em .5em;cursor:pointer;}
header img.logo{max-height:60px;width:auto;vertical-align:middle;margin-bottom:.5em;display:block;}
img.logo-preview{max-width:200px;height:auto;border:1px solid #ccc;}
.enlace-configurar{font-size:.85em;text-decoration:none;opacity:.8;}
.enlace-configurar:hover{opacity:1;}