:root {  --font-heading: 'Montserrat', sans-serif;  --font-body: 'Poppins', sans-serif;  --brand-purple: #5a2a83;  --brand-light: #f2f2f2;  --overlay-color: rgba(0, 0, 0, 0.5);  --transition: 0.3s ease;}body {  font-family: var(--font-body);  color: #333;  background: #fff;}a {  text-decoration: none;  color: inherit;}ul {  list-style: none;}/* HEADER */#site-header {  position: sticky;  top: 0;  width: 100%;  background: #fff;  z-index: 1000;  border-bottom: 1px solid #eee;}.header-inner {  max-width: 1200px;  margin: 0 auto;  padding: 1rem 2rem;  display: flex;  justify-content: space-between;  align-items: center;}.logo img {  height: 48px;}.nav-desktop ul {  display: flex;  gap: 2rem;}.nav-desktop a {  font-family: var(--font-heading);  font-weight: 500;  color: var(--brand-purple);}.nav-desktop a:hover {  text-decoration: underline;}/* HERO */.hero {  position: relative;  background: url('fundo.jpg') center/cover no-repeat;  color: #fff;}.hero-overlay {  position: absolute;  inset: 0;  background: var(--overlay-color);}.hero-container {  position: relative;  display: grid;  grid-template-columns: 1fr 1fr;  align-items: center;  gap: 2rem;  max-width: 1200px;  margin: 0 auto;  padding: 4rem 2rem;  z-index: 1;}.hero-text h1 {  font-family: var(--font-heading);  font-size: 2.5rem;  color: #fff;  margin-bottom: 1rem;}.hero-text p {  color: #e0e0e0;  margin-bottom: 1.5rem;}.puv-list li {  display: flex;  align-items: center;  gap: 0.5rem;  color: #fff;  margin-bottom: 0.75rem;}.puv-list i {  color: var(--brand-purple);}/* FORM */.hero-form form {  background: #fff;  padding: 2rem;  border-radius: 8px;  display: flex;  flex-direction: column;  gap: 1rem;}.hero-form input,.hero-form button {  width: 100%;  padding: 0.75rem;  border: 1px solid #ccc;  border-radius: 4px;  font-family: var(--font-body);}.hero-form button {  background: var(--brand-purple);  color: #fff;  font-family: var(--font-heading);  border: none;  cursor: pointer;  transition: background var(--transition);}.hero-form button:hover {  background: #4b2170;}.how-it-works {  padding: 60px 2rem;  background: #f9f9f9;}.how-it-works h2 {  text-align: center;  font-family: var(--font-heading);  font-size: 2rem;  color: var(--brand-purple);  margin-bottom: 40px;}.steps-grid {  display: grid;  gap: 2rem;  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));  max-width: 1000px;  margin: 0 auto;}.step {  background: #fff;  border-radius: 8px;  padding: 30px 20px;  text-align: center;  box-shadow: 0 4px 12px rgba(0,0,0,0.05);  transition: transform var(--transition);}.step:hover {  transform: translateY(-5px);}.step i {  color: var(--brand-purple);  margin-bottom: 15px;}.step h3 {  font-family: var(--font-heading);  font-size: 1.25rem;  margin-bottom: 10px;  color: #222;}.step p {  font-size: 0.95rem;  line-height: 1.6;  color: #555;}/* Responsivo */@media (max-width: 768px) {  .steps-grid {    grid-template-columns: 1fr;  }}.differentials-section {  padding: 60px 2rem;  background: #fff;}.differentials-section h2 {  text-align: center;  font-family: var(--font-heading);  font-size: 2rem;  color: var(--brand-purple);  margin-bottom: 40px;}.differential-grid {  display: grid;  grid-template-columns: repeat(1, 1fr); /* padrão para mobile */  gap: 2rem;  max-width: 1200px;  margin: 0 auto;}.differential-card {  background: #f9f9f9;  border-radius: 8px;  padding: 30px 20px;  text-align: center;  box-shadow: 0 4px 12px rgba(0,0,0,0.05);  transition: transform var(--transition);}.differential-card:hover {  transform: translateY(-5px);}.differential-card i {  color: var(--brand-purple);  margin-bottom: 15px;}.differential-card h3 {  font-family: var(--font-heading);  font-size: 1.1rem;  margin-bottom: 10px;  color: #222;}.differential-card p {  font-size: 0.95rem;  line-height: 1.6;  color: #555;}/* Responsividade */@media (min-width: 576px) {  .differential-grid {    grid-template-columns: repeat(2, 1fr);  }}@media (min-width: 768px) {  .differential-grid {    grid-template-columns: repeat(3, 1fr);  }}@media (min-width: 992px) {  .differential-grid {    grid-template-columns: repeat(5, 1fr); /* Aqui força 5 por linha */  }}.testimonials-section {  padding: 60px 2rem;  background: #f9f9f9;}.testimonials-section h2 {  text-align: center;  font-family: var(--font-heading);  font-size: 2rem;  color: var(--brand-purple);  margin-bottom: 40px;}.carousel-wrapper {  position: relative;  max-width: 1200px;  margin: 0 auto;  overflow: hidden;}.carousel-track-wrapper {  overflow: hidden;}.carousel-track {  display: flex;  transition: transform var(--transition);}.carousel-item {  min-width: 100%;  padding: 0 10px;  box-sizing: border-box;}.carousel-item img {  width: 100%;  border-radius: 8px;  display: block;  box-shadow: 0 4px 12px rgba(0,0,0,0.1);}.carousel-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  background: rgba(255, 255, 255, 0.9);  border: none;  padding: 0.6rem;  border-radius: 50%;  cursor: pointer;  z-index: 2;  box-shadow: 0 2px 6px rgba(0,0,0,0.15);}.carousel-btn i {  font-size: 1.25rem;  color: var(--brand-purple);}.carousel-btn.prev { left: 10px; }.carousel-btn.next { right: 10px; }/* Responsividade: 2 slides em tablets, 3 em desktop */@media (min-width: 768px) {  .carousel-item { min-width: 50%; }}@media (min-width: 1024px) {  .carousel-item { min-width: 33.333%; }}.about-section {  padding: 80px 2rem;  background: #f3eafd;}.about-container {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 2rem;  align-items: center;  max-width: 1200px;  margin: 0 auto;}.about-text h2 {  font-family: var(--font-heading);  font-size: 2.5rem;  margin-bottom: 1rem;  color: #333;}.about-text h2 span {  color: var(--brand-purple);}.about-text p {  font-family: var(--font-body);  color: #555;  margin-bottom: 1rem;  line-height: 1.6;}.badge-antiplagio {  display: inline-flex;  align-items: center;  gap: 0.5rem;  background: #fff;  padding: 0.5rem 1rem;  border-radius: 50px;  box-shadow: 0 2px 8px rgba(0,0,0,0.1);  font-weight: 500;  margin: 1rem 0;}.badge-antiplagio i {  color: var(--brand-purple);  font-size: 1.25rem;}.about-text .btn-primary {  margin-top: 1rem;}.about-images {  display: grid;  grid-template-areas:    "main main"    "grid1 grid2";  gap: 1rem;}.image-main {  grid-area: main;  overflow: hidden;  border-radius: 12px;}.image-main img {  width: 100%;  max-height: 240px;  object-fit: cover;  display: block;}.image-grid {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;}.image-grid img {  width: 100%;  border-radius: 12px;  object-fit: cover;}/* Responsivo */@media(max-width: 992px) {  .about-container {    grid-template-columns: 1fr;  }  .about-images {    grid-template-areas:      "main"      "grid1"      "grid2";  }}.faq-section {  padding: 60px 2rem;  background: #f9f9f9;}.faq-section h2 {  text-align: center;  font-family: var(--font-heading);  font-size: 2rem;  color: var(--brand-purple);  margin-bottom: 40px;}.faq-item {  max-width: 800px;  margin: 1rem auto;  border-bottom: 1px solid #ddd;}.faq-question {  width: 100%;  background: none;  border: none;  padding: 1rem 0;  font-family: var(--font-heading);  font-size: 1.1rem;  color: #222;  display: flex;  justify-content: space-between;  align-items: center;  cursor: pointer;}.faq-icon {  font-size: 1.5rem;  transition: transform var(--transition);}.faq-answer {  max-height: 0;  overflow: hidden;  transition: max-height var(--transition), padding var(--transition);  color: #555;}.faq-item.open .faq-answer {  max-height: 500px;  padding: 1rem 0;}.faq-item.open .faq-icon {  transform: rotate(45deg);}.footer-quality {  background-color: #0c0c0c;  color: #fff;  padding: 40px 20px 20px;}.container-footer {  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  max-width: 1100px;  margin: 0 auto;  padding-bottom: 20px;  border-bottom: 1px solid #333;}.logo-footer img {  width: 120px;}.contato-footer h4 {  color: var(--brand-purple);  margin-bottom: 10px;  font-size: 16px;}.contato-footer a {  color: #fff;  text-decoration: none;}.contato-footer a:hover {  text-decoration: underline;}.social-icons a {  color: #fff;  font-size: 18px;  margin-right: 12px;}.social-icons a:hover {  color: var(--brand-purple);}.copyright {  text-align: center;  padding-top: 15px;  font-size: 13px;}.copyright a {  color: var(--brand-purple);  text-decoration: none;}footer .heart-icon {  color: #ff6347;}/* Responsivo */@media (max-width: 768px) {  .container-footer {    flex-direction: column;    gap: 1.5rem;    text-align: center;  }}.form-container {  display: flex;  flex-wrap: wrap;  gap: 10px;  justify-content: center;  margin-top: 20px;}.form-container input,.form-container button {  padding: 10px;  font-size: 16px;  border-radius: 4px;  border: none;  outline: none;}.form-container input {  flex: 1 1 250px;  max-width: 100%;}.form-container button {  background-color: #6c63ff;  color: #fff;  cursor: pointer;  transition: background-color 0.3s ease;  flex: 1 1 200px;}.form-container button:hover {  background-color: #4e4cb2;}/* 📱 Responsivo */@media (max-width: 768px) {  .form-container {    flex-direction: column;    align-items: stretch;  }  .form-container input,  .form-container button {    width: 100%;  }}@media (max-width: 768px) {  .header-container {    flex-direction: column;    align-items: center;    gap: 2rem;    padding: 2rem 1rem;  }  .form-header {    width: 100%;    max-width: 400px;  }  .form-header form {    width: 100%;  }  .texto-header {    text-align: center;  }}@media (max-width: 768px) {  .hero-container {    grid-template-columns: 1fr;    text-align: center;  }  .hero-text {    order: 1;  }  .hero-form {    order: 2;  }}.btn-orcamento {  display: inline-block;  background-color: #007BFF; /* ajuste a cor como preferir */  color: #fff;  padding: 12px 24px;  border-radius: 8px;  text-decoration: none;  font-weight: bold;  transition: background-color 0.3s ease;  margin-top: 20px;}.btn-orcamento:hover {  background-color: #0056b3; /* cor mais escura no hover */}/* ================================================================ *//* ====== INÍCIO DO CÓDIGO DO MENU MOBILE (COLE ISSO NO FINAL) ===== *//* ================================================================ *//* Esconde o menu de desktop em telas pequenas */@media (max-width: 768px) {  .nav-desktop {    display: none;  }}/* Botão Hambúrguer (mobile-toggle-btn) */.mobile-toggle-btn {  display: none; /* Escondido por padrão */  background: none;  border: none;  font-size: 1.5rem;  color: var(--brand-purple);  cursor: pointer;  z-index: 1002;}/* Mostra o botão hambúrguer em telas pequenas */@media (max-width: 768px) {  .mobile-toggle-btn {    display: block;  }}/* Painel do Menu Mobile (nav-mobile) */.nav-mobile {  position: fixed;  top: 0;  right: -100%; /* Começa fora da tela */  width: 280px;  height: 100%;  background: #fff;  z-index: 1001;  display: flex;  flex-direction: column;  padding: 4rem 2rem;  box-shadow: -4px 0 15px rgba(0,0,0,0.1);  transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}/* Classe .open para mostrar o menu */.nav-mobile.open {  right: 0; /* Puxa o menu para dentro da tela */}.nav-mobile ul {  list-style: none;  padding: 0;  margin: 0;  display: flex;  flex-direction: column;  gap: 1.5rem;}.nav-mobile a {  font-family: var(--font-heading);  font-size: 1.1rem;  font-weight: 500;  color: var(--brand-purple);  padding: 0.5rem 0;  display: block;}/* Botão de Fechar (X) */.mobile-close-btn {  position: absolute;  top: 1.5rem;  right: 1.5rem;  background: none;  border: none;  font-size: 1.75rem;  color: #333;  cursor: pointer;}/* Overlay (fundo escuro) */#mobile-overlay {  display: none; /* Começa invisível */  position: fixed;  inset: 0;  background: rgba(0, 0, 0, 0.5);  z-index: 1000;}#mobile-overlay.open {  display: block; /* Aparece quando o menu está aberto */}/* Outras regras responsivas que já estavam corretas */@media (max-width: 768px) {  .hero-container {    grid-template-columns: 1fr;    text-align: center;  }  .hero-text {    order: 1;  }  .hero-form {    order: 2;  }}.btn-orcamento {  display: inline-block;  background-color: #007BFF;  color: #fff;  padding: 12px 24px;  border-radius: 8px;  text-decoration: none;  font-weight: bold;  transition: background-color 0.3s ease;  margin-top: 20px;}.btn-orcamento:hover {  background-color: #0056b3;}