* {

  box-sizing: border-box;

}



body {

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;

  background: #0f0f0f;

  color: #eaeaea;

  line-height: 1.6;

  text-align: center;

  font-size: 16px !important;

}



.hero {

  min-height: 100vh;

  padding: 60px 20px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background:

    linear-gradient(

      rgba(134, 50, 50, 0.85),

      rgba(15, 15, 15, 0.85)

    ),

    url("img/main01.jpg") center/cover no-repeat;

  border-bottom: 1px solid #222;

}



.hero h3 {

  font-style: italic;

  font-size: 22px;

}



.section {

  padding: 60px 20px;

  border-bottom: 1px solid #222;

  max-width: 900px;

  margin: 0 auto;

}



h1 {

  font-size: 2.5rem;

  margin-bottom: 10px;

  letter-spacing: 1px;

}



h2 {

  font-size: 1.8rem;

  margin-bottom: 20px;

  letter-spacing: 1px;

}



h3 {

  margin-top: 30px;

  letter-spacing: 1px;

}



p {

  max-width: 700px;

  margin: 10px auto;

  opacity: 0.9;

}



span.boldy {

  font-weight: 700;

  font-size: 18px;

}



ul {

  list-style: none;

  padding: 0;

  margin: 20px auto;

  max-width: 500px;

}



ul li {

  padding: 6px 0;

  opacity: 0.9;

}



ul.face {

  list-style: disc;

  list-style-position: inside;

}



.contact {

  padding-bottom: 80px;

}



.whatsapp {

  display: inline-block;

  margin-top: 20px;

  padding: 12px 24px;

  border: 1px solid #bfa16b;

  color: #bfa16b;

  text-decoration: none;

  letter-spacing: 1px;

  transition: all 0.2s ease;

}



.whatsapp:hover {

  background: #bfa16b;

  color: #0f0f0f;

}



footer {

  padding: 40px 20px;

  font-size: 0.85rem;

  opacity: 0.6;

  background-color: #0f0f0f;

}



/* Mobile tweaks */

@media (max-width: 600px) {

  h1 { font-size: 2rem; }

  h2 { font-size: 1.5rem; }

}