:root {
    --gold: #C5A059;
    --dark: #1A1A1A;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body { 
    margin: 0; 
    font-family: 'Arial', sans-serif; 
    line-height: 1.6; 
    color: #333; 
    scroll-behavior: smooth; 
    overflow-x: hidden; 
}

.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
}

/* --- HEADER --- */
.main-header { 
    background-size: cover; 
    background-position: center;
    border-bottom: 4px solid var(--gold); 
    padding: 10px 0; 
    position: relative; 
    z-index: 1001; 
}

.header-flex { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

.logo-main { height: 135px; width: auto; }

.nav-menu { 
    display: flex; 
    align-items: center; 
    gap: 80px; 
}

.nav-menu .links { 
    display: flex; 
    gap: 55px; 
}

.nav-menu a { 
    color: #fff; 
    text-decoration: none; 
    font-weight: bold; 
    text-transform: uppercase; 
    font-size: 18px; 
}

.nav-menu a:hover { color: var(--gold); }

.flags-right img { width: 32px; margin-left: 10px; }

/* --- HERO (QUEM É A VDC) --- */
.hero { 
    min-height: 650px; 
    background-size: cover; 
    background-position: center; 
    display: flex; 
    align-items: center; 
}

.flex-end { 
    display: flex; 
    justify-content: flex-end; 
    width: 100%; 
}

.hero-card { 
    background: rgba(26, 26, 26, 0.9); 
    color: #fff; 
    padding: 50px; 
    border-left: 6px solid var(--gold); 
    max-width: 580px; 
}

.hero-card h2 { color: var(--gold); font-size: 2.5rem; margin-bottom: 20px; }

/* --- PARCEIROS --- */
.partners { padding: 100px 0; background-repeat: repeat; }
.title-section { text-align: center; font-size: 2.8rem; text-transform: uppercase; margin-bottom: 60px; font-weight: bold; }
.title-section span { color: var(--gold); }
.partners-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.p-logo-box { height: 350px; display: flex; align-items: center; justify-content: center; }
.p-logo-box img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* --- PRODUTOS --- */
.products-dark { padding: 100px 0; background-repeat: repeat; color: #fff; }
.flex-products { display: flex; gap: 80px; align-items: center; }
.title-gold { color: var(--gold); font-size: 2.5rem; text-transform: uppercase; }
.btn-action { padding: 12px 35px; text-decoration: none; border: 2px solid var(--gold); color: #fff; font-weight: bold; display: inline-block; }
.btn-action.gold { background: var(--gold); color: #000; }
.p-link-row { padding: 15px 0; border-bottom: 1px solid #333; font-weight: bold; }
.shield-img { width: 100%; border: 5px solid var(--gold); }

/* --- TECNOLOGIA --- */
.tech-gallery { padding: 100px 0; }
.title-gold-center { text-align: center; color: var(--gold); font-size: 2.8rem; margin-bottom: 70px; }
.tech-card { display: flex; margin-bottom: 60px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); background: #fff; }
.tech-card.reverse { flex-direction: row-reverse; }
.tech-card img { width: 50%; height: 450px; object-fit: cover; }
.tech-info { width: 50%; padding: 60px; background-size: cover; display: flex; flex-direction: column; justify-content: center; }

/* --- UREIA 46 (BOX CENTRALIZADO) --- */
.ureia-section-final { 
    padding: 120px 0; 
    background-size: cover; 
    background-position: center; 
    color: #fff; 
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}
.title-gold-dark { color: var(--gold); font-size: 2.8rem; margin-bottom: 25px; text-transform: uppercase; }
.ureia-p { max-width: 850px; margin: 0 auto; font-size: 18px; text-shadow: 1px 1px 5px #000; }

/* --- CONTATO --- */
.contact-grid { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 80px; padding: 80px 0; }
.contact-form input, .contact-form textarea { width: 100%; padding: 22px; margin-bottom: 25px; border: 1px solid #ddd; }
.contact-form button { background: var(--dark); color: #fff; padding: 20px 100px; border: none; border-bottom: 5px solid var(--gold); cursor: pointer; font-weight: bold; }

.footer-bottom { text-align: center; color: #fff; padding: 60px 0; background-size: cover; position: relative; }
.f-logo { height: 130px; margin-bottom: 30px; }

/* ==========================================
   --- AJUSTES MOBILE (FIX DEFINITIVO) ---
   ========================================== */
@media (max-width: 1100px) {
    /* Header */
    .main-header { height: auto; padding: 15px 0; }
    .header-flex { flex-direction: column; gap: 15px; }
    .logo-main { height: 100px; }
    .nav-menu { display: flex; flex-direction: column; gap: 15px; }
    .nav-menu .links { flex-wrap: wrap; justify-content: center; gap: 10px; }

    /* QUEM É A VDC FIX: Ocupa o espaço correto sem vazar */
    .hero { 
        display: block !important; 
        height: auto !important; 
        min-height: auto !important;
        padding: 40px 0 !important;
    }
    .hero-card { 
        margin: 0 auto !important;
        max-width: 100% !important;
        border-left: none !important;
        border-top: 6px solid var(--gold) !important;
        padding: 30px 20px !important;
    }

    /* TECNOLOGIA FIX: Texto e imagem aparecem 100% */
    .tech-card, .tech-card.reverse { 
        flex-direction: column !important; 
        height: auto !important;
    }
    .tech-card img { 
        width: 100% !important; 
        height: 250px !important; 
    }
    .tech-info { 
        width: 100% !important; 
        height: auto !important;
        padding: 30px 20px !important; 
        min-height: 200px !important;
    }

    /* UREIA 46 MOBILE FIX: Texto centralizado */
    .ureia-section-final { padding: 60px 20px; }
    .title-gold-dark { font-size: 1.8rem; }

    /* Grids */
    .partners-grid, .flex-products, .contact-grid { 
        display: flex;
        flex-direction: column; 
        gap: 30px; 
    }
    .p-logo-box { height: 200px; }
    .contact-form button { width: 100%; padding: 15px 0; }
}