/* Galería de fotos de cada tour (modal "Ver detalles") */
.tour-galeria { background: #0b1511; }
.tg-vista { position: relative; }
.tour-galeria .tg-principal { height: 300px; width: 100%; object-fit: cover; display: block; }
.tg-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 40px; height: 40px; border: 0; border-radius: 50%;
    background: rgba(0, 0, 0, .5); color: #fff; font-size: 28px; line-height: 38px; padding: 0;
    cursor: pointer; transition: background .15s;
}
.tg-nav:hover, .tg-nav:focus { background: rgba(0, 168, 107, .9); outline: 0; }
.tg-prev { left: 10px; }
.tg-next { right: 10px; }
.tg-cuenta {
    position: absolute; right: 12px; bottom: 10px; padding: 2px 10px; border-radius: 999px;
    background: rgba(0, 0, 0, .6); color: #fff; font-size: 12px;
}
.tg-tira { display: flex; gap: 6px; padding: 8px 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tg-mini {
    flex: 0 0 auto; padding: 0; border: 2px solid transparent; border-radius: 8px;
    background: none; cursor: pointer; opacity: .65; overflow: hidden; line-height: 0;
}
.tg-mini img { width: 72px; height: 54px; object-fit: cover; display: block; }
.tg-mini.is-on { border-color: #00a86b; opacity: 1; }
.tg-mini:hover, .tg-mini:focus { opacity: 1; outline: 0; }
@media (max-width: 575px) {
    .tour-galeria .tg-principal { height: 220px; }
    .tg-nav { width: 36px; height: 36px; font-size: 24px; line-height: 34px; }
}

/* Botón "📷 N" sobre la foto de la tarjeta */
.tour-media .tour-fotos {
    position: absolute; right: 12px; bottom: 12px; z-index: 2;
    padding: 4px 11px; border: 0; border-radius: 999px;
    background: rgba(0, 0, 0, .62); color: #fff; font-size: 12px; font-weight: 600; cursor: pointer;
    transition: background .15s;
}
.tour-media .tour-fotos:hover, .tour-media .tour-fotos:focus { background: rgba(0, 168, 107, .95); outline: 0; }