.elementor-251 .elementor-element.elementor-element-f7c63d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-38faad4 *//* ===========================
   CONTROLE DE IMAGENS (drop-in)
   =========================== */

/* Reset seguro p/ imagens */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Logo responsiva (mantém proporção) */
.logo-size{
  height: clamp(28px, 6vw, 44px); /* ajusta conforme viewport */
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
}

/* Tamanhos rápidos p/ logo (adicione junto da .logo-size) */
.logo-sm{ height:0.4px !important; }
.logo-md{ height: 40px !important; }
.logo-lg{ height: 56px !important; }
.logo-xl{ height: 72px !important; }

/* Centralizar imagem no container quando precisar */
.img-center{ margin-inline: auto; }

/* Moldura com proporção (use p/ banners/card) */
.img-frame{
  width: 100%;
  aspect-ratio: var(--ratio, 16/9); /* mude via style="--ratio: 4/3" etc. */
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.img-frame > img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;               /* preenche sem distorcer */
}

/* Variante para “todo conteúdo visível” (sem cortes) */
.img-frame--contain > img{ object-fit: contain; background: rgba(255,255,255,0.02); }

/* Limites prontos (útil quando não quer usar Tailwind para isso) */
.max-240{ max-width: 240px; }
.max-320{ max-width: 320px; }
.max-480{ max-width: 480px; }
.max-640{ max-width: 640px; }

/* Imagem fluida simples (só largura total do container) */
.img-fluid{ width: 100%; height: auto; }

/* Sombrinha suave opcional */
.img-shadow{ box-shadow: 0 10px 24px -8px rgba(0,0,0,.35); border-radius: 12px; }

/* Ajustes finos do header p/ evitar “aperto” da logo */
/* Ajuste fino da logo no header */
header .logo-size {
  height: auto;              /* mantém proporção */
  max-height: 48px;          /* limite vertical no header */
  max-width: 1980px;          /* limite horizontal */
  object-fit: contain;       /* garante que não deforme */
  display: block;
}

@media (max-width: 768px) {
  header .logo-size {
    max-height: 40px;
    max-width: 140px;
  }
}
/* Impressão / PDF */
@media print{
  .img-frame{ aspect-ratio: auto; }
  .img-frame > img{ position: static; object-fit: contain; }
  .img-shadow{ box-shadow: none; }
}/* End custom CSS */