 /* ===== O MAUSOLÉU ===== */
    .about{
      display:grid;
      grid-template-columns:1fr 2fr;
      gap:70px;
      align-items:flex-start;
    }

      .photo {
      margin-top: 20px;
      position: relative;
      background: #0a0a0a;
      background: transparent; /* garante mesmo fundo que a seção */
    }

    /* Apenas a primeira imagem recebe borda e sombra */
    .photo img:first-child {
      width: 100%;
      display: block;
      border: 0px solid rgba(201,162,63,0.7);
      position: relative;
        background: transparent; /* garante mesmo fundo que a seção */
    }

    /* Cria a moldura somente para a primeira imagem */
    .photo img:first-child::before {
      content:"";
      position: absolute;
      inset: -12px;
      border:1px solid rgba(201,162,63,0.4);
      box-shadow:
        0 0 20px rgba(201,162,63,0.25),
        0 0 45px rgba(201,162,63,0.15);
      pointer-events:none;
    }

    /* Todas as imagens abaixo da primeira */
    .photo img + img {
      margin-top: 20px; /* espaço entre as imagens */
      width: 100%;
      display: block;
      border: none; /* remove borda das imagens extras */
      position: static; /* evita sobreposição */
        background: transparent; /* garante mesmo fundo que a seção */
    }


    /* Todas as imagens abaixo da primeira */
    .photo img + img {
      margin-top: 20px; /* espaço entre as imagens */
      width: 100%;
      display: block;
      border: none; /* remove borda das imagens extras */
    }


    /* Todas as imagens abaixo da primeira */
    .photo img + img {
      margin-top: 20px; /* espaço entre as imagens */
      width: 100%;
      display: block;
      border: none; /* remove borda das imagens extras */
    }


    .about-text{
      font-family:'CG-Light', serif;
      font-size:19px;
      line-height:2;
      letter-spacing:.6px;
      color:#d6d6d6;
    }

    .about-text p{margin-bottom:26px}
    .about-text strong{color:var(--gold)}

/* Wrapper para marca d’água */
.watermark {
  position: relative;
  margin-top: 20px;
}

.watermark img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}

/* Marca d’água */
.watermark::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/MAUSOLÉU_DAS_ALMAS.webp") center center / 50% no-repeat;
  opacity: 0.6;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.3s ease;
}

.watermark:hover::after {
  opacity: 0.3;
}

