:root {
  --primary-color: #1b3f7c;
  --secondary-color: #e52722;
  --secondary-red-color: #D1133E;
  --secondary-orange-color: #EE7203;
  --secondary-orange-light-color: #F49600;
  --secondary-lime-color: #D5D900;
  --secondary-aquamarine-color: #00ADC9;
  --bg-grey: #ededed;
  --color-grey: #878787;
}
@font-face {
  font-family: PoppinsLight;
  src: url(/font/Poppins-Light.ttf);
}

@font-face {
  font-family: PoppinsRegular;
  src: url(/font/Poppins-Regular.ttf);
}

@font-face {
  font-family: PoppinsSemiBold;
  src: url(/font/Poppins-SemiBold.ttf);
}

@font-face {
  font-family: PoppinsExtraBold;
  src: url(/font/Poppins-ExtraBold.ttf);
}

@font-face {
  font-family: LatoLight;
  src: url(/font/Lato-Light.ttf);
}

@font-face {
  font-family: LatoRegular;
  src: url(/font/Lato-Regular.ttf);
}

@font-face {
  font-family: LatoBold;
  src: url(/font/Lato-Bold.ttf);
}

@font-face {
  font-family: LatoBlack;
  src: url(/font/Lato-Black.ttf);
}

@font-face {
  font-family: MerriweatherLight;
  src: url(/font/Merriweather-Light.ttf);
}

@font-face {
  font-family: MerriweatherRegular;
  src: url(/font/Merriweather-Regular.ttf);
}

@font-face {
  font-family: MerriweatherBold;
  src: url(/font/Merriweather-Bold.ttf);
}

@font-face {
  font-family: MerriweatherLightItalic;
  src: url(/font/Merriweather-LightItalic.ttf);
}

@font-face {
  font-family: MerriweatherItalic;
  src: url(/font/Merriweather-Italic.ttf);
}

@font-face {
  font-family: PoppinsBoldItalic;
  src: url(/font/Merriweather-BoldItalic.ttf);
}
body{
    font-family: LatoRegular;
    color: var(--primary-color);
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
}

div.lateral-derecho p, h1{
    color: var(--bs-primary);
}

.text-secondary-color{
    color: var(--secondary-color) !important;
}

.text-primary-color{
    color: var(--primary-color) !important;
}
.btn.btn-primary{
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-primary:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
a.btn:focus,
a.btn-primary:focus,
a.btn-lg:focus{
    background-color: var(--primary-color);
    border-color: rgba(82, 186, 181, 1);
}
strong{
    font-family: LatoBold;
}

a:hover{
    color:var(--color-grey) !important;
}