/* Elegante · generado a partir de la estética y los colores elegidos en el panel */
@font-face { font-family: "Playfair Display"; src: url("fuentes/playfair-display-latin-wght-normal.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("fuentes/dm-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 1000; font-display: swap; }

:root {
  --esquema: dark;
  --fondo: #0f0e12;
  --fondo-alt: #1a191c;
  --superficie: #212023;
  --campo-fondo: #0c0b0e;
  --texto: #f2ece1;
  --texto-suave: #a39e99;
  --principal: #d4a64a;
  --principal-hover: #d9b160;
  --principal-texto: #111111;
  --principal-contorno: #d4a64a;
  --principal-suave: rgba(212, 166, 74, 0.14);
  --acento: #d4a64a;
  --acento-texto: #111111;
  --borde: rgba(242, 236, 225, 0.14);
  --borde-campo: rgba(242, 236, 225, 0.24);
  --estrellas: #f5b301;
  --cabecera-fondo: rgba(15, 14, 18, 0.86);
  --portada-sin-foto:
    radial-gradient(circle at 80% 15%, rgba(212, 166, 74, 0.45), transparent 45%),
    radial-gradient(circle at 10% 90%, rgba(212, 166, 74, 0.35), transparent 45%),
    #0f0e12;
  --portada-velo: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.82) 100%);
  --fuente-titulos: "Playfair Display", Georgia, serif;
  --fuente-texto: "DM Sans", system-ui, sans-serif;
  --fuente-portada: "Playfair Display", Georgia, serif;
  --peso-titulos: 500;
  --espaciado-titulos: -0.01em;
  --espaciado-boton: .02em;
  --radio: 6px;
  --radio-boton: 2px;
  --sombra-boton: 0 8px 22px rgba(212, 166, 74, 0.3);
}
.portada h1 { font-family: var(--fuente-portada); }
.portada h1 { font-style: italic; font-weight: 400; }
.antetitulo { letter-spacing: .28em; }
.tarjeta { border-color: color-mix(in srgb, var(--principal) 28%, var(--borde)); }