.banner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background-image: radial-gradient(circle at center, rgba(0,0,0,0) 60%, /* centro transparente */ rgba(0,0,0,1) 100% /* bordas escuras */, transparent), url("../ChatGPT\ Image\ 24\ de\ jan\ \(1\).png");
	background-size: cover;
	background-attachment: fixed;
}

.banner-img { 
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.banner-img img{
    width: 40%;
}

.banner-text{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=EB+Garamond:ital,wght@0,400;0,600&display=swap');

.banner-text h1 {
  font-family: 'Cinzel', serif;       /* Fonte título principal */
  font-weight: 900;
  font-size: clamp(32px, 6vw, 64px);  /* Responsivo: grande em telas maiores */
  color: #ffffff;
  text-align: center;
  text-shadow: 
    0 5px 0 rgba(0,0,0,0.8),
    0 6px 18px rgba(105, 14, 23, 0.658); /* Sombra */
  margin-bottom: 0.5em;
  letter-spacing: 1px;
}

.banner-text h2 {
  font-family: 'EB Garamond', serif;  /* Fonte subtítulo */
  font-style: italic;
  font-weight: 600;
  font-size: clamp(18px, 3vw, 35px);  /* Menor que o h1 */
  color: #e9ba23;                     /* contraste */
  text-align: center;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 1.6), 0 4px 12px rgba(212, 175, 55, 0.3); /* Brilho suave */
  margin-top: 0.2em;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 599px) {
    .banner-img img{
      width: 75%;
    }
}