body{
    font-family:'Inter',sans-serif !important;

    margin:0;

    background:
    linear-gradient(
        rgba(245,241,232,0.985),
        rgba(245,241,232,0.985)
    ),
    url('textura.jpg');

    background-size:cover;

    background-attachment:scroll;

    color:#2c2c2c;

    line-height:1.8;
}

h1,h2,h3,h4,h5{
    font-family:'Cormorant Garamond',serif !important;
}

header {
  background:#3d2b1f;
  color:white;
  padding:20px;
  text-align:center;
}

#fotoheader {
  background-image: url("1000224852.jpg");
  width: 100%;
  max-width: 900px;
  margin: 0 auto;

  aspect-ratio: 16 / 11;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container{
  max-width:900px;
  margin:auto;
  padding:40px 20px;
}

.card{
  background:RGBA(250,246,240,0.78);
  backdrop-filter:blur(8px);
  padding:30px;
  border-radius:26px;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  margin-bottom:30px;
}

h2{
  color:#5c3d2e;
}

footer{
  background:#3d2b1f;
  color:white;
  text-align:center;
  padding:20px;
  margin-top:40px;
  font-size:0.9rem;
}
.menu{
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    flex-wrap:wrap;
    gap:clamp(14px, 4vw, 80px);
    padding:
      clamp(10px, 2vw, 18px)
      clamp(14px, 3vw, 24px);
    margin:20px auto;
    border-top:1px solid rgba(120,90,60,0.12);
    border-bottom:1px solid rgba(120,90,60,0.12);
    background:rgba(255,255,255,0.55);
    backdrop-filter:blur(10px);
    border-radius:20px;
    box-shadow:
      0 8px 25px rgba(0,0,0,0.05);
    max-width:95%;
}

.menu a{
    text-decoration:none;
    color:#5c3d2e;
    font-size:clamp(0.62rem, 1.5vw, 0.82rem);
    font-weight:500;
    letter-spacing:clamp(0.5px, 0.25vw, 2px);
    text-transform:uppercase;
    transition:all 0.35s ease;
    position:relative;
    white-space:nowrap;
}
@media (max-width: 768px){

  .card{
    padding:20px;
  }


}


.contacto-info{
  margin-top:30px;

  display:grid;
  grid-template-columns:repeat(3, 1fr);

  gap:20px;
}
.contacto-item{
  padding-left:20px;
  border-left:2px solid #c7b299;
  line-height:1.8;
}

.contacto-item strong{
  color:#5c3d2e;
  letter-spacing:1px;
}
@media(max-width:700px){

  .contacto-info{
    grid-template-columns:1fr;
  }

}