/**
 * Utilitários do Tailwind CSS 3.4.19 COM variante (hover:, md:, lg:),
 * congelados — as 64 classes que precisam vencer os estilos de tela na cascata.
 *
 * Responsabilidades:
 * - Fornecer os utilitários condicionais usados nas views (hover:bg-green-50,
 *   lg:w-1/2, md:text-left etc).
 *
 * ARQUIVO CONGELADO e SEMPRE POR ÚLTIMO no public/css/app.css: é essa a posição
 * que essas regras sempre tiveram no arquivo servido. Como @media não soma
 * especificidade, subir este bloco faria os estilos de tela vencerem os
 * utilitários responsivos e quebraria o layout em desktop.
 *
 * @package Portal\Recursos\CSS
 * @llmdoc Último bloco concatenado por build-css.sh. Ordem interna: variantes
 *         de estado (hover), depois @media 768px (md:), depois @media 1024px
 *         (lg:).
 */
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 240 / var(--tw-bg-opacity, 1))
}

@media (min-width: 768px) {
  .md\:w-auto {
    width: auto
  }
}

@media (min-width: 1024px) {
  .lg\:order-none {
    order: 0
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px
  }

  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px
  }

  .lg\:mb-0 {
    margin-bottom: 0px
  }

  .lg\:ml-2 {
    margin-left: 0.5rem
  }

  .lg\:ml-4 {
    margin-left: 1rem
  }

  .lg\:ml-6 {
    margin-left: 1.5rem
  }

  .lg\:mt-0 {
    margin-top: 0px
  }

  .lg\:mt-10 {
    margin-top: 2.5rem
  }

  .lg\:mt-12 {
    margin-top: 3rem
  }

  .lg\:mt-2 {
    margin-top: 0.5rem
  }

  .lg\:mt-20 {
    margin-top: 5rem
  }

  .lg\:flex {
    display: flex
  }

  .lg\:min-h-full {
    min-height: 100%
  }

  .lg\:w-1\/2 {
    width: 50%
  }

  .lg\:w-1\/3 {
    width: 33.333333%
  }

  .lg\:w-2\/3 {
    width: 66.666667%
  }

  .lg\:w-2\/5 {
    width: 40%
  }

  .lg\:w-3\/5 {
    width: 60%
  }

  .lg\:w-auto {
    width: auto
  }

  .lg\:flex-grow {
    flex-grow: 1
  }

  .lg\:flex-grow-0 {
    flex-grow: 0
  }

  .lg\:flex-row {
    flex-direction: row
  }

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }

  .lg\:p-0 {
    padding: 0px
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .lg\:pb-0 {
    padding-bottom: 0px
  }

  .lg\:pl-16 {
    padding-left: 4rem
  }

  .lg\:pl-2 {
    padding-left: 0.5rem
  }

  .lg\:pl-24 {
    padding-left: 6rem
  }

  .lg\:pr-0 {
    padding-right: 0px
  }

  .lg\:pr-2 {
    padding-right: 0.5rem
  }

  .lg\:text-left {
    text-align: left
  }

  .lg\:text-dt-btn {
    font-size: 16px
  }

  .lg\:text-dt-ms-h4 {
    font-size: 20px
  }

  .lg\:text-dt-ms-small-2 {
    font-size: 12px
  }

  .lg\:text-dt-ms-small-3 {
    font-size: 12px
  }
}