/* ============================================= VALORA AMPARO — CSS COMPLETO Site institucional · HTML puro · Zero frameworks ============================================= *//* --- Variáveis CSS (Paleta da marca) --- */:root{ /* Cores principais */ --verde-escuro:#1A5C38; --verde-escuro-hover:#14472B; --verde-menta:#7BBFB0; --verde-menta-claro:#EBF5F3; --azul:#3A8FC4; --dourado:#C9A84C; /* Neutros */ --branco:#FFFFFF; --off-white:#F9F9F7; --texto:#1A1A1A; --texto-secundario:#4A4A4A; --borda:#E0E0E0; /* Tipografia */ --font-heading:'Playfair Display',Georgia,serif; --font-body:'Inter',Arial,sans-serif; /* Espaçamentos */ --section-padding:80px 0; --container-width:1200px;}/* --- Reset & Base --- */*,*::before,*::after{ margin:0; padding:0; box-sizing:border-box;}html{ scroll-behavior:smooth; font-size:16px;}body{ font-family:var(--font-body); color:var(--texto); background-color:var(--branco); line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4{ font-family:var(--font-heading); line-height:1.2; color:var(--texto);}a{ text-decoration:none; color:inherit; transition:color 0.3s ease;}img{ max-width:100%; display:block;}ul{ list-style:none;}button{ cursor:pointer; border:none; background:none; font-family:inherit;}.container{ width:100%; max-width:var(--container-width); margin:0 auto; padding:0 20px;}/* --- Performance:Content Visibility (Core Web Vitals) --- */.faq,.depoimentos,.contato,.footer{ content-visibility:auto; contain-intrinsic-size:auto 600px;}/* --- Animações Fade-in --- */.fade-in{ opacity:0; transform:translateY(30px); transition:opacity 0.7s ease-out,transform 0.7s ease-out;}.fade-in.visible{ opacity:1; transform:translateY(0);}/* ============================================= 1. HEADER ============================================= */.header{ position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.97); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 1px 8px rgba(0,0,0,0.06); z-index:100; transition:box-shadow 0.3s ease;}.header-inner{ display:flex; align-items:center; justify-content:space-between; height:72px;}.logo{ display:flex; align-items:center; gap:10px; min-width:0; overflow:hidden;}.logo svg{ width:44px; height:44px;}.logo-img{ width:44px; height:44px; max-width:44px; max-height:44px; min-width:0; object-fit:contain; flex-shrink:0;}.logo-text{ display:flex; flex-direction:column;}.logo-name{ font-family:var(--font-heading); font-size:1.35rem; font-weight:700; color:var(--verde-escuro); line-height:1.1;}.logo-subtitle{ font-size:0.65rem; font-weight:400; color:var(--verde-menta); letter-spacing:2.5px; text-transform:uppercase;}/* Navegação desktop */.nav-links{ display:flex; align-items:center; gap:28px;}.nav-links a{ font-size:0.9rem; font-weight:500; color:var(--texto-secundario); transition:color 0.3s ease; position:relative;}.nav-links a::after{ content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:var(--verde-escuro); transition:width 0.3s ease;}.nav-links a:hover{ color:var(--verde-escuro);}.nav-links a:hover::after{ width:100%;}/* Link Trabalhe Conosco */.nav-curriculo{ color:var(--dourado) !important; font-weight:600 !important;}.nav-curriculo:hover{ color:var(--verde-escuro) !important;}/* Botão CTA Header */.btn-whatsapp-header{ display:inline-flex; align-items:center; gap:8px; background:var(--verde-escuro); color:var(--branco); padding:10px 20px; border-radius:8px; font-size:0.85rem; font-weight:600; transition:background 0.3s ease,transform 0.2s ease;}.btn-whatsapp-header:hover{ background:var(--verde-escuro-hover); transform:translateY(-1px);}.btn-whatsapp-header svg{ width:18px; height:18px;}/* Hamburger */.hamburger{ display:none; flex-direction:column; gap:5px; padding:8px; z-index:110;}.hamburger span{ display:block; width:24px; height:2.5px; background:var(--verde-escuro); border-radius:2px; transition:transform 0.3s ease,opacity 0.3s ease;}.hamburger.active span:nth-child(1){ transform:rotate(45deg) translate(5px,5px);}.hamburger.active span:nth-child(2){ opacity:0;}.hamburger.active span:nth-child(3){ transform:rotate(-45deg) translate(6px,-6px);}/* Menu mobile */.nav-mobile{ display:none; position:fixed; top:72px; left:0; right:0; height:calc(100vh - 72px); background-color:#FFFFFF; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:40px; gap:8px; z-index:105; overflow-y:auto; -webkit-overflow-scrolling:touch;}.nav-mobile.open{ display:flex;}.nav-mobile a{ font-size:1.1rem; font-weight:500; color:var(--texto-secundario); padding:12px 32px; border-radius:8px; transition:background 0.2s ease,color 0.2s ease; width:80%; text-align:center;}.nav-mobile a:hover{ background:var(--verde-menta-claro); color:var(--verde-escuro);}.nav-mobile .btn-whatsapp-header{ margin-top:16px; justify-content:center; width:80%;}/* ============================================= 2. HERO ============================================= */.hero{ margin-top:72px; background:linear-gradient(135deg,var(--verde-escuro) 0%,#24734A 40%,var(--verde-menta) 100%); padding:100px 0 80px; text-align:center; position:relative; overflow:hidden;}.hero::before{ content:''; position:absolute; top:-50%; right:-20%; width:600px; height:600px; background:radial-gradient(circle,rgba(123,191,176,0.2) 0%,transparent 70%); border-radius:50%;}.hero::after{ content:''; position:absolute; bottom:-30%; left:-10%; width:400px; height:400px; background:radial-gradient(circle,rgba(201,168,76,0.15) 0%,transparent 70%); border-radius:50%;}.hero-content{ position:relative; z-index:1;}.hero h1{ font-size:3rem; color:var(--branco); margin-bottom:16px; max-width:700px; margin-left:auto; margin-right:auto;}.hero h1 span{ color:var(--dourado);}.hero p{ font-size:1.15rem; color:rgba(255,255,255,0.9); max-width:560px; margin:0 auto 36px; line-height:1.7;}.hero-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}.btn-primary{ display:inline-flex; align-items:center; gap:8px; background:var(--dourado); color:var(--branco); padding:14px 32px; border-radius:8px; font-size:1rem; font-weight:600; transition:background 0.3s ease,transform 0.2s ease;}.btn-primary:hover{ background:#b8973f; transform:translateY(-2px);}.btn-secondary{ display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--branco); padding:14px 32px; border-radius:8px; font-size:1rem; font-weight:600; border:2px solid rgba(255,255,255,0.5); transition:background 0.3s ease,border-color 0.3s ease,transform 0.2s ease;}.btn-secondary:hover{ background:rgba(255,255,255,0.1); border-color:var(--branco); transform:translateY(-2px);}/* ============================================= 3. SOBRE NÓS ============================================= */.sobre{ padding:var(--section-padding); background:var(--branco);}.section-header{ text-align:center; margin-bottom:48px;}.section-header h2{ font-size:2.2rem; color:var(--verde-escuro); margin-bottom:8px;}.section-divider{ width:60px; height:3px; background:var(--dourado); margin:12px auto 16px; border-radius:2px; border:none;}.section-header p{ font-size:1.05rem; color:var(--texto-secundario); max-width:600px; margin:0 auto;}.sobre-content{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}.sobre-text h3{ font-size:1.5rem; color:var(--verde-escuro); margin-bottom:16px;}.sobre-text p{ color:var(--texto-secundario); margin-bottom:16px; line-height:1.8;}.valores-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px;}.valor-item{ display:flex; align-items:center; gap:12px; padding:16px; background:var(--verde-menta-claro); border-radius:12px; transition:transform 0.3s ease;}.valor-item:hover{ transform:translateY(-2px);}.valor-icon{ width:40px; height:40px; background:var(--verde-escuro); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}.valor-icon svg{ width:20px; height:20px; max-width:20px; max-height:20px; flex-shrink:0; fill:none; stroke:var(--branco); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.valor-item span{ font-weight:600; font-size:0.95rem; color:var(--texto);}/* ============================================= 3.5 NOSSOS NÚMEROS ============================================= */.numeros{ padding:60px 0; background:var(--verde-escuro); position:relative;}.numeros-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center;}.numero-item{ display:flex; flex-direction:column; align-items:center; gap:8px;}.numero-icon{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:4px; overflow:hidden; flex-shrink:0;}.numero-icon svg{ width:32px; height:32px; max-width:32px; max-height:32px; flex-shrink:0; stroke:var(--dourado);}.numero-valor{ font-family:var(--font-heading); font-size:2.8rem; font-weight:700; color:var(--branco); line-height:1;}.numero-valor::after{ content:'+'; font-size:1.8rem; color:var(--dourado);}.numero-label{ font-size:0.95rem; color:rgba(255,255,255,0.7); font-weight:500;}/* ============================================= 4. SERVIÇOS ============================================= */.servicos{ padding:var(--section-padding); background:var(--verde-menta-claro);}.servicos-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}.servico-card{ background:var(--branco); border-radius:16px; padding:0; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,0.06); transition:transform 0.3s ease,box-shadow 0.3s ease; overflow:hidden;}.servico-img{ width:100%; height:200px; object-fit:cover; display:block;}.servico-card .servico-icon,.servico-card h3,.servico-card p,.servico-card .servico-badge{ padding-left:28px; padding-right:28px;}.servico-card h3{padding-top:8px;}.servico-card .servico-badge{margin-bottom:28px;}.servico-card:hover{ transform:translateY(-6px); box-shadow:0 8px 32px rgba(0,0,0,0.1);}.servico-icon{ width:72px; height:72px; background:linear-gradient(135deg,var(--verde-escuro),var(--verde-menta)); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; overflow:hidden;}.servico-icon svg{ width:32px; height:32px; max-width:32px; max-height:32px; flex-shrink:0; fill:none; stroke:var(--branco); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.servico-card h3{ font-size:1.25rem; color:var(--verde-escuro); margin-bottom:12px;}.servico-card p{ color:var(--texto-secundario); font-size:0.95rem; line-height:1.7;}.servico-badge{ display:inline-block; margin-top:16px; padding:6px 16px; background:var(--verde-menta-claro); color:var(--verde-escuro); border-radius:20px; font-size:0.8rem; font-weight:600;}/* ============================================= 4.5 COMO FUNCIONA ============================================= */.como-funciona{ padding:var(--section-padding); background:var(--branco);}.passos-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative;}.passos-grid::before{ content:''; position:absolute; top:60px; left:20%; right:20%; height:2px; background:linear-gradient(90deg,var(--verde-menta),var(--verde-escuro),var(--verde-menta)); z-index:0;}.passo-item{ text-align:center; position:relative; z-index:1;}.passo-numero{ width:36px; height:36px; background:var(--dourado); color:var(--branco); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-heading); font-size:1rem; font-weight:700; margin:0 auto 12px;}.passo-icon{ width:72px; height:72px; background:var(--verde-menta-claro); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; overflow:hidden; transition:transform 0.3s ease,background 0.3s ease;}.passo-item:hover .passo-icon{ transform:scale(1.08); background:var(--verde-menta);}.passo-icon svg{ width:32px; height:32px; max-width:32px; max-height:32px; flex-shrink:0; stroke:var(--verde-escuro);}.passo-item h3{ font-size:1.15rem; color:var(--verde-escuro); margin-bottom:8px;}.passo-item p{ font-size:0.95rem; color:var(--texto-secundario); line-height:1.7; max-width:300px; margin:0 auto;}/* ============================================= 5. ÁREA DE ATUAÇÃO ============================================= */.atuacao{ padding:var(--section-padding); background:var(--branco);}.cidades-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}.cidade-card{ background:var(--off-white); border:2px solid var(--verde-menta-claro); border-radius:16px; padding:32px 20px; text-align:center; transition:border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;}.cidade-card:hover{ border-color:var(--verde-menta); transform:translateY(-4px); box-shadow:0 8px 24px rgba(26,92,56,0.1);}.cidade-pin{ width:48px; height:48px; background:var(--verde-escuro); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; overflow:hidden;}.cidade-pin svg{ width:24px; height:24px; max-width:24px; max-height:24px; flex-shrink:0; fill:none; stroke:var(--branco); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.cidade-card h3{ font-size:1.05rem; color:var(--verde-escuro); margin-bottom:4px;}.cidade-card p{ font-size:0.85rem; color:var(--texto-secundario);}/* ============================================= 6. DEPOIMENTOS ============================================= */.depoimentos{ padding:var(--section-padding); background:var(--verde-menta-claro);}.depoimentos-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px;}.depoimento-card{ background:var(--branco); border-radius:16px; padding:32px; position:relative; box-shadow:0 4px 20px rgba(0,0,0,0.06); transition:transform 0.3s ease;}.depoimento-card:hover{ transform:translateY(-4px);}.depoimento-stars{ display:flex; gap:2px; margin-bottom:12px;}.depoimento-stars svg{ width:18px; height:18px;}.depoimento-aspas{ font-family:var(--font-heading); font-size:4rem; color:var(--dourado); line-height:1; margin-bottom:-12px;}.depoimento-card blockquote,.depoimento-card .depoimento-texto{ color:var(--texto-secundario); font-size:0.95rem; line-height:1.7; margin-bottom:20px; font-style:italic;}.depoimento-author{ display:flex; align-items:center; gap:12px;}.depoimento-avatar{ width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--verde-escuro),var(--verde-menta)); display:flex; align-items:center; justify-content:center; color:var(--branco); font-weight:700; font-size:1rem; flex-shrink:0;}.depoimento-info strong{ display:block; font-size:0.9rem; color:var(--texto);}.depoimento-info span{ font-size:0.8rem; color:var(--verde-menta); font-weight:500;}/* ============================================= 8. FAQ ============================================= */.faq{ padding:var(--section-padding); background:var(--verde-menta-claro);}.faq-list{ max-width:780px; margin:0 auto; display:flex; flex-direction:column; gap:12px;}.faq-item{ background:var(--branco); border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.04); border:1px solid transparent; transition:border-color 0.3s ease;}.faq-item.active{ border-color:var(--verde-menta);}.faq-question{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:20px 24px; font-size:1rem; font-weight:600; color:var(--texto); text-align:left; cursor:pointer; transition:color 0.3s ease;}.faq-question:hover{ color:var(--verde-escuro);}.faq-question .faq-icon{ width:24px; height:24px; flex-shrink:0; transition:transform 0.3s ease;}.faq-item.active .faq-question .faq-icon{ transform:rotate(45deg);}.faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.35s ease;}.faq-answer-inner{ padding:0 24px 20px; color:var(--texto-secundario); line-height:1.7; font-size:0.95rem;}/* ============================================= 9. CONTATO ============================================= */.contato{ padding:var(--section-padding); background:var(--branco);}.contato-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}.contato-form{ background:var(--off-white); padding:36px; border-radius:16px;}.form-group{ margin-bottom:20px;}.form-group label{ display:block; font-size:0.9rem; font-weight:600; color:var(--texto); margin-bottom:6px;}.form-group input,.form-group select,.form-group textarea{ width:100%; padding:12px 16px; border:2px solid var(--borda); border-radius:8px; font-family:var(--font-body); font-size:0.95rem; color:var(--texto); background:var(--branco); transition:border-color 0.3s ease; outline:none;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{ border-color:var(--verde-menta);}.form-group textarea{ resize:vertical; min-height:120px;}.btn-enviar{ display:inline-flex; align-items:center; gap:8px; background:var(--verde-escuro); color:var(--branco); padding:14px 36px; border-radius:8px; font-size:1rem; font-weight:600; width:100%; justify-content:center; transition:background 0.3s ease,transform 0.2s ease;}.btn-enviar:hover{ background:var(--verde-escuro-hover); transform:translateY(-1px);}.form-success{ display:none; padding:16px; background:var(--verde-menta-claro); border:2px solid var(--verde-menta); border-radius:8px; text-align:center; color:var(--verde-escuro); font-weight:600; margin-top:16px;}.form-success.show{ display:block;}.form-success.form-error{ background:#fff0f0; border-color:#e74c3c; color:#c0392b;}.contato-info h3{ font-size:1.5rem; color:var(--verde-escuro); margin-bottom:20px;}.contato-info-item{ display:flex; align-items:flex-start; gap:16px; margin-bottom:24px;}.contato-info-icon{ width:44px; height:44px; background:var(--verde-menta-claro); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}.contato-info-icon svg{ width:20px; height:20px; max-width:20px; max-height:20px; flex-shrink:0; fill:none; stroke:var(--verde-escuro); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.contato-info-item strong{ display:block; font-size:0.9rem; color:var(--texto); margin-bottom:2px;}.contato-info-item span{ color:var(--texto-secundario); font-size:0.9rem;}.btn-whatsapp-grande{ display:flex; align-items:center; justify-content:center; gap:12px; background:#25D366; color:var(--branco); padding:16px 32px; border-radius:12px; font-size:1.1rem; font-weight:700; margin-top:32px; transition:background 0.3s ease,transform 0.2s ease; box-shadow:0 4px 16px rgba(37,211,102,0.3);}.btn-whatsapp-grande:hover{ background:#1EB954; transform:translateY(-2px);}.btn-whatsapp-grande svg{ width:28px; height:28px;}/* ============================================= 10. FOOTER ============================================= */.footer{ background:var(--verde-escuro); color:rgba(255,255,255,0.8); padding:60px 0 24px;}.footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:40px;}.footer-logo{ display:flex; align-items:center; gap:10px; margin-bottom:8px;}.footer-logo .logo-img{ width:40px; height:40px; object-fit:contain;}.footer-brand .logo-name{ color:var(--branco); font-size:1.5rem; margin-bottom:4px;}.footer-brand .logo-subtitle{ color:var(--verde-menta); margin-bottom:12px; display:block;}.footer-brand .tagline{ color:var(--dourado); font-family:var(--font-heading); font-style:italic; font-size:1rem; margin-bottom:12px;}.footer-desc{ font-size:0.85rem; color:rgba(255,255,255,0.6); line-height:1.6; margin-bottom:20px;}.contato-endereco{ font-style:normal;}.footer-social{ display:flex; gap:12px;}.footer-social a{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; transition:background 0.3s ease;}.footer-social a:hover{ background:var(--verde-menta);}.footer-social svg{ width:18px; height:18px; fill:var(--branco);}.footer h4{ color:var(--branco); font-size:1rem; margin-bottom:16px; font-family:var(--font-body); font-weight:700;}.footer-links a{ display:block; color:rgba(255,255,255,0.7); font-size:0.9rem; padding:4px 0; transition:color 0.3s ease;}.footer-links a:hover{ color:var(--verde-menta);}.footer-bottom{ border-top:1px solid rgba(255,255,255,0.15); padding-top:24px; text-align:center; font-size:0.85rem; color:rgba(255,255,255,0.5);}/* ============================================= BOTÃO FLUTUANTE WHATSAPP ============================================= */.whatsapp-float-wrapper{ position:fixed; bottom:24px; right:24px; z-index:90;}.whatsapp-float{ position:relative; width:60px; height:60px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(37,211,102,0.4); transition:transform 0.3s ease,box-shadow 0.3s ease;}.whatsapp-float:hover{ transform:scale(1.1); box-shadow:0 6px 20px rgba(37,211,102,0.5);}.whatsapp-float svg{ width:30px; height:30px; fill:var(--branco);}/* Balão de mensagem */.whatsapp-bubble{ position:absolute; bottom:70px; right:0; background:#fff; color:#333; padding:14px 18px; padding-right:32px; border-radius:12px; border-bottom-right-radius:4px; box-shadow:0 4px 20px rgba(0,0,0,0.15); font-size:14px; font-family:'Inter',sans-serif; line-height:1.4; width:240px; opacity:0; transform:translateY(10px) scale(0.95); transition:opacity 0.4s ease,transform 0.4s ease; pointer-events:none;}.whatsapp-bubble.show{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}.whatsapp-bubble::after{ content:''; position:absolute; bottom:-8px; right:20px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff;}.whatsapp-bubble-close{ position:absolute; top:4px; right:8px; background:none; border:none; font-size:18px; color:#999; cursor:pointer; padding:2px 6px; line-height:1;}.whatsapp-bubble-close:hover{ color:#333;}/* ============================================= BOTÃO VOLTAR AO TOPO ============================================= */.scroll-top{ position:fixed; bottom:96px; right:24px; width:44px; height:44px; background:var(--verde-escuro); color:var(--branco); border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:89; opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,background 0.3s ease; box-shadow:0 2px 12px rgba(26,92,56,0.3);}.scroll-top.visible{ opacity:1; visibility:visible; transform:translateY(0);}.scroll-top:hover{ background:var(--verde-escuro-hover); transform:translateY(-2px);}.scroll-top svg{ width:22px; height:22px;}/* ============================================= BANNER LGPD / COOKIES ============================================= */.cookie-banner{ position:fixed; bottom:0; left:0; right:0; background:rgba(26,26,26,0.95); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:200; padding:16px 0; transform:translateY(100%); transition:transform 0.4s ease;}.cookie-banner.show{ transform:translateY(0);}.cookie-content{ max-width:var(--container-width); margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:24px;}.cookie-content p{ font-size:0.85rem; color:rgba(255,255,255,0.8); line-height:1.5;}.cookie-content a{ color:var(--verde-menta); text-decoration:underline;}.cookie-aceitar{ flex-shrink:0; background:var(--verde-escuro); color:var(--branco); padding:10px 24px; border-radius:8px; font-size:0.85rem; font-weight:600; cursor:pointer; border:none; transition:background 0.3s ease;}.cookie-aceitar:hover{ background:var(--verde-menta); color:var(--verde-escuro);}/* ============================================= FOOTER LEGAL ============================================= */.footer-legal{ margin-top:8px; font-size:0.8rem;}.footer-legal a{ color:rgba(255,255,255,0.5); transition:color 0.3s ease;}.footer-legal a:hover{ color:var(--verde-menta);}/* ============================================= AVISO LEGAL - SEÇÃO SERVIÇOS ============================================= */.aviso-legal-servicos{ margin-top:40px; padding:20px 28px; background:rgba(128,0,128,0.08); border-left:4px solid #6b2fa0; border-radius:8px; text-align:center; max-width:750px; margin-left:auto; margin-right:auto;}.aviso-legal-servicos p{ margin:0; font-size:0.92rem; color:#4a4a4a; line-height:1.6;}.aviso-legal-servicos strong{ color:#6b2fa0;}/* ============================================= AVISO LEGAL - FOOTER ============================================= */.footer-aviso-legal{ border-top:1px solid rgba(255,255,255,0.1); padding-top:16px; margin-top:24px; text-align:center;}.footer-aviso-legal p{ margin:0; font-size:0.82rem; color:rgba(255,255,255,0.6); line-height:1.5;}.footer-aviso-legal strong{ color:rgba(255,255,255,0.8);}/* ============================================= RESPONSIVO ============================================= */@media (max-width:1024px){ .servicos-grid, .depoimentos-grid{ grid-template-columns:repeat(2,1fr);} .cidades-grid{ grid-template-columns:repeat(2,1fr);} .numeros-grid{ grid-template-columns:repeat(2,1fr); gap:28px 16px;} .passos-grid::before{ display:none;} .footer-grid{ grid-template-columns:1fr 1fr;}}@media (max-width:768px){:root{ --section-padding:60px 0;} /* Header mobile */ .header-inner{ height:64px;} .logo-img{ width:38px !important; height:38px !important; max-width:38px !important; max-height:38px !important;} .logo-name{ font-size:1.15rem;} .logo-subtitle{ font-size:0.6rem; letter-spacing:2px;} .nav-mobile{ top:64px; height:calc(100vh - 64px);} .nav-links, .btn-whatsapp-header-desktop{ display:none;} .hamburger{ display:flex;} /* Hero */ .hero{ margin-top:64px; padding:70px 0 60px;} .hero h1{ font-size:2rem;} .hero p{ font-size:1rem;} .hero-buttons{ flex-direction:column; align-items:center;} /* Sobre */ .sobre-content{ grid-template-columns:1fr; gap:32px;} .valores-grid{ grid-template-columns:1fr;} /* Serviços */ .servicos-grid, .depoimentos-grid{ grid-template-columns:1fr;} .cidades-grid{ grid-template-columns:1fr 1fr;} .numeros-grid{ grid-template-columns:repeat(2,1fr);} .numeros{ padding:48px 0;} .numero-valor{ font-size:2.2rem;} .passos-grid{ grid-template-columns:1fr; gap:32px;} .cookie-content{ flex-direction:column; text-align:center; gap:12px;} /* Contato */ .contato-grid{ grid-template-columns:1fr;} /* Footer */ .footer-grid{ grid-template-columns:1fr; gap:32px;} /* Section headers */ .section-header h2{ font-size:1.8rem;}}@media (max-width:480px){ .header-inner{ height:60px;} .logo-img{ width:34px !important; height:34px !important; max-width:34px !important; max-height:34px !important;} .logo-name{ font-size:1.05rem;} .logo-subtitle{ font-size:0.55rem; letter-spacing:1.5px;} .logo{ gap:8px;} .nav-mobile{ top:60px; height:calc(100vh - 60px);} .hero{ margin-top:60px; padding:60px 0 50px;} .hero h1{ font-size:1.7rem;} .cidades-grid{ grid-template-columns:1fr;} .contato-form{ padding:24px 20px;} .btn-primary, .btn-secondary{ width:100%; justify-content:center;} .footer-logo .logo-img{ width:34px !important; height:34px !important;}}@media (max-width:360px){ .header-inner{ height:56px;} .logo-img{ width:30px !important; height:30px !important; max-width:30px !important; max-height:30px !important;} .logo-name{ font-size:0.95rem;} .logo-subtitle{ display:none;} .logo{ gap:6px;} .nav-mobile{ top:56px; height:calc(100vh - 56px);} .hero, .blog-hero{ margin-top:56px;}}/* ============================================ BLOG — Listagem,Artigos e Landing Pages ============================================ *//* Hero compacto para páginas internas */.blog-hero{ background:linear-gradient(135deg,#1A5C38 0%,#24734A 50%,#2D8B5A 100%); padding:120px 0 60px; margin-top:72px; text-align:center; position:relative;}.blog-hero h1{ font-family:var(--font-heading); font-size:2.4rem; color:var(--branco); margin-bottom:16px; line-height:1.25;}.blog-hero h1 span{ color:var(--dourado);}.blog-hero p{ color:rgba(255,255,255,0.85); font-size:1.1rem; max-width:650px; margin:0 auto;}/* Breadcrumb */.article-breadcrumb{ padding:16px 0; font-size:0.85rem; color:var(--texto-secundario);}.article-breadcrumb a{ color:var(--verde-escuro); text-decoration:none;}.article-breadcrumb a:hover{ text-decoration:underline;}.article-breadcrumb span{ margin:0 8px; color:var(--borda);}/* Meta (data,tempo de leitura) */.article-meta{ display:flex; align-items:center; gap:20px; margin-bottom:32px; font-size:0.88rem; color:rgba(255,255,255,0.7);}.article-meta-item{ display:flex; align-items:center; gap:6px;}/* Conteúdo do artigo */.article-content{ max-width:780px; margin:0 auto; padding:48px 20px 60px;}.article-content h2{ font-family:var(--font-heading); font-size:1.7rem; color:var(--texto); margin:48px 0 16px; line-height:1.3;}.article-content h3{ font-family:var(--font-heading); font-size:1.3rem; color:var(--texto); margin:36px 0 12px;}.article-content p{ font-size:1.05rem; line-height:1.85; color:var(--texto-secundario); margin-bottom:20px;}.article-content ul,.article-content ol{ margin:16px 0 24px 24px; color:var(--texto-secundario); line-height:1.85; font-size:1.05rem;}.article-content li{ margin-bottom:8px;}.article-content strong{ color:var(--texto);}.article-content blockquote{ border-left:4px solid var(--dourado); margin:28px 0; padding:16px 24px; background:var(--verde-menta-claro); border-radius:0 12px 12px 0; font-style:italic; color:var(--texto-secundario);}/* Tabela dentro do artigo */.article-content table{ width:100%; border-collapse:collapse; margin:24px 0 32px; font-size:0.95rem;}.article-content table th{ background:var(--verde-escuro); color:var(--branco); padding:12px 16px; text-align:left; font-weight:600;}.article-content table th:first-child{border-radius:8px 0 0 0;}.article-content table th:last-child{border-radius:0 8px 0 0;}.article-content table td{ padding:12px 16px; border-bottom:1px solid var(--borda);}.article-content table tr:nth-child(even){ background:var(--off-white);}/* Destaque / Info box */.article-highlight{ background:var(--verde-menta-claro); border:2px solid var(--verde-menta); border-radius:12px; padding:24px; margin:28px 0;}.article-highlight h4{ font-family:var(--font-heading); color:var(--verde-escuro); margin-bottom:8px; font-size:1.1rem;}/* CTA Box no final do artigo */.article-cta{ background:var(--verde-menta-claro); border-radius:16px; padding:40px 32px; text-align:center; margin:48px 0 0;}.article-cta h3{ font-family:var(--font-heading); font-size:1.5rem; color:var(--verde-escuro); margin:0 0 12px;}.article-cta p{ color:var(--texto-secundario); margin-bottom:24px; font-size:1.05rem;}.article-cta .btn-whatsapp-grande{ display:inline-flex;}/* Blog Grid — Listagem */.blog-section{ padding:60px 0 80px;}.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:40px;}/* Blog Card */.blog-card{ background:var(--branco); border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); transition:transform 0.35s ease,box-shadow 0.35s ease; text-decoration:none; color:inherit; display:flex; flex-direction:column;}.blog-card:hover{ transform:translateY(-6px); box-shadow:0 8px 32px rgba(0,0,0,0.1);}.blog-card-img{ width:100%; height:200px; object-fit:cover;}.blog-card-body{ padding:24px; flex:1; display:flex; flex-direction:column;}.blog-card-tag{ display:inline-block; background:var(--verde-menta-claro); color:var(--verde-escuro); padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:12px; width:fit-content;}.blog-card h3{ font-family:var(--font-heading); font-size:1.2rem; color:var(--texto); margin-bottom:10px; line-height:1.35;}.blog-card p{ color:var(--texto-secundario); font-size:0.92rem; line-height:1.6; flex:1;}.blog-card-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:16px; border-top:1px solid var(--borda); font-size:0.82rem; color:var(--texto-secundario);}.blog-card-link{ color:var(--verde-escuro); font-weight:600; text-decoration:none;}.blog-card-link:hover{ color:var(--dourado);}/* Blog na Homepage */.blog-home{ padding:80px 0; background:var(--verde-menta-claro);}.blog-home-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:40px;}.blog-home-cta{ text-align:center; margin-top:40px;}.btn-blog-ver-todos{ display:inline-block; padding:14px 36px; background:var(--verde-escuro); color:var(--branco); border-radius:30px; font-weight:600; font-size:1rem; text-decoration:none; transition:background 0.3s ease,transform 0.3s ease;}.btn-blog-ver-todos:hover{ background:var(--dourado); color:var(--verde-escuro); transform:translateY(-2px);}/* Artigos Relacionados */.related-posts{ padding:60px 0; background:var(--verde-menta-claro);}.related-posts h2{ font-family:var(--font-heading); font-size:1.8rem; text-align:center; margin-bottom:8px;}.related-posts .section-divider{ margin-bottom:40px;}.related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}/* Landing page - serviços grid */.landing-services{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin:32px 0;}.landing-service-card{ background:var(--off-white); border-radius:12px; padding:24px; border:2px solid var(--verde-menta-claro); transition:border-color 0.3s,transform 0.3s;}.landing-service-card:hover{ border-color:var(--verde-menta); transform:translateY(-3px);}.landing-service-card h3{ font-family:var(--font-heading); font-size:1.15rem; color:var(--verde-escuro); margin-bottom:8px;}.landing-service-card p{ font-size:0.95rem; margin:0;}/* Responsivo Blog */@media (max-width:1024px){ .blog-grid, .related-grid, .blog-home-grid{ grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){ .blog-hero{ padding:100px 0 48px;} .blog-hero h1{ font-size:1.8rem;} .blog-grid, .related-grid, .blog-home-grid{ grid-template-columns:1fr;} .blog-home{ padding:60px 0;} .article-content{ padding:32px 16px 48px;} .article-content h2{ font-size:1.45rem;} .article-meta{ flex-wrap:wrap; gap:10px;} .article-cta{ padding:28px 20px;} .landing-services{ grid-template-columns:1fr;}}@media (max-width:480px){ .blog-hero h1{ font-size:1.5rem;} .article-content h2{ font-size:1.3rem;}}