/*
Theme Name: Clínica AJM

*/
:root {
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Cormorant Garamond', serif;
}
.custom-logo {
    height: 60px;
    width: auto;
    object-fit: contain;
}
body {
    font-family: var(--font-serif);
}
nav a {
    font-family: var(--font-serif);
}

h1,
h2,
h3 {
    font-family: var(--font-serif);
}


/* HEADER*/

nav ul {
  list-style: none;

  display: flex;
  align-items: center;
  gap: 24px;

  margin: 0;
  padding: 0;
}


/*secao hero */
.hero {
  width: 100%;
  min-height: 100vh;
  padding: 120px 0 80px;
  display: flex;
  align-items: center;
}

.hero .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.hero-text,
.hero-image {
  flex: 1;
}

.hero-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
}

@media (max-width: 768px) {

  .hero {
    min-height: auto;
    padding: 140px 0 60px;
  }

  .hero .container {
    flex-direction: column;
    text-align: center;
  }

}

    .hero-text {
      flex: 1;
    }

    .hero-text h1 {
      font-size: 48px;
      margin-bottom: 20px;
      color: #5A3D78;
    }

    .hero-text p {
      margin-bottom: 30px;
      font-size: 18px;
      color: #4B3264
    }

    .btn {
      display: inline-block;
      background: #c48f9b;
      color: white;
      padding: 14px 28px;
      border-radius: 30px;
      text-decoration: none;
    }

    .hero-image {
      flex: 0.8;
    }

    .hero-image img {
      width: 100%;
      height: 100%;
      border-radius: 20px;
        object-fit: cover;

    }

    .hero-image {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 50%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to bottom,
    black 50%,
    transparent 100%
  );
}

/*Secao revel on scrool 1*/

.reveal {
  opacity: 0;
  transform: translateY(80px);

  transition:
    opacity 1s ease,
    transform 1s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}