/* ------------------------------
   @font-face (archivos en /fonts)
   ------------------------------ */

/* Palatino (regular) */
@font-face {
  font-family: "PalatinoCustom";
  src: local("Palatino"),
    url("fonts/palatino.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Palatino (itálica) */
@font-face {
  font-family: "PalatinoCustom";
  src: local("Palatino Italic"),
    url("fonts/Palatino_Italic_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Libre Franklin (regular) */
@font-face {
  font-family: "LibreFranklinCustom";
  src: local("Libre Franklin"),
    url("fonts/LibreFranklin-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------
   Clases utilitarias para usar
   ------------------------------ */

.palatino-bold {
  font-family: "PalatinoCustom", Georgia, "Times New Roman", serif;
  font-weight: 700;
}
.palatino-baner {
  font-family: "PalatinoCustom", Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 2.5rem; /* equivale a 40px si base = 16px */
  line-height: 0.4;
}
.italic-baner {
  font-family: "PalatinoCustom", Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: 2.3rem; /* equivale a 40px si base = 16px */
  font-style: italic;
}




.lead-text {
  font-family: "LibreFranklinCustom", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4B4F49;
  font-size: 1.5625rem;
  line-height: 2;
  max-width: 62ch;
  margin-bottom: 1.2rem;

}