/* =============================================
   HERO DA PÁGINA EXPERIÊNCIAS
   ============================================= */
.exp-hero {
  background: var(--nude-light);
  padding: 140px 0 60px;
  border-bottom: 1px solid var(--nude-md);
}
.exp-voltar {
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 0.75rem; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--terracota); text-decoration: none;
  margin-bottom: 32px; transition: color var(--trans);
}
.exp-voltar:hover { color: var(--vinho); }
.exp-hero__titulo {
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 300; color: var(--vinho);
  line-height: 1.1; margin-bottom: 16px;
}
.exp-hero__sub {
  font-family: var(--font-serif);
  font-size: 1.2rem; font-weight: 300;
  color: var(--terracota);
}

/* =============================================
   BLOCOS DE SERVIÇO
   ============================================= */
.exp-bloco {
  padding: 80px 0;
  background: var(--white);
  border-bottom: 1px solid var(--nude-light);
}
.exp-bloco--alt { background: var(--nude-light); }

.exp-bloco__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: start;
}
.exp-num {
  display: block;
  font-family: var(--font-serif); font-size: 4rem;
  font-weight: 300; color: var(--nude-md);
  line-height: 1; margin-bottom: 16px;
}
.exp-bloco__titulo {
  font-family: var(--font-serif);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 300; color: var(--vinho);
  line-height: 1.2; margin-bottom: 24px;
}
.exp-bloco__texto p {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-weight: 800;
  color: #444;
  line-height: 1.9;
}

/* =============================================
   FORMULÁRIO DE PROPOSTA
   ============================================= */
.exp-bloco__form {
  background: var(--white);
  border: 1px solid var(--nude-md);
  box-shadow: 0 4px 32px rgba(105,52,44,0.08);
  padding: 40px;
}
.exp-form__titulo {
  font-family: var(--font-serif);
  font-size: 1.4rem; font-weight: 400;
  color: var(--vinho); margin-bottom: 8px;
}
.exp-form__sub {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--gray);
  margin-bottom: 24px;
  line-height: 1.6;
}

/* =============================================
   RESPONSIVO
   ============================================= */
@media (max-width: 1100px) {
  .exp-bloco__inner { gap: 48px; }
}

@media (max-width: 768px) {
  .exp-hero { padding: 120px 0 40px; }
  .exp-bloco { padding: 56px 0; }
  .exp-bloco__inner { grid-template-columns: 1fr; gap: 36px; }
  .exp-bloco__form { padding: 28px 20px; }
}