/* INICIO*/
/* Variables de tipografía */
:root {
    /* Fuentes */
    --font-primary: 'Roboto', sans-serif;
    --font-secondary: 'Lato', sans-serif;
    
    /* Pesos de fuente */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    
    /* Colores principales */
    --color-primary: #831842;
    --color-secondary: #F2781E;
    --color-text: #252B2F;
    --color-text-light: #4F4F4F;
    --color-white: #FFF;
    --color-black: #020202;
    --color-border: #E8E8E8;
}

body {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
}



/* Clases de utilidad para fuentes */
.font-lato { font-family: var(--font-primary) !important; }
.font-roboto { font-family: var(--font-secondary) !important; }
.font-light { font-weight: var(--font-weight-light) !important; }
.font-regular { font-weight: var(--font-weight-regular) !important; }
.font-medium { font-weight: var(--font-weight-medium) !important; }
.font-bold { font-weight: var(--font-weight-bold) !important; }
.font-black { font-weight: var(--font-weight-black) !important; }