/* --- Lógica de Idiomas --- */
.pt-txt, .de-txt { display: none !important; }
body.lang-pt .pt-txt { display: inline !important; }
body.lang-de .de-txt { display: inline !important; }
body.lang-pt p.pt-txt, body.lang-pt h1.pt-txt, body.lang-pt h2.pt-txt { display: block !important; }
body.lang-de p.de-txt, body.lang-de h1.de-txt, body.lang-de h2.de-txt { display: block !important; }

/* --- Identidade Visual --- */
body { font-family: 'Inter', sans-serif; color: #333; scroll-behavior: smooth; overflow-x: hidden; }

.navbar-brand.logo-text { font-weight: 300; letter-spacing: 1px; text-transform: uppercase; }
.navbar-brand.logo-text .sobrenome { font-weight: 800; color: #0d6efd; margin-left: 5px; }
footer .sobrenome { font-weight: 700; }

/* --- Seções --- */
.hero-section {
    min-height: 65vh;
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop');
    background-size: cover; background-position: center;
}

.underline { width: 60px; height: 4px; background: #0d6efd; border-radius: 2px; }

.icon-box { width: 60px; height: 60px; background: rgba(13,110,253,0.1); color: #0d6efd; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1rem; }

/* --- Box WhatsApp (Corrigido) --- */
.product-box {
    background-color: #2c3034; border: 1px solid #495057; border-radius: 15px; padding: 2.5rem; text-align: center;
    display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px;
}
.text-light-gray { color: #adb5bd !important; font-size: 1rem; margin-top: 10px; max-width: 90%; }

/* --- Botão Flutuante --- */
.whatsapp-float {
    position: fixed; width: 60px; height: 60px; bottom: 30px; right: 30px; background: #25d366; color: #FFF;
    border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 1000; text-decoration: none; transition: 0.3s;
}
.whatsapp-float:hover { transform: scale(1.1); color: white; }

@media (max-width: 768px) { .hero-section h1 { font-size: 2.2rem; } .whatsapp-float { width: 50px; height: 50px; bottom: 20px; right: 20px; font-size: 25px; } }

/* Ajuste de simetria para a seção de contato */
#contato .contact-card {
    min-height: 200px; /* Garante que todos tenham a mesma altura mínima */
    max-width: 350px;  /* Evita que fiquem exageradamente largos em telas 4K */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
    border-radius: 12px;
}

#contato .contact-card:hover {
    transform: translateY(-5px);
}

/* Garante que o container de colunas do Bootstrap ocupe 100% da largura */
#contato .row {
    width: 100%;
    margin: 0 auto;
}

/* Centralização do título e underline */
#contato .underline {
    margin: 10px auto 0 !important;
}