/*
Theme Name: Zenith Horizon
Author: Meu Projeto Minha Vida
Version: 1.2.0
Description: Tema refinado com animações e estilos premium centralizados.
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Plus+Jakarta+Sans:wght@400;600;800&family=Inter:wght@500;700&display=swap' );

:root {
    --background: #fcf7e2;
    --foreground: #1a2f1f;
    --primary: #1b7a3a;
    --secondary: #ffd700;
    --accent: #003da5;
    --border: #e8dcc8;
    --radius: 2.5rem;
    --faq-bg: #f0f7f2;
    --faq-hover: #e3ede6;
    --footer-bg: #1a241e;
}

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

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background-color: var(--background); 
    color: var(--foreground); 
    line-height: 1.6;
}

h1, h2, h3 { font-family: 'Playfair Display', serif; }

.font-inter-bold { font-family: 'Inter', sans-serif; font-weight: 700; }

/* --- ANIMAÇÕES GERAIS --- */

/* Animação de subida nos cards */
.hover-up, .hover-bounce {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.hover-up:hover, .hover-bounce:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 25px 50px -12px rgba(27, 122, 58, 0.15);
}

/* Animação suave para o FAQ */
details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}
@keyframes sweep {
    0%    {opacity: 0; transform: translateY(-10px)}
    100%  {opacity: 1; transform: translateY(0)}
}

/* --- COMPONENTES --- */

/* Estilo para os itens com check verde (Página de Produto) */
.check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.125rem;
    color: var(--foreground);
    font-weight: 500;
}
.check-icon {
    width: 24px;
    height: 24px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    flex-shrink: 0;
}

/* Ajustes do FAQ */
.faq-section { background-color: var(--faq-bg); }
.faq-item { background-color: white; transition: background-color 0.3s ease; }
.faq-item:hover { background-color: var(--faq-hover); }

/* Estrelas */
.star-rating svg { width: 1.5rem; height: 1.5rem; fill: var(--secondary); color: var(--secondary); }

/* Botões */
.btn { padding: 1.25rem 3rem; border-radius: 50px; font-weight: 800; display: inline-flex; cursor: pointer; border: none; transition: 0.3s; text-decoration: none; }
.btn-primary { background: var(--primary); color: #fff; box-shadow: 0 10px 20px rgba(27,122,58,0.2); }

/* Ícones de Redes Sociais Arredondados */
.social-icon-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    transition: all 0.3s ease;
    color: white;
}
.social-icon-rounded:hover {
    background-color: var(--secondary);
    color: var(--primary);
    transform: translateY(-3px);
}

/* Footer Customizado */
.footer-logo-img {
    height: 100px;
    width: auto;
    opacity: 0.95;
    mix-blend-mode: lighten;
    transition: transform 0.3s ease;
}
@media (min-width: 768px) {
    .footer-logo-img { height: 130px; }
}