/* Estilos personalizados para design minimalista */

/* Ocultar completamente o texto sobreposto no cabeçalho */
section.relative.bg-gradient-to-r.from-gray-900.to-gray-700.text-white.py-20 .relative.z-10 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ocultar todos os elementos de texto dentro do hero */
section.relative.bg-gradient-to-r h1,
section.relative.bg-gradient-to-r p,
section.relative.bg-gradient-to-r div.flex {
    display: none !important;
}

/* Ajustar o hero section para design minimalista */
section.relative.bg-gradient-to-r.from-gray-900.to-gray-700.text-white.py-20 {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    min-height: 400px !important;
    height: 400px !important;
}

/* Substituir a imagem de fundo com maior especificidade */
section.relative.bg-gradient-to-r .absolute.inset-0.bg-cover.bg-center,
.absolute.inset-0.bg-cover.bg-center {
    background-image: url('/assets/AdobeStock_451431357.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Garantir que apenas a imagem seja visível */
section.relative:first-of-type {
    min-height: 400px !important;
    height: 400px !important;
    overflow: hidden !important;
}

/* Melhorar a transição visual entre o hero e o conteúdo */
section.relative + section {
    margin-top: 2rem;
}

/* Ocultar qualquer overlay de gradiente */
section.relative::before,
section.relative::after {
    display: none !important;
}


/* Imagem de fundo transparente para todo o site */
body {
    position: relative;
    z-index: 1;
    background-color: transparent !important;
}

#root {
    background-color: transparent !important;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/AdobeStock_451431357.jpeg") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
    opacity: 0.1; /* Ajuste a opacidade conforme necessário */
    filter: alpha(opacity=10); /* Para IE */
    z-index: -1; /* Coloca a imagem de fundo atrás do conteúdo */
}