/* COLORS */

:root {
--naranja: #F56502;
--gris: #F2F4FA;
--negro: #01184C;
--blanco: #FFFFFF;
}

.naranja, .naranja * {color: var(--naranja);}
.gris, .gris1 * {color: var(--gris);}
.negro, .negro * {color: var(--negro);}
.blanco, .blanco * {color: var(--blanco);}

.bgnaranja {background: var(--verde);}
.bggris {background: var(--gris);}
.bgnegro {background: var(--negro);}
.bgblanco {background: var(--blanco);}

/* END COLORS */

/* FONTS */

@font-face { 
    font-family: "regular"; 
    font-display: swap; 
    src: url('/assets/fonts/prompt-regular.woff2') format('woff2'), 
    font-weight: 400; 
    font-style: normal;} 

@font-face { 
    font-family: "bold"; 
    font-display: swap; 
    src: url('/assets/fonts/prompt-bold.woff2') format('woff2'), 
    font-weight: 700; 
    font-style: normal;} 

body  {
    font-family: regular;
    font-weight: 400;}

.negrita { 
	font-family: bold !important;
	font-weight: 700 !important;}

.text45-45, .text45-45 * {
    font-size: 45px;
    line-height:45px;}

.text24-32, .text24-32 * {
    font-size: 24px;
    line-height:32px}

.text18-21, .text18-21 *{
    font-size: 18px;
    line-height:21px;}

.text15-18, .text15-18 * {
    font-size: 15px;
    line-height:18px}

.text12-24, .text12-24 * {
    font-size: 12px;
    line-height:24px;}

@media screen and (max-width: 1200px) {
	.text45-45, .text45-45 * {
		font-size: 24px;
		line-height:26px;}

	.text12-24, .text12-24 * {
		font-size: 12px;
		line-height:24px;}
}

/* ENF FONTS */