/* RESET BÁSICO */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    line-height: 1.6;
    background-color: #fff;
}

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

img {
    max-width: 100%;
    height: auto;
}

/* UTILITÁRIOS */
.icon-small {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.tagline, .tagline-purple {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
}

.tagline { color: #fff; opacity: 0.8; }
.tagline-purple { color: #E91E63; } /* Alterado para Pink */

/* BOTÕES */
.btn-primary-purple {
    background-color: #E91E63; /* Pink */
    color: #fff;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: background 0.3s;
}

.btn-primary-purple:hover { background-color: #C2185B; } /* Pink Escuro */

.btn-secondary-outline {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 22px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: background 0.3s, color 0.3s;
}

.btn-secondary-outline:hover { background-color: #fff; color: #E91E63; }

/* CABEÇALHO */
header {
    background-color: #310615; /* Tom de vinho/pink muito escuro para contraste */
    padding: 15px 0;
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

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

.logo {
    width: 350px; 
    height: auto;
    display: block;
}

/* Ajuste para telas de celular */
@media (max-width: 768px) {
    .logo {
        width: 180px;
    }
}

nav ul { list-style: none; display: flex; gap: 20px; }
nav a { text-decoration: none; color: #fff; font-size: 14px; font-weight: 400; }

.btn-whatsapp-header {
    background-color: #E91E63; /* Pink */
    color: #fff;
    padding: 8px 18px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

/* HERO */
.hero {
    background: linear-gradient(135deg, #53092a 0%, #240612 100%); /* Gradiente em tons Pink Escuro */
    color: #fff;
    padding: 140px 0 80px;
    position: relative;
    overflow: hidden;
}

/* Efeito de brilho pink */
.hero::after {
    content: '';
    position: absolute;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(233,30,99,0.3) 0%, rgba(233,30,99,0) 70%);
    top: 10%; left: -100px;
    border-radius: 50%;
    z-index: 1;
}

.hero-content {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 2;
}

.hero-text { flex: 1; }
.hero-text h1 { font-size: 42px; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.hero-text p { font-size: 16px; margin-bottom: 20px; opacity: 0.9; }
.hero-text .atendimento { font-size: 14px; margin-top: 30px; }

.hero-btns { display: flex; gap: 15px; margin-top: 30px; }

.hero-image { flex: 1; text-align: right; }
.hero-image img { max-width: 90%; }

/* BENEFÍCIOS */
.beneficios { padding: 80px 0; background-color: #f9f9f9; text-align: center; }
.beneficios h2 { font-size: 28px; margin-bottom: 50px; color: #310615; }

.beneficios-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.beneficio-item {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.beneficio-item img { height: 50px; margin-bottom: 20px; }
.beneficio-item h3 { font-size: 18px; color: #E91E63; margin-bottom: 10px; }
.beneficio-item p { font-size: 14px; color: #666; }

/* EQUIPAMENTO E FORMULÁRIO */
.equipamento-form { padding: 80px 0; }

.equipment-form-content {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.equipment-details { flex: 1.5; }

.equipment-info-box {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    gap: 30px;
    align-items: center;
}

.img-equipment-small { width: 150px; }
.text-info h3 { font-size: 24px; color: #310615; margin-bottom: 5px; }
.text-info .sub-h3 { font-size: 16px; color: #E91E63; margin-bottom: 20px; font-weight: 600; }

.bullets { list-style: none; }
.bullets li {
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

/* Ícone de check Pink */
.bullets li::before {
    content: '✓';
    color: #E91E63;
    position: absolute;
    left: 0;
    font-weight: 700;
}

/* FORMULÁRIO */
.form-box {
    flex: 1;
    background-color: #310615; /* Vinho/Pink Escuro */
    color: #fff;
    padding: 40px;
    border-radius: 10px;
}

.form-box h3 { font-size: 20px; margin-bottom: 30px; text-align: center; }

.form-box form { display: flex; flex-direction: column; gap: 15px; }

.form-box input, .form-box select {
    padding: 12px 15px;
    border-radius: 5px;
    border: none;
    font-family: 'Montserrat', sans-serif;
}

.btn-form-purple {
    background-color: #E91E63;
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.3s;
}

.btn-form-purple:hover { background-color: #C2185B; }

.form-note { font-size: 12px; opacity: 0.7; text-align: center; margin-top: 10px; }

/* DEPOIMENTOS */
.depoimentos { padding: 80px 0; background-color: #f9f9f9; }
.depoimentos h2 { font-size: 28px; text-align: center; margin-bottom: 50px; color: #310615; }

.depoimentos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.depoimento-item {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.quote { font-style: italic; color: #555; margin-bottom: 20px; }

.autor { display: flex; align-items: center; gap: 15px; }
.autor img { width: 50px; height: 50px; border-radius: 50%; }
.autor p { font-size: 14px; color: #333; }

/* RODAPÉ */
footer {
    background-color: #240612;
    color: #fff;
    padding: 30px 0;
    text-align: center;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.footer-content p { font-size: 14px; max-width: 600px; }

.btn-whatsapp-footer {
    background-color: #E91E63;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
}

/* RESPONSIVIDADE BÁSICA (para celulares) */
@media (max-width: 768px) {
    .container { padding: 0 15px; }
    header { position: relative; } 
    .header-content { flex-direction: column; text-align: center; gap: 10px; }
    nav ul { flex-direction: column; gap: 5px; }

    .hero-content { flex-direction: column-reverse; text-align: center; padding: 40px 0; }
    .hero-text h1 { font-size: 28px; }
    .hero-btns { justify-content: center; flex-direction: column; }

    .beneficios-grid, .depoimentos-grid, .equipment-form-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .equipment-info-box { flex-direction: column; text-align: center; }
}

/* Estilo do Banner LGPD */
.lgpd-wrapper {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 1000px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 20px;
    z-index: 9999;
    display: none; 
    border-left: 5px solid #E91E63; /* Borda lateral Pink */
}

.lgpd-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.lgpd-text p {
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

.lgpd-text a {
    color: #E91E63;
    text-decoration: underline;
}

.lgpd-button button {
    background-color: #E91E63;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.3s;
}

.lgpd-button button:hover {
    background-color: #C2185B;
}

/* Ajuste para Celular */
@media (max-width: 768px) {
    .lgpd-container {
        flex-direction: column;
        text-align: center;
    }
    .lgpd-wrapper {
        bottom: 10px;
        padding: 15px;
    }
}