:root {
  --bg-color: #ECE5DC;
  --bg-secondary: #D8CFC3;
  
  --text-primary: #1E2D3B;    /* Azul Marinho Profundo */
  --text-secondary: #4A5B6D;  /* Azul Suave */
  --accent-taupe: #8C7B6C;    /* Tom Terroso */
  
  --border: rgba(30, 45, 59, 0.25);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Montserrat', sans-serif;
  background: radial-gradient(circle at 100% 0%, #f2ede6, #ECE5DC);
  background-attachment: fixed;
  color: var(--text-secondary);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

/* Espaçamento e Containers */
.section { padding: 120px 0; } 
.container { width: min(1100px, 92vw); margin: auto; padding: 0 20px; }

/* HERO - Ajustado para maior impacto */
.hero { text-align: center; padding: 100px 0 80px; }

/* Novo destaque para o Logo */
.logo-container { margin-bottom: 30px; }

.logo-img {
  max-width: 250px; /* Aumentado para mais autoridade */
  width: 100%;
  height: auto;
  filter: grayscale(1) contrast(1.1);
  padding: 15px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  border: 1px solid var(--border);
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.top-badge {
  display: inline-block;
  border: 2px solid var(--text-primary);
  padding: 8px 24px;
  font-size: 11px;
  letter-spacing: 3px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: var(--text-primary);
}

.hero-headline {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(3.5rem, 9vw, 6rem);
  color: var(--text-primary);
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 0.9;
  letter-spacing: -2px;
}

/* Linha decorativa de âncora */
.hero::after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: var(--accent-taupe);
  margin: 40px auto 0;
}

/* Hierarquia de Botões */
.btn-group { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 40px; }

.btn {
  padding: 18px 45px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  border: 2px solid var(--text-primary);
}

.btn-primary { background: var(--text-primary); color: #ffffff; }
.btn-primary:hover { background: transparent; color: var(--text-primary); }

.btn-secondary { background: transparent; color: var(--text-primary); }
.btn-secondary:hover { background: var(--text-primary); color: #ffffff; }

/* Tipografia e Títulos */
h1, h2, h3 { font-family: 'Cormorant Garamond', serif; color: var(--text-primary); }

.section-subtitle {
  display: block;
  text-align: center;
  color: var(--accent-taupe);
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* Cards com Profundidade */
.card {
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid var(--border);
  border-top: 6px solid var(--text-primary); 
  padding: 50px;
  transition: all 0.5s ease;
  box-shadow: 0 10px 30px rgba(30, 45, 59, 0.05);
}

.card:hover {
  background: #ffffff;
  border-color: var(--text-primary);
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(30, 58, 138, 0.1);
}

/* RESPONSIVO */
@media(max-width:768px) {
  .section { padding: 80px 0; }
  .hero-headline { font-size: 3rem; }
  .btn { width: 100%; }
}