.videos-pagina{min-height:100svh}.videos-pagina__cabeza{margin-bottom:var(--espacio-5)}.videos-rejilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:60rem;margin:0 auto;padding:0;list-style:none;display:grid}.videos-rejilla:empty{display:none}.videos-rejilla__boton{aspect-ratio:9/16;background:var(--color-superficie);width:100%;color:var(--color-papel);cursor:pointer;font:inherit;text-align:left;border:0;border-radius:.35rem;padding:0;display:block;position:relative;overflow:hidden}.videos-rejilla__boton video{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .4s var(--entra);position:absolute;inset:0}.videos-rejilla__boton:hover video{transform:scale(1.03)}.videos-rejilla__boton:focus-visible{outline:3px solid var(--color-rojo);outline-offset:3px}.videos-rejilla__icono{background:#0a0a0a8c;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;display:grid;position:absolute;top:.55rem;right:.55rem}.videos-rejilla__icono svg{width:1rem;height:1rem;fill:var(--color-papel)}.videos-rejilla__titulo{font-size:.95rem;font-weight:var(--peso-medio);letter-spacing:-.01em;background:linear-gradient(#0a0a0a00,#0a0a0ae0);padding:2.75rem .75rem .7rem;line-height:1.2;position:absolute;inset:auto 0 0}.videos-rejilla__titulo>span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.videos-pagina__aviso{max-width:60rem;padding:var(--espacio-4) var(--espacio-3);border:var(--linea);color:var(--color-humo);font-size:var(--texto-grande);text-align:center;border-radius:.5rem;margin:0 auto}.videos-pagina__aviso[hidden]{display:none}@media (width<=767px){.videos-rejilla{margin-inline:calc(var(--margen) * -1);gap:2px}.videos-rejilla__boton{border-radius:0}.videos-rejilla__icono{width:1.45rem;height:1.45rem;top:.35rem;right:.35rem}.videos-rejilla__icono svg{width:.75rem;height:.75rem}.videos-rejilla__titulo{padding:1.75rem .45rem .45rem;font-size:.72rem}.videos-rejilla__titulo>span{-webkit-line-clamp:2;line-clamp:2}}html.visor-abierto{overflow:hidden}.visor{z-index:1000;color:var(--color-papel);background:#000;position:fixed;inset:0}.visor[hidden]{display:none}.visor__pista{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:auto}.visor__pista::-webkit-scrollbar{display:none}.visor__pista .visor__video{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:100dvh;display:grid;position:relative}.visor__pista video{object-fit:contain;background:#000;width:100%;max-width:56.25dvh;height:100%}.visor__pista .visor__video--vertical video{object-fit:cover}.visor__pista .visor__titulo{max-width:56.25dvh;padding:4rem max(1.25rem, env(safe-area-inset-left)) max(1.5rem, env(safe-area-inset-bottom));font-size:1.15rem;font-weight:var(--peso-medio);pointer-events:none;background:linear-gradient(#0000,#000c);margin:0 auto;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.visor__barra{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;gap:.75rem;display:flex;position:absolute}.visor__flechas{top:50%;right:max(1.5rem, env(safe-area-inset-right));gap:.75rem;display:grid;position:absolute;transform:translateY(-50%)}.visor__boton{min-height:3rem;color:var(--color-papel);cursor:pointer;font:inherit;font-size:.95rem;font-weight:var(--peso-medio);pointer-events:auto;backdrop-filter:blur(8px);background:#0a0a0a9e;border:1px solid #f3eee438;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex}.visor__boton--redondo{justify-content:center;width:3rem;padding:0}.visor__boton svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.35rem;height:1.35rem}.visor__boton [data-icono-sonido],.visor__boton[aria-pressed=true] [data-icono-silencio]{display:none}.visor__boton[aria-pressed=true] [data-icono-sonido]{display:block}.visor__boton:hover{background:#0a0a0ad1}.visor__boton:focus-visible{outline:3px solid var(--color-rojo);outline-offset:2px}.visor__boton:disabled{cursor:default;opacity:.35}@media (hover:none) and (pointer:coarse){.visor__flechas{display:none}}@media (prefers-reduced-motion:reduce){.videos-rejilla__boton video{transition:none}.videos-rejilla__boton:hover video{transform:none}}