/* Only pairing, TV controls and the phone's TV guide. */
[data-pagina="tele"] :focus-visible,[data-pagina="tv"] :focus-visible{outline:5px solid white!important;outline-offset:5px;box-shadow:0 0 0 10px #5a44ce!important}
.tele-grande .emparejar{max-width:1800px;padding:2vh 5vw;font-size:clamp(22px,2vw,36px)}
.tele-grande .emparejar h1{font-size:clamp(40px,4vw,68px);margin:.2em 0}
.tele-grande .emparejar-pasos{grid-template-columns:minmax(0,1fr) auto;gap:3vw}
.tele-grande .emparejar .codigo{font:700 clamp(100px,11vw,200px)/1.1 system-ui,sans-serif;letter-spacing:.07em;white-space:nowrap;overflow-wrap:normal;margin:.16em 0;direction:ltr}
.tele-grande .emparejar .qr{width:min(31vw,43vh);border-radius:16px}
.tele-grande .emparejar .tele-herramientas{margin:1rem 0}
.tele-grande .emparejar .ayuda{font-size:20px}
.tele-grande .emparejar .marca{margin:0}
.tele-grande .pie{font-size:14px;padding:.3rem}
.tele-grande .emparejar #tele-estado{font-size:22px;min-height:1.35em}
#tele-codigo,#tele-manual,#tele-ingreso,#conectar-codigo{direction:ltr;unicode-bidi:isolate}
#tele-link{direction:ltr;unicode-bidi:isolate}
#tele-ingreso{font:700 2.5rem/1.3 system-ui,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:.12em}
.tele-guia{margin-block-start:1.4rem}
.tele-guia article{border-block-start:1px solid var(--linea);padding:.8rem 0}
.tele-guia h3{font-size:1.1rem;margin:.3rem 0}
.tele-guia p{margin:.5rem 0;line-height:1.45}
.tele-panel code{font:inherit;font-weight:700;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
.tele-panel input{font-size:1.6rem;text-align:center;direction:ltr;text-transform:uppercase}
.tele-recomendado{border-inline-start:4px solid var(--acento);padding-inline-start:.8rem!important}
.tele-panel #transmitir{font-size:1rem}
@media(max-width:420px){.tele-panel{padding:1rem}.tele-panel h2{font-size:1.25rem}}
@media(max-width:700px){
  body[data-pagina="tv"]:not(.tele-grande) .tv-header{
    display:flex;flex-direction:column;align-items:center;text-align:center;
    gap:.6rem;padding:.85rem;min-inline-size:0;max-inline-size:100%;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header>div:first-child{
    display:flex;flex-direction:column;align-items:center;
    min-inline-size:0;inline-size:100%;max-inline-size:100%;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header .codigo{
    font-size:clamp(2.4rem,13vw,3.2rem);letter-spacing:.12em;
    max-inline-size:100%;overflow-wrap:anywhere;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header #link{
    font-size:.8rem;max-inline-size:100%;overflow-wrap:anywhere;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header .qr{
    inline-size:112px;max-inline-size:100%;height:auto;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header .acciones-tv{
    inline-size:100%;max-inline-size:100%;justify-content:center;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-header .tv-invitar a,
  body[data-pagina="tv"]:not(.tele-grande) .tv-header .acciones-tv button{
    min-inline-size:0;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;
  }
  body[data-pagina="tv"]:not(.tele-grande) .tv-mas[open]>div{
    inset-inline-start:0;inset-inline-end:0;min-inline-size:0;
    inline-size:min(240px,calc(100vw - 3rem));margin-inline:auto;
  }
}
