/*
 * Sr. Creme — ajuste responsivo do slider principal
 * Arquivo sugerido: assets/css/slider-responsivo.css
 *
 * Objetivo:
 * - manter o mobile (até 767px) exatamente como já está;
 * - manter 1920x600 em telas desktop de 1920px;
 * - em notebooks e desktops menores, reduzir o banner proporcionalmente;
 * - evitar o corte das laterais causado por altura fixa de 600px + object-fit: cover.
 */

@media (min-width: 768px) and (max-width: 1919px) {

  /* Remove a altura mínima fixa de 600px somente em desktop/notebook menor. */
  .sr-hero-slide {
    min-height: 0;
  }

  /* Mantém exatamente a proporção das artes desktop: 1920 x 600 = 16:5. */
  .sr-hero-media {
    min-height: 0;
    aspect-ratio: 16 / 5;
    overflow: hidden;
  }

  /* Imagem e vídeo acompanham o tamanho do container sem cortar as laterais. */
  .sr-hero-media img,
  .sr-hero-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}