:root{
    --color_principal: #003789;
    --color_secundario: #FFFFFF;
    --color_tercero: #090708;
    --color_N1: #F8F8F8;
    --color_N2: #E5E5E5;
    --color_N3: #CDCDCD;
    --color_N4: #707070;
    --color_asphalt: #0E131F;
    --color_race_day_red: #F44B15;
    --color_alpine_lake: #B8DDE1;
    --color_visibility_yellow: #F1FA3E;
}

@font-face {
    font-family: 'tmpbiro';
    src: url('https://www.brooksrunningcolombia.com.co/fonts/tmpbiro-script-plus-us.otf');
}
@font-face {
    font-family: 'FilsonPro-Bold';
    src: url('https://www.brooksrunningcolombia.com.co/fonts/FilsonPro-Bold.otf');
}
@font-face {
    font-family: 'FilsonPro-Light';
    src: url('https://www.brooksrunningcolombia.com.co/fonts/FilsonPro-Light.otf');
}
@font-face {
    font-family: 'FilsonPro-Medium';
    src: url('https://www.brooksrunningcolombia.com.co/fonts/FilsonPro-Medium.otf');
}
  body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: rgb(var(--bs-tertiary-color-rgb));
  }
  
/*   p{
    font-family: 'filson-pro-book';
  }
  
  h1{
    font-family: 'FilsonPro-RegularItalic';
  }
  h2{
    font-family: 'FilsonPro-Bold', sans-serif ;
    font-size: var(--font-size-h2);
  } */
.font_titulo{
    font-family: 'FilsonPro-Bold', sans-serif;
    font-size: 38px;
}

.font_parrafo{
    font-family: 'FilsonPro-Light', sans-serif;
    font-size: 16px;
}
.font_tiendas{
    font-family: 'FilsonPro-Bold', sans-serif;
    font-size: 18px;
    padding: 5px;
    text-align: center;
}
.font_footer{
    font-family: 'FilsonPro-Bold', sans-serif;
    font-size: 14px;
    color: var(--color_secundario);
}
.titulo_nav{
    font-family: 'FilsonPro-Light', sans-serif;
    color: var(--color_N1); 
    font-size: 14px; 
    margin-left: 12px;
}


.navbar_color{
    background-color: var(--color_principal);
}

.btn-bd-footer{
    background-color: var(--color_alpine_lake) ;
    color: var(--color_principal) ;
    font-family: 'FilsonPro-Medium', sans-serif;
    font-size: 12px;
    height: 30px;
    width: 100px;
    border-radius: 6rem;
    --bs-btn-hover-bg: var(--color_N4);
    --bs-btn-hover-border-color: var(--color_principal);
    --bs-btn-active-bg: var(--color_principal);
}

.btn-secondary{
    background-color: var(--color_tercero) ;
    color: var(--color_secundario) ;
    font-family: 'FilsonPro-Medium', sans-serif;
    font-size: 14px;
    height: 35px;
    width: 100px;
    border-radius: 6rem;
    --bs-btn-border-color: var(--bd-azul-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--color_principal);
    --bs-btn-hover-border-color: var(--color_principal);
    --bs-btn-focus-shadow-rgb: var(--bd-azul-rgb);
    --bs-btn-active-bg: var(--color_principal);
    
}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

@media (max-width: 768px) {

	.logo-brooks-nav{
		width: 100px;
	}

	.titulo_nav{
		font-size: 0.75em;
		text-align: center;
	}

}


@media (max-width: 449px) {
	.text-boton-inscripcion{
		font-size: 0.75em;
	}

	main{
		margin-top: 38px;
	}

	.box-frame-strava{
		width:'260px'
	}
}


.bi {
    vertical-align: -.125em;
    fill: currentColor;
}


.btn-bd-primary {
    --bd-azul-bg: var(--color_principal);
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-azul-bg);
    --bs-btn-border-color: var(--bd-azul-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--color_principal);
    --bs-btn-hover-border-color: var(--color_principal);
    --bs-btn-focus-shadow-rgb: var(--bd-azul-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--color_principal);
    --bs-btn-active-border-color: var(--color_principal);
}



.m-footer__social {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0 12px;
}

.m-footer__social,
.m-footer__social-item {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__social-item {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-footer__social-item {
    -webkit-box-orient: vertical;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    margin-right: 20px;
}

.m-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    background-color: var(--color_principal);
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    font-size: 0.945rem;
}

ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.m-footer__social-item .a-responsive-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 21px;
    width: 21px;
}

.a-responsive-image {
    display: block;
    height: auto;
    line-height: 1px;
    width: 100%;
}

.m-footer__social-item-link {
    color: var(--color_secundario);
    text-decoration: none;
}