/* Tokens de diseño de Ona. Tres letras con su papel: PP Neue Gstaad para los títulos, PP Right Sans para los
   textos más estéticos (frases, cifras y precios) y PP Neue Montreal para el texto. Blanco, arena, tinta y azul mar.
   Formas redondeadas, espacios amplios y curva de movimiento al estilo de la web de Eguía. */
@font-face {
  font-family: "PP Neue Gstaad";
  src: url("../media/fuentes/neue-gstaad-expanded.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Right Sans";
  src: url("../media/fuentes/right-sans-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Neue Montreal";
  src: url("../media/fuentes/neue-montreal-book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Neue Montreal";
  src: url("../media/fuentes/neue-montreal-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --c-blanco: #FFFFFF;
  --c-papel: #FFFFFF;
  --c-arena: #F2EDE5;
  --c-arena-2: #E6DED2;
  --c-tinta: #14110F;
  --c-tinta-2: #5E5853;
  --c-tinta-3: #6C665F;
  --c-mar: #0D2832;
  --c-mar-2: #1E4D5C;
  --c-ocre: #C99364;
  --c-linea: rgba(20, 17, 15, 0.12);
  --c-linea-fuerte: rgba(20, 17, 15, 0.28);
  --c-linea-clara: rgba(255, 255, 255, 0.24);
  --c-cristal: rgba(255, 255, 255, 0.94);
  --c-cristal-borde: rgba(255, 255, 255, 0.7);
  --c-libre: #2C7354;
  --c-reserva: #8C5A0E;
  --c-reserva-vivo: #CF9A3C;
  --c-vendida: #62686C;
  --c-vendida-vivo: #A3A8AB;

  --f-titulo: "PP Neue Gstaad", "Helvetica Neue", Arial, sans-serif;
  --f-estetica: "PP Right Sans", "Didot", "Bodoni 72", Georgia, serif;
  --f-texto: "PP Neue Montreal", "Helvetica Neue", Arial, sans-serif;

  --t-xs: 0.75rem;
  --t-s: 0.875rem;
  --t-m: clamp(1rem, 0.96rem + 0.15vw, 1.08rem);
  --t-l: clamp(1.1rem, 1rem + 0.4vw, 1.36rem);
  --t-titulo: clamp(2rem, 1.1rem + 4.2vw, 5.4rem);
  --t-cifra: clamp(4rem, 2rem + 7vw, 9.5rem);
  --t-etiqueta: 0.72rem;
  --espaciado-etiqueta: 0.14em;

  --e-seccion: clamp(7rem, 4.5rem + 9vw, 15rem);
  --e-seccion-xl: clamp(9rem, 5rem + 13vw, 21rem);
  --margen: clamp(1rem, 4vw, 3.5rem);
  --alto-cabecera: 86px;
  --ancho: 1320px;

  --r-s: 12px;
  --r-m: 20px;
  --r-l: 28px;
  --r-xl: 44px;
  --r-pildora: 999px;
  --r-arco: 50% 50% var(--r-l) var(--r-l) / 40% 40% var(--r-l) var(--r-l);
  --flotar: 14px;
  --sombra: 0 1px 2px rgba(20, 17, 15, 0.05), 0 22px 60px rgba(20, 17, 15, 0.12);
  --desenfoque: blur(20px) saturate(150%);

  --d-rapida: 180ms;
  --d-media: 420ms;
  --d-lenta: 1000ms;
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
}