/* TV-CSS-ARTICULO-VISOR-V1.0-2026-10-09: reglas extraídas sin cambio visual. */
.articulo-viaje img.articulo-imagen[data-tv-ampliable="true"] {
        cursor: zoom-in;
      }

      .articulo-viaje img.articulo-imagen[data-tv-ampliable="true"]:focus-visible {
        outline: 0.1875rem solid var(--azul-funcional, #0878b4);
        outline-offset: 0.25rem;
      }

      .tv-lightbox[hidden] {
        display: none;
      }

      .tv-lightbox {
        position: fixed;
        inset: 0;
        z-index: 10000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: clamp(1rem, 3vw, 2rem);
        background: rgba(0, 0, 0, 0.92);
      }

      .tv-lightbox__contenido {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
      }

      .tv-lightbox__imagen {
        display: block;
        max-width: 100%;
        max-height: calc(100vh - 7rem);
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 0.35rem;
        box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.45);
      }

      .tv-lightbox__pie {
        max-width: min(60rem, 100%);
        color: #fff;
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.45;
      }

      .tv-lightbox__cerrar {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 2.75rem;
        min-height: 2.75rem;
        border: 0.125rem solid #fff;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.72);
        color: #fff;
        font: inherit;
        font-size: 1.65rem;
        line-height: 1;
        cursor: pointer;
      }

      .tv-lightbox__cerrar:hover,
      .tv-lightbox__cerrar:focus-visible {
        background: #fff;
        color: #111;
        outline: 0.1875rem solid var(--azul-funcional, #0878b4);
        outline-offset: 0.1875rem;
      }

      body.tv-lightbox-abierto {
        overflow: hidden;
      }

      @media (max-width: 37.5rem) {
        .tv-lightbox {
          padding: 0.75rem;
        }

        .tv-lightbox__imagen {
          max-height: calc(100dvh - 6.5rem);
        }

        .tv-lightbox__cerrar {
          top: 0.25rem;
          right: 0.25rem;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .tv-lightbox,
        .tv-lightbox * {
          scroll-behavior: auto;
        }
      }
