:root{--primary-color: #a2d5c6;--secondary-color: #435739;--accent-color: #929a56;--text-color: #e0e0e0;--dark-bg: rgba(0, 0, 0, .6);--container-bg: rgba(67, 87, 57, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,serif;color:var(--text-color);background-color:var(--primary-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--dark-bg);padding:15px 0;position:fixed;width:100%;top:0;left:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{height:60px;width:auto}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--text-color);margin:3px 0;transition:.3s}nav ul{list-style:none;display:flex}nav ul li{margin-left:20px}nav ul li a{color:var(--text-color);text-decoration:none;transition:.3s;font-weight:500}nav ul li a:hover{color:var(--primary-color)}.header-social-media{display:flex;gap:15px}.header-social-media a{color:var(--text-color);font-size:20px;transition:color .3s ease}.header-social-media a:hover{color:var(--primary-color)}.hero{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(5px) brightness(60%);z-index:-1}.overlay{z-index:1;max-width:600px;padding:20px}.overlay h2{font-size:2.5rem;margin-bottom:15px}.overlay p{font-size:1.2rem;margin-bottom:25px}.cta{display:inline-block;background:var(--primary-color);color:var(--secondary-color);padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:700;font-size:1.1rem;transition:.3s;text-align:center;width:auto;max-width:100%;margin-top:20px}.cta:hover{background:var(--accent-color);color:#fff}section{padding:80px 0}.section-container{background:var(--container-bg);padding:30px;border-radius:10px;box-shadow:0 4px 10px #0003}.section-title{font-size:2.5rem;color:var(--primary-color);margin-bottom:30px;text-align:center}.sobre{background:linear-gradient(#435739b3,#435739b3),url(./src/media/images/sobre.jpg);background-size:cover;background-position:center}.sobre-conteudo{display:flex;justify-content:space-between;align-items:center;gap:40px}.sobre .texto{flex:1}.sobre .texto h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:15px}.sobre .texto h3{font-size:1.5rem;margin-bottom:20px}.sobre .texto p{font-size:1.1rem;line-height:1.6;margin-bottom:25px}.sobre .imagem{flex:1;display:flex;justify-content:center}.sobre .imagem img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000004d}.servicos{background:linear-gradient(#435739b3,#435739b3),url(./src/media/images/sobre.jpg);background-size:cover;background-position:center}.servicos-conteudo{display:flex;justify-content:space-between;align-items:stretch;gap:40px}.servicos .imagem{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:600px}.servicos .imagem img{width:100%;height:100%;max-height:600px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:opacity .35s ease}.servicos .texto{flex:1;display:flex;flex-direction:column;justify-content:space-between}.servicos .texto h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:20px;text-align:left}.lista-servicos{list-style:none;padding:0}.lista-servicos li{margin-bottom:25px;padding:15px;border-radius:8px;background:#ffffff1a;cursor:pointer;transition:all .3s ease;position:relative}#imagem-servico{transition:opacity .3s ease}.lista-servicos li:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.lista-servicos li:hover{background:#ffffff26}.lista-servicos li:hover:after,.lista-servicos li.ativo:after{width:100%}.lista-servicos li.ativo{background:#fff3;color:var(--primary-color)}.lista-servicos li h3{font-size:1.3rem;margin-bottom:8px;color:inherit;font-weight:600}.lista-servicos li p{font-size:1rem;line-height:1.5;margin:0}.testemunhos .container{text-align:center;background:var(--container-bg);padding:30px;border-radius:10px;box-shadow:0 4px 10px #0003}.testemunhos h2{margin-bottom:20px;color:var(--primary-color)}.testemunhos p{font-size:1.2rem;font-style:italic}.contato .container{text-align:center;background:var(--container-bg);padding:30px;border-radius:10px;box-shadow:0 4px 10px #0003}.contato h2{margin-bottom:15px;color:var(--primary-color)}.contato>p{margin-bottom:25px;font-size:1.1rem}.social-media{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.social-media a{display:inline-flex;align-items:center;padding:12px 20px;color:var(--text-color);text-decoration:none;background:var(--secondary-color);border-radius:5px;transition:.3s}.social-media a i{margin-right:8px}.social-media a:hover{background:var(--accent-color);transform:translateY(-3px)}footer{text-align:center;padding:20px;color:var(--secondary-color);font-size:14px;background:#0000001a}@media (max-width: 1024px){.sobre-conteudo,.servicos-conteudo{gap:30px}servicos .texto h2{font-size:2.2rem}.overlay h2{font-size:2.2rem}}@media (max-width: 900px){.servicos-conteudo{flex-direction:column}.servicos .imagem,.servicos .texto{order:unset;flex:none;width:100%}.servicos .imagem{max-width:500px;margin:0 auto}.servicos .imagem img{max-height:400px}}@media (max-width: 768px){.menu-toggle{display:flex}.menu-container{position:fixed;top:90px;left:-100%;width:100%;height:calc(100vh - 90px);background:var(--dark-bg);transition:left .3s ease;padding:20px}.menu-container.active{left:0}nav ul{flex-direction:column;gap:15px}nav ul li{margin-left:0}.header-social-media{display:none}.sobre-conteudo{flex-direction:column;text-align:center}.overlay h2{font-size:2rem}.overlay p{font-size:1.1rem}.servicos .texto h2{font-size:2rem;text-align:left}.lista-servicos li{padding:12px}.lista-servicos li b{font-size:1.2rem}.social-media{flex-direction:column;align-items:center}.social-media a{width:200px;justify-content:center}}@media (max-width: 480px){.container{padding:0 15px}.logo{height:50px}.overlay h2{font-size:1.8rem}.overlay p{font-size:1rem}.cta{padding:10px 20px;font-size:1rem}.servicos .texto h2{font-size:1.8rem}.lista-servicos li h3{font-size:1.1rem}.sobre .texto h2{font-size:2rem}.sobre .texto h3{font-size:1.3rem}.lista-servicos li b{font-size:1.1rem}.lista-servicos li p{font-size:.95rem}}
