/* ARQUIVO: style.css (VERSÃO FINAL MELHORADA) */

/* Cores e Fontes */
:root {
    --primary: #0f172a; /* Azul Escuro */
    --accent: #16a34a; /* Verde Principal */
    --gold: #b45309;   /* Dourado para o Premium */
    --light: #f8fafc;
    --text: #334155;
    --whatsapp: #25d366; /* Cor oficial do WhatsApp */
}

body { margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: var(--text); line-height: 1.6; }
a { text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

/* Cabeçalho */
header { background: var(--primary); color: white; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.4rem; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
.contact-btn { background: var(--accent); color: white; padding: 0.5rem 1rem; border-radius: 5px; font-weight: bold; transition: 0.3s; }
.contact-btn:hover { background: #15803d; }

/* Hero Section (Topo) */
.hero {
    background: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('foto1.jpg');
    background-size: cover;
    background-position: center;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 0 1rem;
}
.hero h1 { font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: 800; }
.hero p { font-size: 1.1rem; max-width: 700px; margin: 0 auto 2rem; opacity: 0.95; }

/* Botões Principais (Centralizados e Bonitos) */
.cta-button {
    background-color: var(--accent); color: white; padding: 1rem 2.5rem;
    font-size: 1.1rem; border-radius: 50px; font-weight: bold;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: all 0.3s ease;
    /* O segredo da centralização perfeita: */
    display: block; width: fit-content; margin: 25px auto 0;
    border: 2px solid white; text-align: center;
}
.cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.3); }
/* Variação para o botão Premium */
.cta-button.premium { background-color: var(--gold); border-color: #fcd34d; }
.cta-button.premium:hover { background-color: #92400e; }

/* Diferenciais (Cards) */
.features { padding: 3rem 1.5rem; background: var(--light); text-align: center; }
.features h2 { color: var(--primary); margin-bottom: 2rem; font-size: 1.8rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 1000px; margin: 0 auto; }
.card { background: white; padding: 2rem; border-radius: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); border-top: 4px solid var(--accent); }
.card h3 { color: var(--primary); margin-top: 0; font-size: 1.3rem; }

/* Vitrine das Clínicas (Centralização Geral) */
.gallery { padding: 4rem 1.5rem; margin: 0 auto; text-align: center; border-bottom: 1px solid #e2e8f0; }
/* Centraliza o texto de descrição das opções */
.gallery p.description { max-width: 700px; margin: 0 auto 30px; color: #64748b; }

/* Box do Parceiro (Identificação) */
.partner-info { 
    background: #fff; border: 1px solid #e2e8f0; padding: 25px; 
    border-radius: 15px; margin-bottom: 30px; display: inline-block;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); width: 100%; max-width: 500px;
}
.partner-name { color: var(--primary); font-weight: bold; font-size: 1.2rem; margin: 5px 0; }
.partner-city { color: #64748b; font-weight: 500; font-size: 0.9rem;}

/* Estilo das Fotos */
.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px; margin-bottom: 30px; max-width: 1000px; margin-left: auto; margin-right: auto;
}
.photo-grid img { 
    width: 100%; height: 220px; object-fit: cover;
    border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s;
}
.photo-grid img:hover { transform: scale(1.03); }

/* Rodapé */
footer { background: var(--primary); color: white; text-align: center; padding: 2rem 1rem; margin-top: 0; font-size: 0.9rem;}

/* === BOTÃO WHATSAPP "BONITÃO" === */
.whatsapp-float {
    position: fixed; bottom: 25px; right: 25px;
    background: var(--whatsapp); color: white;
    width: 65px; height: 65px; border-radius: 50%;
    /* Centralização perfeita do ícone com Flexbox */
    display: flex; justify-content: center; align-items: center;
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);
    z-index: 1000; transition: all 0.3s ease;
    animation: pulse 2s infinite; /* Efeito de pulsar */
}
.whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6); }
.whatsapp-float svg { width: 35px; height: 35px; fill: white; }

/* Animação de Pulsar */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0