@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/lora/Lora-VariableFont_wght.ttf") format("truetype-variations"),
    url("../fonts/lora/Lora-VariableFont_wght.ttf") format("truetype");
}

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/lora/Lora-Italic-VariableFont_wght.ttf")
      format("truetype-variations"),
    url("../fonts/lora/Lora-Italic-VariableFont_wght.ttf") format("truetype");
}

/* Después de Tailwind: sustituye la pila sans de Preflight en html/:host */
html,
:host {
  font-family: "Lora", Georgia, "Times New Roman", serif;
}

body {
  font-family: "Lora", Georgia, "Times New Roman", serif;
}

.font-lora {
  font-family: "Lora", Georgia, "Times New Roman", serif;
}