/* ===========================================================================
   Tubo Forte - galeria de fotos e visualizador ampliado
   =========================================================================== */

.galeriaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.galeriaGrid figure{margin:0;position:relative;background:var(--soft);overflow:hidden;border-radius:4px}
.galeriaGrid .destaque{grid-column:span 2;grid-row:span 2}

.abrirFoto{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative;overflow:hidden}
.abrirFoto img{width:100%;height:265px;object-fit:cover;transition:transform .45s ease}
.destaque .abrirFoto img{height:546px}
.abrirFoto:hover img{transform:scale(1.045)}
.abrirFoto:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#03281799);opacity:0;transition:.3s}
.abrirFoto:hover:after{opacity:1}
.lupa{position:absolute;right:13px;top:13px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
    background:#ffffffe8;color:var(--g1);opacity:0;transform:translateY(-6px);transition:.25s;z-index:2}
.abrirFoto:hover .lupa{opacity:1;transform:none}

.galeriaGrid figcaption{position:absolute;inset:auto 0 0;padding:16px 18px;color:#fff;z-index:2;
    background:linear-gradient(transparent,#032817e8);font:600 14px "Chivo",sans-serif;pointer-events:none}
.destaque figcaption{font-size:17px;padding:22px}
.galeriaNota{margin-top:26px;text-align:center;font-size:13px;color:var(--muted)}

/* ------------------------------------------------------------- visualizador */
.lightbox{position:fixed;inset:0;z-index:120;background:#03190fee;display:flex;align-items:center;justify-content:center;padding:70px 72px}
.lightbox[hidden]{display:none}
.lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.lightbox img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:3px;box-shadow:0 24px 60px #0007}
.lightbox figcaption{color:#fff;font:600 15px "Chivo",sans-serif;text-align:center}
.lightbox figcaption:empty{display:none}
.lbFechar{position:absolute;top:20px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.lbFechar:hover{background:var(--marca);color:#fff}
.lbNav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;
    background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.lbNav:hover{background:var(--g2)}
.lbAnt{left:16px}
.lbAnt svg{transform:rotate(180deg)}
.lbProx{right:16px}

@media(max-width:980px){
    .galeriaGrid{grid-template-columns:1fr 1fr;gap:12px}
    .galeriaGrid .destaque{grid-column:span 2;grid-row:auto}
    .abrirFoto img,.destaque .abrirFoto img{height:230px}
}
@media(max-width:560px){
    .galeriaGrid{grid-template-columns:1fr}
    .galeriaGrid .destaque{grid-column:auto}
    .abrirFoto img,.destaque .abrirFoto img{height:250px}
    .lightbox{padding:60px 14px}
    .lbNav{width:42px;height:42px}
    .lbAnt{left:6px}
    .lbProx{right:6px}
}

/* ---------------------------------------------- galeria dentro do produto */
.detalheGrande{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative;overflow:hidden}
.detalheGrande .lupa{position:absolute;right:10px;top:10px}
.detalheGrande:hover .lupa{opacity:1;transform:none}
.detalheMiniaturas{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.detalheMini{width:80px;height:64px;padding:0;border:1px solid var(--line);border-radius:3px;background:#fff;
    cursor:pointer;overflow:hidden;transition:.2s}
.detalheMini img{width:100%!important;height:100%!important;object-fit:cover!important}
.detalheMini:hover{border-color:var(--g2)}
.detalheMini.ativa{border-color:var(--g2);box-shadow:0 0 0 2px #00854130}
.lightbox.umaSo .lbNav{display:none}
@media(max-width:560px){.detalheMini{width:64px;height:52px}}