/* Configuração do background */
body {  
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 12%, rgba(0, 212, 255, 1) 100%);  
    margin: 0; /* Remove margens externas */
    font-family: Arial, sans-serif; /* Define uma fonte padrão legível */
    min-height: 100vh; /* Garante que o body ocupa toda a altura da viewport */

}

/* Contêiner de pesquisa */
.pesquisar {  
    width: 70vw; /* Garante que o contêiner ocupa toda a largura da viewport */
    min-width: 90vw;
    height: auto; /* Ajusta a altura automaticamente ao conteúdo */  
    border-radius: 0; /* Remove bordas arredondadas para ocupar toda a largura */  
    padding: 1rem; /* Espaçamento interno para melhor aparência */  
    box-sizing: border-box; /* Inclui padding no cálculo total de largura */  

 
}

/* Estilo para títulos */
h3 {  
    font-size: 2rem; /* Tamanho base do título */  
    text-align: center; /* Centraliza o texto */
    margin: 1rem 0; /* Espaçamento superior e inferior */
}

/* Estilos responsivos */

/* Para telas grandes (mínimo de 1200px) */
@media (min-width: 1200px) {  
    h3 {  
        font-size: 2.5rem; /* Aumenta o tamanho do texto para telas grandes */  
    }
}

/* Para telas médias (800px a 1199px) */
@media (min-width: 800px) and (max-width: 1199px) {  
    h3 {  
        font-size: 2rem; /* Mantém o tamanho padrão */  
    }
}

/* Para telas pequenas (até 799px) */
@media (max-width: 799px) {  
    .pesquisar {  
        padding: 0.8rem; /* Reduz o padding para otimizar espaço */  
    }

    h3 {  
        font-size: 1.5rem; /* Reduz o tamanho do texto */  
    }
}

/* Para telas muito pequenas (até 480px) */
@media (max-width: 480px) {  
    .pesquisar {  
        padding: 0.5rem; /* Padding menor para economizar espaço */  
    }

    h3 {  
        font-size: 1.25rem; /* Texto menor para caber em telas compactas */  
    }
}

/* Estilos utilitários */
.shadow-lg {  
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra elegante */  
}

.bg-white {  
    background-color: white; /* Fundo branco puro */  
}

.rounded {  
    border-radius: 10px; /* Bordas arredondadas padrão */  
}

.p-3 {  
    padding: 1rem; /* Padding interno padrão */  
}

.mb-5 {  
    margin-bottom: 3rem; /* Margem inferior padrão */  
}