.gg{margin-top:84px;padding-top:30px;border-top:1px solid var(--line)}
.gg__h{display:flex;justify-content:space-between;align-items:baseline;
  padding:0 var(--pad) 20px;gap:20px}
.gg__h h3{font-size:clamp(21px,2.1vw,28px);font-weight:200;margin-top:7px}
.gg__go{flex:none;font-family:var(--m);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);
  padding-bottom:4px;transition:border-color .25s}
.gg__go:hover{border-color:var(--gold)}

/* Carrusel grande: a sangre, sin padding. Altura fija + ancho automatico =
   no puede quedar hueco, y al desplazarse en horizontal no hay ultima fila. */
.gg__big{display:flex;gap:3px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.gg__big::-webkit-scrollbar{display:none}
.gg__big.drag{cursor:grabbing;scroll-snap-type:none}
/* El fondo no es decorativo: de 41 fotos solo la primera carga de entrada y el
   resto son lazy, asi que al arrastrar deprisa la que aun no ha llegado dejaria
   ver el fondo de la pagina — un agujero, justo la queja que este rediseño
   venia a resolver. Con esto el hueco es un panel que encaja con el carril. */
.gg__f{flex:none;margin:0;scroll-snap-align:center;background:var(--charcoal)}
.gg__f img{height:472px;width:auto;object-fit:cover}

.gg__strip{display:flex;gap:3px;margin-top:3px;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gg__strip::-webkit-scrollbar{display:none}
.gg__th{flex:none;position:relative;padding:0;border:0;background:0;cursor:pointer;
  line-height:0}
.gg__th img{width:170px;height:106px;object-fit:cover;opacity:.5;
  transition:opacity .25s}
.gg__th.on img{opacity:1}
.gg__th.on::after{content:"";position:absolute;inset:0;border:2px solid var(--gold)}
.gg__th:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.gg__foot{display:flex;align-items:center;gap:18px;padding:17px var(--pad) 58px}
.gg__cap{flex:none;max-width:40ch}
.gg__track{flex:1;height:1px;background:var(--line);position:relative}
.gg__track i{position:absolute;top:-1px;height:3px;background:var(--gold);
  left:0;width:4%;transition:left .25s,width .25s}

@media (max-width:900px){
  .gg{margin-top:52px}
  .gg__f img{height:300px}
  .gg__th img{width:96px;height:60px}
  .gg__foot{gap:12px;padding-bottom:40px}
  .gg__cap{display:none}
}