h1 {
  font-family: "Playfair Display", serif;
  font-size: var(--fontsize--h1);
  font: weight 900px;
  font-style: italic;
  color: var(--text--PlayfairDisplay);
  text-align: center;
  margin-top: 30px;
  border-bottom: 3px solid #fbb44c; /* Linie aurie sub titlu */
  /* background: linear-gradient(90deg, rgb(111, 10, 8), green);  */
  /* -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent; */
}

/* h1 {
  font-family: "Kalnia Glaze", serif;
  font-size: var(--fontsize--h1);
  font-style: italic;
  text-align: center;
  margin-top: 30px;
  background-image: 
    radial-gradient(circle, red 15%, transparent 16%), 
    linear-gradient(90deg, rgb(105, 170, 105), green); /* Gradient verde
  background-size: 10px 10px; /* Dimensiunea picăturilor
  -webkit-background-clip: text; /* Aplică fundalul doar pe text 
  background-clip: text;
  color: transparent; /* Face textul transparent pentru a vedea fundalul
} */
h2 {
  font-family: "Montserrat", sans-serif; /* Font similar */
  font-size: 2.7rem; /* Ajustează dimensiunea */
  font-weight: 600; /* Ușor bold */
  text-transform: uppercase; /* Scriere cu majuscule */
  letter-spacing: 2px; /* Spațiere între litere */
  text-align: center; /* Aliniere pe mijloc */
  color: #5e3a03; /* Maro închis pentru eleganță */
  margin-top: 10px;
}

h3 {
  font-family: "Playfair Display", serif;
  color: rgb(57, 56, 56);
  font-size: var(--fontsize--h3);
  padding: 40px;
  text-align: center; /* ca sa alinieze h2 central */
}

.main-container-packages {
  /* aplicat la main */
  max-width: 1200px; /* poate fi si 1400 in functie de ce se decide*/
  min-width: 320px;
  margin: auto;
}

body {
  background-image: url("/static/gradinacuciresi_app/images/poza_fundal.jpg");
  background-size: cover; /* Face ca imaginea să acopere întregul ecran */
  background-position: center; /* Centrare automată */
  background-repeat: no-repeat; /* Evită repetarea imaginii */
  background-attachment: fixed; /* Fundal fix la scroll */
  margin: 0;
  padding: 0;
}


main {
  /* strict pt a avea spatiu acela dintre nav si footer*/

  flex-grow: 1;
}

main .packages-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 60px;
}

main .packages-container .packages {
  /* border: 1px solid grey; */
  box-sizing: border-box;
  color: rgb(57, 56, 56);
  padding: 20px;
  font-weight: bold;
  font-size: var(--fontsize--packages);
  border-bottom: 3px solid orange;
  width: 400px;
  margin-right: 20px;
}

main .packages-container a {
  text-decoration: none;
  justify-content: flex-start; /*Muta pachetele la stanga */
  padding: 100px;
  margin-top: 30px;
  margin-bottom: 10px;
}

main .packages-container .find_more a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 30px;
  background-color: var(--bg--bluegrey);
  text-align: center;
  padding: 10px 40px;
  border-radius: 4px;
  width: 120px;
  border: 2px solid var(--bg--bluegrey);
}

main .packages-container .find_more a:hover {
  background-color: transparent;
}

/* Stil pentru butonul "Află mai multe" */
.find_more a {
  background-color: var(
    --bg-findmore
  ) !important; /* Fundal verde definit în variabilă */
  color: white !important; /* Text alb pentru contrast */
  text-decoration: none; /* Elimină sublinierea */
  padding: 10px 20px; /* Dimensiune buton */
  border-radius: 5px; /* Colțuri rotunjite */
  display: inline-block;
  text-align: center;
  font-size: var(--fontsize--regular);
}



.hero-container {
  background: rgba(255, 255, 255, 0.9); /* Fundal alb semi-transparent */
  padding: 40px;
  border-radius: 20px;
  max-width: 1100px;
  margin: 30px auto;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
}

/* Stilizare pentru titlul principal */
.title-container {
  text-align: center; /* Centrează textul */
  margin-top: -24px; /* Distanță față de navbar */
  margin-bottom: -51px; /* Distanță față de navbar */
  background: rgba(255, 255, 255, 0.85); /* Fundal alb semi-transparent */
  padding: 30px 50px; /* Mai mult spațiu pentru text */
  border-radius: 20px; /*2Colțuri rotunjite */
  max-width: 1000px; /* Evită întinderea pe toată lățimea */
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Efect de ridicare */
}

/* Stilizare titlu */
.title-container {
  text-align: center;
  padding-bottom: 20px;
}

/* Stilizare pentru secțiunea de bun venit */
.welcome-section p {
  background: rgba(255, 255, 255, 0.9); /* Fundal mai clar */
  padding: 30px 40px; /* Spațiere mai generoasă */
  border-radius: 20px; /* Colțuri mai rotunjite */
  font-family: "Montserrat", sans-serif;
  color: var(--text--PlayfairDisplay);
  max-width: 900px;
  margin: 0px auto; /* Spațiere verticală */
  text-align: center;
  font-size: 20px; /* Text puțin mai mare */
  line-height: 1.8; /* Spațiere mai bună */
  font-weight: 600; /* Font mai lizibil */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Efect de ridicare */
}