/* static/css/produtos.css */

body { 
  font-family: 'Montserrat', sans-serif; 
}

:root {
  --blascor-blue: #3a56a3;
  --blascor-yellow: #fff212;
  --blascor-green: #2e7d32;
  --blascor-beige: #f1f5e3;
}

/* Cores da marca */
.bg-blascor-green { background-color: var(--blascor-green); }
.text-blascor-green { color: var(--blascor-green); }
.bg-blascor-beige { background-color: var(--blascor-beige); }
.bg-blascor-blue { background-color: var(--blascor-blue); }
.text-blascor-blue { color: var(--blascor-blue); }
.bg-blascor-yellow { background-color: var(--blascor-yellow); }
.text-blascor-yellow { color: var(--blascor-yellow); }

/* Estilos do header/drawer */
#submenu-utilitarios, 
#submenu-produtos {
  background-color: #3a56a3 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

#menu-utilitarios:hover > a, 
#menu-produtos:hover > a { 
  color: var(--blascor-yellow); 
}

#submenu-utilitarios a:hover, 
#submenu-produtos a:hover { 
  color: var(--blascor-yellow) !important; 
}

#mobile-drawer {
  background-color: #3a56a3;
  box-shadow: -4px 0 12px rgba(0,0,0,0.3);
  border-left: 2px solid #fff212;
  transition: transform .3s ease;
}
.translate-x-full { transform: translateX(100%); }
.translate-x-0 { transform: translateX(0); }
html, body { max-width: 100%; overflow-x: hidden; }
body.drawer-open { overflow: hidden; }
body.drawer-open #drawer-overlay { display: block; }
#drawer-overlay { display: none; }


/* ===== GARANTIA PARA O BANNER HORIZONTAL ===== */
/* Este bloco força o layout correto para a faixa de imagens */

#linhas-container a {
  padding: 0 !important; /* Remove qualquer padding interno do link */
  margin: 0 !important;  /* Remove qualquer margem externa */
  border-radius: 0 !important; /* Garante que o link não seja redondo */
  box-shadow: none !important; /* Remove qualquer sombra do link */
}
#blaskito-chat-button img {
    height: 100% !important;
    object-fit: cover !important;
}