/* ===================================
   HOTEL POMELIA - FOGLIO DI STILE
   Palette: beige e tufo (zona Ragusa)
   =================================== */


body {
  font-family: Verdana, Tahoma, sans-serif;
  margin: 0;
  background-color: #FBF8F2; /* beige molto chiaro */
  color: #4A3F35; /* marrone tufo scuro */
}

h1, h2, h3 {
  font-family: 'Segoe UI', Arial, sans-serif;
  text-align: center;
  margin: 20px 0;
  color: #4A3F35;
}

p {
  font-size: 16px;
  text-align: center;
  margin: 10px 30px;
}


header {
  background-color: #F5F1E8; /* beige molto chiaro, leggermente diverso dal body */
  margin: 0;
  padding-bottom: 20px;
}

.header-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

.logo {
  width: 90px;
  margin: 0 0 10px 0;
}

.nome-hotel {
  font-size: 36px;
  font-weight: bold; /* nome della struttura in grassetto */
  margin: 0 15px;
}

.foto-struttura {
  width: 100%;
  max-width: 800px;
  display: flex;
  margin: 20px auto;
}

.intro-testo {
  max-width: 700px;
  margin: 0 auto;
}

.nascita-idea, .vision-mission {
  font-size: 17px;
  margin: 15px 20px;
  color: #4A3F35;
}


section {
  margin: 40px 20px;
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.flex-item {
  background-color: #F5F1E8;
  margin: 15px;
  padding: 20px;
  width: 250px;
  text-align: center;
  color: #4A3F35;
}

.flex-item h3 {
  font-size: 19px;
  margin: 0 0 10px 0;
}

.flex-item p {
  font-size: 15px;
  margin: 0;
}


footer {
  background-color: #A69374; /* tufo */
  color: #F3EDE1;
  margin: 0;
  padding: 30px 20px;
  text-align: center;
}

.certificazione {
  font-size: 18px;
  margin: 10px;
}

.certificazione em {
  font-style: italic;
  text-decoration: underline; /* scritta Società Benefit in corsivo sottolineato */
}

.social-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 15px;
}

.icona-social {
  width: 28px;
  margin: 0 10px;
}

.copyright {
  font-size: 13px;
  color: #F3EDE1;
  margin: 10px;
}