:root {
  /* Paleta de colores Aldea Xux */
  --xux-verde-selva: #2F5D50;
  --xux-beige-arena: #E8DCC5;
  --xux-cafe-madera: #6B4F3A;
  --xux-verde-claro: #7BAA8D;
  --xux-naranja-calido: #F2A65A;

  /* Fondos y utilidades */
  --xux-bg-body: #FDFBF7;
  --xux-bg-card: #FFFFFF;
  --xux-texto-oscuro: #2C3A35;
  --xux-texto-claro: #5A6A63;
  --xux-border-light: rgba(107, 79, 58, 0.12);
  --xux-shadow-sm: 0 8px 20px rgba(47, 93, 80, 0.06);
  --xux-shadow-hover: 0 20px 30px -8px rgba(47, 93, 80, 0.12);
  --xux-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@font-face {
  font-family: 'Garamond';
  src: url('../fonts/garamond.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.text-sans-serif {
  font-family: sans-serif !important;
}

.icon-small {
  font-size: 21px;
}

.button-blur.color-black {
  border-radius: 14px;
  backdrop-filter: blur(12px);
  border: 1px solid #535353;
  background-color: rgba(02, 01, 02, 0.3);
}

.navbar .right.no-tahoe,
.navbar .left.no-tahoe {
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  background-color: transparent;
}

.opacity-0 {
  opacity: 0;
  transition: opacity 500ms linear 100ms;
}

.opacity-0.show {
  opacity: 1;
}

.elegant-gradient {
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle at 6% 45%, rgba(250, 250, 250, 0.8) 0%, rgba(200, 200, 210, 0.4) 30%, rgba(100, 100, 110, 0.2) 60%, rgba(30, 30, 35, 0.1) 100%);
  position: relative;
  overflow: hidden;
}

.elegant-gradient::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 23% 28%, rgba(250, 250, 250, 0.6) 0%, transparent 50%);
  filter: blur(80px);
}

.elegant-gradient::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 70% 42%, rgba(220, 220, 230, 0.5) 0%, transparent 60%);
  filter: blur(100px);
}



.padding-container {
  padding: 0 3rem;
}

@media (max-width: 768px) {
  .padding-container {
    padding: 0 1.5rem;
  }
}

/* @media (max-width: 480px) { */
/* .padding-container { */
/* padding: 0 0rem; */
/* } */
/* } */

.only-small {
  display: none;
}

.only-medium {
  display: none;
}

.only-medium-flex {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .only-small {
    display: flex;
  }
}

@media (min-width: 768px) {
  .only-medium-flex {
    display: flex !important;
  }

  .only-medium {
    display: block;
  }
}

.logo-footer>img {
  object-fit: cover;
  border-radius: 16px;
  object-position: center center;

  width: 100%;
  height: auto;
  display: block;
  max-width: 300px;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
}


.list input[type="date"]::placeholder,
.list input[type="datetime-local"]::placeholder,
.list input[type="email"]::placeholder,
.list input[type="month"]::placeholder,
.list input[type="number"]::placeholder,
.list input[type="password"]::placeholder,
.list input[type="search"]::placeholder,
.list input[type="tel"]::placeholder,
.list input[type="text"]::placeholder,
.list input[type="time"]::placeholder,
.list input[type="url"]::placeholder,
.list select::placeholder {
  /* color: var(--f7-input-placeholder-color); */
  color: #424142;
}