/* QR de la página en la barra de migas de pan */
.fq-migas { display: flex !important; align-items: center; gap: .75rem; }
.fq-migas > ol.breadcrumb, .fq-migas > .breadcrumb { flex: 1 1 auto; min-width: 0; }
.fq-boton {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: .35rem; margin-left: auto;
  padding: .25rem .6rem; border: 1px solid #c9def3; border-radius: 999px; background: #e2effb; color: #244b6e;
  font: inherit; font-size: .78rem; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background .15s, border-color .15s;
}
.fq-boton:hover, .fq-boton:focus-visible { background: #d3e6f8; border-color: #4387cd; outline: none; }
.fq-dialogo {
  width: min(320px, calc(100vw - 32px)); padding: 1.1rem 1.2rem 1rem; border: 1px solid #dee2e6; border-radius: 14px;
  background: #fff; color: #212529; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); text-align: center;
}
.fq-dialogo::backdrop { background: rgba(10, 15, 25, .45); }
.fq-dialogo:not([open]) { display: none; }
.fq-cerrar { position: absolute; top: .5rem; right: .6rem; width: 1.8rem; height: 1.8rem; border: 0; border-radius: 50%; background: none; color: #6c757d; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.fq-cerrar:hover { background: #f1f3f5; color: #212529; }
.fq-cab { margin: 0 1.5rem .6rem; }
.fq-tipo { font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #4387cd; }
.fq-titulo { font-size: 1.05rem; font-weight: 700; color: #244b6e; overflow-wrap: anywhere; }
.fq-codigo { width: 220px; max-width: 100%; margin: 0 auto; }
.fq-codigo svg { display: block; width: 100%; height: auto; }
.fq-url { margin-top: .35rem; font-size: .8rem; color: #495057; overflow-wrap: anywhere; }
.fq-acciones { display: flex; justify-content: center; flex-wrap: wrap; gap: .4rem; margin-top: .75rem; }
.fq-btn { padding: .4rem .8rem; border: 1px solid #dee2e6; border-radius: 999px; background: #fff; color: #212529; font: inherit; font-size: .8rem; cursor: pointer; }
.fq-btn:hover { background: #f1f3f5; border-color: #adb5bd; }
.fq-btn--claro { background: #4387cd; border-color: #4387cd; color: #fff; font-weight: 700; }
.fq-btn--claro:hover { background: #3a76b5; border-color: #3a76b5; }
.fq-nota { margin-top: .6rem; font-size: .7rem; color: #868e96; }
@media print { .fq-boton { display: none; } }