body{
  background: #f7f5f4;
  color: #36393b;
}
.font-serif {
  font-family: "Playfair Display", serif
}
.font-script {
  font-family: "Dancing Script", cursive
}
:root {
  --primary-color: #E58C9F;
  --secondary-color: #6C8A83;
  --background-light: #FDFBF8;
  --text-light: #4A4A4A;
  --muted-light: #887878;
  --card-light: #FFF;
  --border-light: #F3EAE4;
  --background-dark: #221016;
  --text-dark: #4A4A4A;
  --muted-dark: #887878;
  --card-dark: #FFF;
  --border-dark: #F3EAE4
}
.bg-crema{
  background: #aa8b5a;
}
.p-relative{
  position: relative;
}
.bg-fondo {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}
.d-none{
  display: none;
}
@media (max-width: 575px){
  .cabecera-home .desktop{
    display: none;
  }
  .cabecera-home .mobile{
    display: block !important;
  }
}

/* Mobile sidebar helpers (non-Tailwind environments) */
#mobile-sidebar {
  will-change: transform;
}
#overlay.hidden {
  display: none;
}