.cta-section { background: var(--oscuro); text-align: center; padding: 8rem 3rem }
.cta-section h2 { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 900; color: var(--beige); max-width: 700px; margin: 0 auto 1.5rem; line-height: 1.2 }
.cta-section h2 em { color: var(--salvia); font-style: italic }
.cta-section p { color: rgba(232,228,208,.6); font-size: 1.05rem; max-width: 500px; margin: 0 auto 3rem; line-height: 1.75 }
.cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap }
.cta-contact { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem }
.cta-contact a { display: inline-flex; align-items: center; gap: .45rem; font-size: .85rem; color: rgba(232,228,208,.45); text-decoration: none; transition: color .2s }
.cta-contact a:hover { color: var(--salvia) }

footer { background: #111a10; padding: 3rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.5rem 3rem }
.footer-logo { display: flex; align-items: center; gap: .6rem; font-family: 'DM Mono', monospace; font-size: 1rem; color: var(--beige); text-decoration: none; letter-spacing: .04em }
.footer-logo svg { width: 26px; height: 26px }
.footer-links { display: flex; gap: 1.5rem; flex-wrap: wrap }
.footer-links a { font-size: .82rem; color: rgba(232,228,208,.5); text-decoration: none; transition: color .2s }
.footer-links a:hover { color: var(--salvia) }
.footer-contact { display: flex; gap: 1.2rem; flex-wrap: wrap; justify-content: flex-end }
.footer-contact a { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; color: rgba(232,228,208,.35); text-decoration: none; transition: color .2s }
.footer-contact a:hover { color: var(--salvia) }
.footer-copy { font-size: .75rem; color: rgba(232,228,208,.3); grid-column: 1 / -1 }

@media (max-width: 768px) {
  footer { grid-template-columns: 1fr }
  .footer-contact { justify-content: flex-start }
}
@media (max-width: 640px) {
  .cta-contact { gap: 1.2rem }
}