/* Fontes: tokens → components → layout → extracted → states → este arquivo.
   Em produção o build gera /assets/css/site.css (bundle único). */

html {
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--universo-bg);
  font-family: var(--universo-font);
  color: var(--universo-text);
  overflow-x: clip;
}

a,
button {
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

a {
  color: var(--universo-text);
  text-decoration: underline;
}

a:hover {
  color: var(--universo-orange);
}

.universo-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.universo-btn-avancar:hover {
  background: var(--universo-navy-hover);
}

.universo-whatsapp-float:hover {
  background: #129a50;
}

.universo-form-picker-trigger:hover {
  background: var(--universo-bg-soft);
}

.universo-mes-nav:hover,
.universo-cal-nav-btn:hover {
  background: #f4f6fa;
}

.universo-btn-modal-close:hover {
  background: #e5e5e5;
}

.universo-link-inherit:hover {
  color: var(--universo-orange);
  text-decoration: underline;
}

.universo-modalidade-cta:hover {
  box-shadow: inset 0 0 0 1px var(--universo-text);
  color: var(--universo-text);
}

.universo-acesso-action:hover,
.universo-quick-link:hover {
  box-shadow: inset 0 0 0 1px var(--universo-text);
  color: var(--universo-text);
}

.universo-map-facade {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: none;
  border-radius: inherit;
  background: #dceaf5;
  color: var(--universo-navy);
  font: inherit;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

.universo-map-facade:hover {
  background: #cfe3f2;
}

@keyframes faqIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cuPopIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes cuSheetIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cuFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}