/* Disapego V0.6.8.3.2 — ampliação efetiva das áreas internas
 * 1) largura real da shell; 2) fim do max-width interno de detalhes;
 * 3) mosaico de galeria amplo; desktop somente.
 */
@media (min-width: 1024px) {
  html body header .shell, html body main.shell, html body footer .shell,
  html body .shell, html body .container, html body .site-container {
    width: calc(100% - 48px) !important;
    max-width: 1680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  /* A pagina /ad/id aplica seu proprio max-width inline: eliminar esta trava. */
  html body main.shell > main.dp65,
  html body main.shell .dp65,
  html body .dp65 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body main.shell .dp65 .dp65-grid,
  html body .dp65 .dp65-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0,1fr) clamp(310px,24vw,380px) !important;
    gap: clamp(16px,2vw,26px) !important;
    align-items: start !important;
  }
  html body .dp65 .dp65-main,
  html body .dp65 .dp65-gallery,
  html body .dp65 .dp65-aside {
    width: 100% !important; max-width: none !important; min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* O mosaico tem uma imagem principal interna, nao a imagem gigante antiga. */
  html body .dp65-gallery .dp63-gallery {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    grid-template-rows: repeat(2, minmax(0,1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(340px,34vw,540px) !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
  }
  html body .dp65-gallery .dp63-gallery > a {
    min-height: 0 !important; min-width: 0 !important;
    height: 100% !important; width: 100% !important;
    aspect-ratio: auto !important; overflow: hidden !important;
  }
  html body .dp65-gallery .dp63-gallery > a:first-child {
    grid-column: span 2 !important; grid-row: span 2 !important;
  }
  html body .dp65-gallery .dp63-gallery > a img {
    display: block !important; height: 100% !important; width: 100% !important;
    object-fit: cover !important; border-radius: 0 !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html body main.shell, html body .shell {width:calc(100% - 36px)!important}
  html body .dp65 .dp65-grid {grid-template-columns:minmax(0,1fr) 310px!important}
}
@media (max-width: 1023px) {
  html body .dp65, html body .dp65-grid, html body .dp65-main,
  html body .dp65-gallery {max-width:100%;min-width:0}
}

/* V0.6.8.3.3 — ajuste auditado das classes reais dp64 (desktop) */
@media (min-width: 1024px) {
  html body main.shell {
    width: calc(100% - 40px) !important;
    max-width: 1680px !important;
  }
  html body main.shell main.dp65 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }
  html body main.shell main.dp65 .dp65-grid {
    grid-template-columns: minmax(0, 1fr) clamp(310px, 23vw, 380px) !important;
    gap: clamp(16px, 1.8vw, 28px) !important;
    width: 100% !important;
  }
  html body main.shell main.dp65 .dp65-gallery,
  html body main.shell main.dp65 .dp64-gallery {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  /* A classe REAL é .dp64-mosaic, gerada por dp63_render_gallery(). */
  html body main.shell main.dp65 .dp64-mosaic {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    height: clamp(420px, 37vw, 620px) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 6px !important;
    overflow: hidden !important;
    border-radius: 7px !important;
  }
  html body main.shell main.dp65 .dp64-mosaic > .dp64-tile {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
  }
  html body main.shell main.dp65 .dp64-mosaic > .dp64-tile-1 {
    grid-row: span 2 !important;
  }
  html body main.shell main.dp65 .dp64-mosaic > .dp64-tile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html body main.shell main.dp65 .dp64-mosaic { height: 430px !important; }
}