:root {  /* Cores neutras */  --preto: #19172d;  --branco: #ffffff;  --cinza-1: #f8fafc;  --cinza-2: #e5e7eb;  --cinza-3: #d1d5db;  --cinza-4: #6b7280;  --cinza-5: #333333;  /* Cores especiais */  --whatsapp: #25d366;  --sombra: rgba(0, 0, 0, 0.1);  --overlay: rgba(0, 0, 0, 0.5);}/* Reset and Base Styles */* {    margin: 0;    padding: 0;    box-sizing: border-box;}html {    scroll-behavior: smooth;    font-size: 16px;}html, body {    max-width: 100%;    overflow-x: hidden; !important}body {    font-family: 'Poppins', sans-serif;    line-height: 1.6;    color: var(--cinza-5);    overflow-x: hidden;    background-color: var(--branco);}img {    max-width: 99%;    height: auto;}.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;}/* Typography */h1, h2, h3, h4, h5, h6 {    font-weight: 600;    line-height: 1.2;    margin-bottom: 1rem;}h1 {    font-size: 3.5rem;    font-weight: 700;    color: var(--azul-1);}h2 {    font-size: 2.5rem;    text-align: center;    margin-bottom: 3rem;    color: var(--azul-1);}h3 {    font-size: 1.5rem;    color: var(--azul-1);}p {    margin-bottom: 1rem;    font-size: 1.1rem;    line-height: 1.8;    color: var(--cinza-5);}/* Buttons */.btn {    display: inline-block;    padding: 12px 30px;    border-radius: 50px;    text-decoration: none;    font-weight: 600;    font-size: 1rem;    text-align: center;    transition: all 0.3s ease;    border: 2px solid transparent;    cursor: pointer;}.btn-primary {    background: linear-gradient(135deg, var(--azul-1), var(--azul-2));    color: var(--branco);    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);}.btn-primary:hover {    background: linear-gradient(135deg, var(--azul-3), var(--azul-1));    transform: translateY(-2px);    box-shadow: 0 6px 20px rgba(30, 64, 175, 0.4);}.btn-secondary {    background: transparent;    color: var(--azul-1);    border: 2px solid var(--azul-1);}.btn-secondary:hover {    background: var(--azul-1);    color: var(--branco);    transform: translateY(-2px);}/* Header */.header {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 1000;    background: rgba(255, 255, 255, 0.95);    backdrop-filter: blur(10px);    box-shadow: 0 2px 20px var(--sombra);    transition: all 0.3s ease;}.nav-container {    display: flex;    justify-content: space-between;    align-items: center;    padding: 1rem 2rem;    max-width: 1200px;    margin: 0 auto;}.nav-logo h2 {    color: var(--azul-1);    font-size: 1.8rem;    margin: 0;    text-align: left;}.nav-logo span {    color: var(--amarelo-1); /* Verde original substituído por amarelo */}.nav-menu {    display: flex;    list-style: none;    gap: 2rem;}.nav-link {    text-decoration: none;    color: var(--cinza-5);    font-weight: 500;    transition: color 0.3s ease;    position: relative;}.nav-link:hover {    color: var(--azul-1);}.nav-link::after {    content: '';    position: absolute;    bottom: -5px;    left: 0;    width: 0;    height: 2px;    background: var(--azul-1);    transition: width 0.3s ease;}.nav-link:hover::after {    width: 100%;}.nav-toggle {    display: none;    flex-direction: column;    cursor: pointer;}.nav-toggle .bar {    width: 25px;    height: 3px;    background: var(--cinza-5);    margin: 3px 0;    transition: 0.3s;}/* Hero Section */.hero {    position: relative;    width: 100%;    height: 100vh;    overflow: hidden;    display: flex;    align-items: center;    justify-content: center;}.hero::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-size: cover;    z-index: -1;}.hero-content {    position: relative;    z-index: 2;    text-align: center;    color: var(--branco);    padding: 20px;    width: 100%;}.hero-content img {    max-width: 400px;    width: 100%;    margin-bottom: 20px;    animation: fadeIn 1.5s ease-in-out forwards;}.hero-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: var(--overlay);    z-index: 1;}.hero-subtitle {    font-size: 1.5rem;    margin-bottom: 30px;    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);    color: var(--branco);}/* Hero Buttons */.btn-primary {    background-color: var(--azul-2);    color: var(--branco);    border: 2px solid var(--azul-2);}.btn-primary:hover {    background-color: transparent;    color: var(--branco);}.btn-secondary {    background-color: transparent;    color: var(--branco);    border: 2px solid var(--branco);}.btn-secondary:hover {    background-color: var(--branco);    color: var(--azul-3);}/* Animação para a logo */@keyframes fadeIn {    from {        opacity: 0;        transform: translateY(-20px);    }    to {        opacity: 1;        transform: translateY(0);    }}/* Gallery Section */.gallery-section {    padding: 5rem 0;    background: var(--cinza-1);}.gallery-swiper {    max-width: 1000px;    margin: 0 auto;    border-radius: 15px;    overflow: hidden;    box-shadow: 0 10px 30px var(--sombra);}.gallery-swiper img {    width: 100%;    object-fit: cover;    display: block;}.swiper-pagination-bullet {    background: var(--azul-1);    opacity: 0.5;}.swiper-pagination-bullet-active {    opacity: 1;}.swiper-button-next,.swiper-button-prev {    color: var(--azul-1);}/* About Section */.about {    padding: 5rem 0;    background: var(--branco);}.about-content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;    align-items: center;    align-items: flex-start;}.about-text h2 {    text-align: left;    margin-bottom: 1.5rem;    color: var(--azul-1);}.about-features {    margin-top: 2rem;}.feature-item {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 1rem;    padding: 1rem;    background: var(--cinza-1);    border-radius: 10px;    transition: transform 0.3s ease;}.feature-item:hover {    transform: translateX(5px);}.feature-item i {    color: var(--amarelo-1); /* Verde substituído por amarelo */    font-size: 1.5rem;    width: 30px;}.about-image img {    width: 100%;    border-radius: 15px;    box-shadow: 0 10px 30px var(--sombra);}/* Differentials Section */.differentials {    padding: 5rem 0;    background: var(--cinza-1);}.differentials-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: 2rem;    margin-top: 3rem;}.differential-card {    background: var(--branco);    padding: 2.5rem 2rem;    border-radius: 15px;    text-align: center;    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);    transition: all 0.3s ease;    position: relative;    overflow: hidden;}.differential-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 4px;    background: linear-gradient(135deg, var(--azul-1), var(--amarelo-1)); /* Verde substituído por amarelo */}.differential-card:hover {    transform: translateY(-10px);    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}.card-icon {    width: 80px;    height: 80px;    background: linear-gradient(135deg, var(--azul-1), var(--azul-2));    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 1.5rem;}.card-icon i {    font-size: 2rem;    color: var(--branco);}.differential-card h3 {    color: var(--azul-1);    margin-bottom: 1rem;}.differential-card p {    color: var(--cinza-4);    font-size: 1rem;    line-height: 1.6;}/* Location Section */.location {    padding: 5rem 0;    background: var(--branco);}.location-content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;    align-items: center;}.location-info h3 {    color: var(--azul-1);    margin-bottom: 2rem;}.location-list {    list-style: none;}.location-list li {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 1.5rem;    padding: 1rem;    background: var(--cinza-1);    border-radius: 10px;    transition: all 0.3s ease;}.location-list li:hover {    background: var(--azul-4);    transform: translateX(5px);}.location-list i {    color: var(--amarelo-1); /* Verde substituído por amarelo */    font-size: 1.3rem;    width: 25px;}.map-placeholder {    background: var(--cinza-1);    height: 300px;    border-radius: 15px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    border: 2px dashed var(--cinza-3);}.map-placeholder i {    font-size: 3rem;    color: var(--azul-1);    margin-bottom: 1rem;}.map-placeholder p {    color: var(--cinza-4);    text-align: center;    margin: 0;}/* Contact Section */.contact {    padding: 5rem 0;    background: var(--cinza-1);}.contact-content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;}.contact-form {    background: var(--branco);    padding: 3rem;    border-radius: 15px;    box-shadow: 0 10px 30px var(--sombra);}.contact-form h3 {    color: var(--azul-1);    margin-bottom: 2rem;    text-align: center;}.form-group {    margin-bottom: 1.5rem;}.form-group label {    display: block;    margin-bottom: 0.5rem;    color: var(--cinza-5);    font-weight: 500;}.form-group input,.form-group textarea {    width: 100%;    padding: 12px 15px;    border: 2px solid var(--cinza-2);    border-radius: 8px;    font-size: 1rem;    transition: border-color 0.3s ease;    font-family: inherit;}.form-group input:focus,.form-group textarea:focus {    outline: none;    border-color: var(--azul-1);    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);}.form-group textarea {    resize: vertical;    min-height: 100px;}.contact-info {    padding: 2rem 0;}.contact-info h3 {    color: var(--azul-1);    margin-bottom: 2rem;    font-size: 2rem;}.contact-item {    display: flex;    align-items: flex-start;    gap: 1rem;    margin-bottom: 1.5rem;    padding: 1rem;    background: var(--branco);    border-radius: 10px;    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.contact-item i {    color: var(--amarelo-1); /* Verde substituído por amarelo */    font-size: 1.3rem;    width: 25px;    margin-top: 2px;}.contact-item span {    color: var(--cinza-4);    line-height: 1.5;}/* Footer */.footer {    background: var(--rodape-azul);    color: var(--branco);    padding: 3rem 0 1rem;}.footer-content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 3rem;    margin-bottom: 2rem;    color: var(--branco);}.footer-info h3 {    color: var(--branco);    margin-bottom: 0.5rem;}.footer-info h4 {    color: var(--amarelo-1); /* Verde substituído por amarelo */    margin-bottom: 1rem;}.footer-info p {    opacity: 0.9;    margin: 0;    color: var(--branco);}.footer-contact p {    margin-bottom: 0.5rem;    opacity: 0.9;    color: var(--branco);}.footer-bottom {    text-align: center;    padding-top: 2rem;    border-top: 1px solid rgba(255, 255, 255, 0.1);    color: var(--branco);}.footer-bottom p {    margin: 0;    opacity: 0.8;    color: var(--branco);    font-size: 12px;}/* WhatsApp Button */.whatsapp-btn {    position: fixed;    bottom: 30px;    right: 30px;    width: 60px;    height: 60px;    background: var(--whatsapp);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    text-decoration: none;    z-index: 1000;    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);    transition: all 0.3s ease;    animation: pulse 2s infinite;}.whatsapp-btn:hover {    transform: scale(1.1);    box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5);}.whatsapp-btn i {    font-size: 1.8rem;    color: var(--branco);}@keyframes pulse {    0% {        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);    }    50% {        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.6), 0 0 0 10px rgba(37, 211, 102, 0.1);    }    100% {        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);    }}/* Smooth Animations */.fade-in {    opacity: 0;    transform: translateY(30px);    transition: all 0.6s ease;}.fade-in.visible {    opacity: 1;    transform: translateY(0);}/* Utilities */.text-center {    text-align: center;}.mb-0 {    margin-bottom: 0;}.mb-1 {    margin-bottom: 1rem;}.mb-2 {    margin-bottom: 2rem;}.mb-3 {    margin-bottom: 3rem;}/* Responsivo */@media (max-width: 768px) {    /* Mantenha seus estilos de responsividade aqui */    /* As cores continuarão sendo controladas pelas variáveis */}/* Força visibilidade do Swiper */.swiper {  visibility: visible !important;  opacity: 1 !important;}/* Garante slides sempre ativos */.swiper-slide {  opacity: 1 !important;  transition: none !important;}/* Evita efeito de fade-in que pisca */.fade-in,.fade-in.visible {  opacity: 1 !important;  transform: none !important;}.footer-content.footer-grid-3 {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));  gap: 2rem;  margin-bottom: 2rem;  color: var(--branco);}.footer-extra a {  color: var(--branco);  text-decoration: none;  transition: color 0.3s ease;}.footer-extra a:hover {  color: var(--amarelo-1);}.footer-contact a i {  color: var(--branco);  font-size: 1.5rem;  transition: color 0.3s ease;}.footer-contact a:hover i {  color: var(--amarelo-1);}