.galeria{background:none;overflow:visible;aspect-ratio:auto}

.galeria__grande{background:var(--tela);overflow:hidden;aspect-ratio:1}

.galeria__medio{display:block;width:100%;height:100%;object-fit:cover}

.galeria__medio[hidden]{display:none}

.galeria__tiras{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:10px;
  list-style:none;
}

.galeria__tira{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1;
  padding:0;
  border:1px solid var(--borde);
  background:var(--tela);
  cursor:pointer;
  overflow:hidden;
  transition:border-color .3s var(--ease);
}

.galeria__tira img{display:block;width:100%;height:100%;object-fit:cover}

.galeria__tira:hover{border-color:var(--negro)}

.galeria__tira[aria-pressed="true"]{border-color:var(--negro);box-shadow:inset 0 0 0 1px var(--negro)}

.galeria__tira:focus-visible{outline:2px solid var(--negro);outline-offset:2px}

.galeria__play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1e211e59;
}

.galeria__play svg{width:22px;height:22px}

@media (max-width:900px){
  .galeria__tiras{grid-template-columns:repeat(4,1fr);gap:8px}
}