/* popup */
.rel .cover{width:100%;cursor:pointer;text-align:left;color:inherit;font-family:var(--display);border:4px solid var(--tinta)}
.rel .cover:hover{outline:4px solid var(--rojo);outline-offset:0}
.abrir{display:inline-block;margin-top:10px;background:var(--rojo);color:#fff;border:3px solid var(--rojo);padding:7px 16px;font:800 .9rem var(--display);cursor:pointer}
.abrir:hover{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}
dialog{border:0;background:none;color:var(--tinta);padding:0;width:min(560px,calc(100% - 24px));max-height:none;overflow:visible}
.dbox{border:4px solid var(--tinta);background:var(--fondo);max-height:calc(100dvh - 24px);overflow:auto}
.nv{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:4px solid var(--tinta);background:var(--fondo);color:var(--tinta);font:800 2.2rem/1 var(--display);padding:0 0 6px;cursor:pointer}
.nv:hover{background:var(--rojo);border-color:var(--rojo);color:#fff}
.nv-p{right:calc(100% + 12px)}.nv-n{left:calc(100% + 12px)}
@media (max-width:700px){.nv{top:calc(100% + 12px);transform:none;width:64px;height:48px;padding:0 0 4px}.nv-p{right:auto;left:0}.nv-n{left:auto;right:0}}
dialog::backdrop{background:#000b}
.dh{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 20px 16px;border-bottom:4px solid var(--tinta)}
.dh h3{font-size:1.7rem;text-transform:uppercase;letter-spacing:-.01em}
.dh p{margin:6px 0 0;font:500 .9rem/1.4 var(--display)}
.dx{flex:none;background:var(--tinta);color:var(--fondo);border:0;width:40px;height:40px;font:800 1.4rem var(--display);cursor:pointer}
.dx:hover{background:var(--rojo);color:#fff}
.dp{padding:16px 20px 0}
.dp iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}
@media (min-height:880px){.dp iframe{height:352px}}
.dp small{display:block;margin:8px 0 0;font:italic 300 .8rem/1.5 var(--texto)}
.plats{list-style:none;margin:0;padding:16px 20px 20px}
.plats li+li{margin-top:8px}
.plats a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:3px solid var(--tinta);text-decoration:none;font:800 1.05rem var(--display)}
.plats b{display:flex;align-items:center;gap:10px;font:inherit}.plats svg{width:26px;height:26px;flex:none;fill:currentColor}
.plats a:hover{background:var(--tinta);color:var(--fondo)}
.plats a.dir{background:var(--rojo);border-color:var(--rojo);color:#fff}
.plats a.dir:hover{background:var(--tinta);border-color:var(--tinta)}
.plats span{font:500 .8rem var(--display)}