/* TELABRAS SEO/GEO - Stylesheet (non-critical, loaded async) */
/* Critical CSS is inline in HTML - this file handles below-the-fold styles */

/* Sections */
.secao{padding:70px 0}
.secao-cinza{background:#f5f5f5}
.secao-titulo{text-align:center;margin-bottom:50px}
.secao-titulo h2{font-size:34px;color:#3d3d3d;margin-bottom:12px}
.secao-titulo h2 strong{color:#7B1B38}
.secao-titulo p{font-size:17px;color:#696969;max-width:650px;margin:0 auto}
.secao-titulo::after{content:'';display:block;width:60px;height:3px;background:#7B1B38;margin:15px auto 0;border-radius:2px}

/* Intro Local */
.intro-local{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.intro-local-texto h2{font-size:30px;margin-bottom:18px}
.intro-local-texto h2 strong{color:#7B1B38}
.intro-local-texto p{margin-bottom:15px;color:#696969;font-size:16px}
.intro-local-imagem{border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}
.intro-local-imagem img{width:100%;height:100%;object-fit:cover;min-height:350px}

/* Service Cards - NO transition on non-compositable properties */
.servicos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.servico-card{background:#fff;border-radius:8px;padding:35px 25px;box-shadow:0 4px 15px rgba(0,0,0,.08);border-top:4px solid transparent;text-align:center;transition:transform .3s ease;will-change:transform}
.servico-card:hover{transform:translateY(-5px);border-top-color:#7B1B38}
.servico-card-icone{width:70px;height:70px;background:linear-gradient(135deg,#7B1B38,#9b2d4e);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.servico-card-icone svg{width:32px;height:32px;fill:#fff}
.servico-card h3{font-size:20px;margin-bottom:12px;color:#3d3d3d}
.servico-card p{font-size:15px;color:#696969;line-height:1.6}

/* Diferenciais - NO transition on non-compositable properties */
.diferenciais-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.diferencial-item{text-align:center;padding:30px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:transform .3s ease;will-change:transform}
.diferencial-item:hover{transform:translateY(-3px)}
.diferencial-icone{width:65px;height:65px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.diferencial-icone svg{width:30px;height:30px;fill:#7B1B38}
.diferencial-item h3{font-size:16px;margin-bottom:8px;color:#3d3d3d}
.diferencial-item p{font-size:14px;color:#696969}

/* FAQ */
.faq-lista{max-width:850px;margin:0 auto}
.faq-item{background:#fff;border-radius:8px;margin-bottom:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;border-left:4px solid #7B1B38}
.faq-pergunta{width:100%;padding:20px 25px;background:0 0;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Open Sans',Arial,sans-serif;font-size:16px;font-weight:700;color:#3d3d3d;text-align:left;min-height:48px}
.faq-pergunta:hover{color:#7B1B38}
.faq-pergunta::after{content:'+';font-size:24px;font-weight:700;color:#7B1B38;flex-shrink:0;margin-left:15px}
.faq-item.ativo .faq-pergunta::after{content:'\2212'}
.faq-resposta{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.ativo .faq-resposta{max-height:500px}
.faq-resposta-conteudo{padding:0 25px 20px;font-size:15px;color:#696969;line-height:1.7}
.faq-resposta-conteudo strong{color:#3d3d3d}

/* CTA */
.cta-secao{background:linear-gradient(135deg,#7B1B38,#5a1329);color:#fff;padding:60px 0;text-align:center}
.cta-secao h2{font-size:32px;color:#fff;margin-bottom:12px}
.cta-secao p{font-size:17px;opacity:.9;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-contatos{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}

/* Bairros Table */
.secao-bairros{padding:60px 0;background:#f5f5f5}
.bairros-titulo{text-align:center;margin-bottom:40px}
.bairros-titulo h2{font-size:28px;margin-bottom:10px}
.bairros-titulo h2 strong{color:#7B1B38}
.bairros-titulo p{color:#696969;font-size:16px}
.bairros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.bairros-regiao{background:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.08)}
.bairros-regiao h3{font-size:16px;color:#fff;background:#7B1B38;padding:10px 15px;border-radius:6px;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.bairros-regiao ul{columns:2;column-gap:15px}
.bairros-regiao li{padding:6px 0;font-size:14px;break-inside:avoid}
.bairros-regiao li a{color:#555;display:flex;align-items:center;padding:4px 0;min-height:44px}
.bairros-regiao li a:hover{color:#7B1B38}
.bairros-regiao li a.ativo{color:#7B1B38;font-weight:600}
.bairros-regiao li span.sem-link{color:#767676;font-size:14px}

/* Footer */
.footer{background:#3d3d3d;color:#ccc;padding:50px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:30px}
.footer-col h3{font-size:16px;color:#fff;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.footer-col p,.footer-col li{font-size:14px;margin-bottom:8px;line-height:1.6}
.footer-col a{color:#ccc}
.footer-col a:hover{color:#fff}
.footer-contato-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.footer-contato-item svg{width:18px;height:18px;fill:#9b2d4e;flex-shrink:0;margin-top:2px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:13px}
.footer-bottom a{color:#9b2d4e}

/* WhatsApp Float - composited animation only */
.whatsapp-fixo{position:fixed;bottom:25px;right:25px;z-index:9999;width:60px;height:60px;background:#137a33;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(26,158,69,.5);transition:transform .3s ease;animation:pulsar 2s infinite}
.whatsapp-fixo:hover{transform:scale(1.1)}
.whatsapp-fixo svg{width:32px;height:32px;fill:#fff}
@keyframes pulsar{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* Benefits List */
.lista-beneficios{margin:15px 0}
.lista-beneficios li{padding:6px 0 6px 28px;position:relative;font-size:15px;color:#696969}
.lista-beneficios li::before{content:'\2713';position:absolute;left:0;color:#7B1B38;font-weight:700;font-size:16px}

/* Responsive */
@media(max-width:992px){
.hero h1{font-size:34px}
.intro-local{grid-template-columns:1fr;gap:30px}
.diferenciais-grid{grid-template-columns:repeat(2,1fr)}
.secao-titulo h2{font-size:28px}
}
@media(max-width:768px){
.topo-contato .container{justify-content:center;text-align:center}
.topo-links{flex-wrap:wrap;justify-content:center;gap:12px}
.header-principal .container{flex-wrap:wrap}
.menu-toggle{display:block}
.nav-principal{display:none;width:100%;margin-top:15px}
.nav-principal.aberto{display:block}
.nav-principal ul{flex-direction:column;gap:0}
.nav-principal a{display:block;padding:12px 16px;border-bottom:1px solid #f5f5f5;border-radius:0}
.hero{padding:40px 0}
.hero h1{font-size:26px}
.hero h1 span{font-size:16px}
.hero p{font-size:15px}
.secao{padding:45px 0}
.diferenciais-grid{grid-template-columns:1fr 1fr;gap:15px}
.servicos-grid{grid-template-columns:1fr}
.cta-secao h2{font-size:24px}
.bairros-grid{grid-template-columns:1fr}
.bairros-regiao ul{columns:2}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
.hero h1{font-size:24px}
.hero-badges{flex-direction:column;align-items:center;gap:8px}
.diferenciais-grid{grid-template-columns:1fr}
.hero-buttons{flex-direction:column;align-items:center}
.btn{width:100%;justify-content:center}
.footer-grid{grid-template-columns:1fr}
.bairros-regiao ul{columns:1}
}