.clipped-blob {
  width: 100%;
  height: 500px;
  /* mantém a altura que você já tinha */

  background-image: url('/assets/img/hero/hero-home.jpg');

  background-size: contain;
  /* ou usar um % menor, para tirar o zoom */
  background-position: center top;
  /* move a imagem um pouco pra cima */
  background-repeat: no-repeat;

  clip-path: path('M394.5,280.5Q349,361,259.5,362.5Q170,364,112,292Q54,220,105.5,149.5Q157,79,242,44Q327,9,392.5,76Q458,143,394.5,280.5Z');
  -webkit-clip-path: path('M394.5,280.5Q349,361,259.5,362.5Q170,364,112,292Q54,220,105.5,149.5Q157,79,242,44Q327,9,392.5,76Q458,143,394.5,280.5Z');

}

@media (max-width: 767.98px) {
  .clipped-blob {
    display: none !important;
  }
}

.shadows-into-light-regular {
  font-family: "Shadows Into Light", cursive;
  font-weight: 400;
  font-style: normal;
}

/* Cursor piscante */
.typing::after {
  content: "|";
  animation: blink 0.7s infinite;
  color: #335e7d;
  font-weight: bold;
}

/* Animação de piscar */
@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

/* (opcional) Cor de fundo suave no mark azul */
.bsb-tpl-highlight-blue {
  background-color: #dbeeff;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}

@media (max-width: 767.98px) {
  #h1-typing-text {
    text-align: center;
  }
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b84bd9;
    --bs-btn-border-color: #b84bd9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9e3aba;
    --bs-btn-hover-border-color: #9336af;
    --bs-btn-focus-shadow-rgb: 184, 75, 217;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8a32a5;
    --bs-btn-active-border-color: #7e2e9a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b84bd9;
    --bs-btn-disabled-border-color: #b84bd9;
}

@media (max-width: 767.98px) {
  #imgcontato {
    display: none !important;
  }
}

/* Estilo do Loading */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#loading.show {
  visibility: visible;
  opacity: 1;
}

.spinner2 {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-top: 5px solid #fff;
  border-radius: 50%;
  animation: spin2 1s linear infinite;
}

@keyframes spin2 {
  to { transform: rotate(360deg); }
}