@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: url('../fonts/Roboto/Roboto-Regular.ttf')  format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: url('../fonts/Roboto/Roboto-Bold.ttf')  format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	font-weight: 900;
	src: url('../fonts/Roboto/Roboto-Black.ttf')  format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	font-weight: 400;
	src: url('../fonts/Montserrat/Montserrat-Regular.ttf')  format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	font-weight: 700;
	src: url('../fonts/Montserrat/Montserrat-Bold.ttf')  format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	font-weight: 900;
	src: url('../fonts/Montserrat/Montserrat-Black.ttf')  format('truetype');
	font-display: swap;
}		
body{
	min-height: 100vh;
	font-family: 'Montserrat';
	background-color: #FFFFFF;
	/*background-image: url(img/bg.png);*/
	background-size: cover;
	/*background-image: url(img/efecto.png);*/
	background-repeat: no-repeat;
	/*background-size: 50rem;
	background-position: -10% 90%;
	*/
	color: #212121;
}		
a:link,a:visited,a:hover,a:active {
  color: initial;
  text-decoration: none;
}
header{
	position: fixed;
	font-size: 0.85rem;
	font-weight: 700;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 7.125rem;
	transition: 0.2s ease all;
}
section{
	padding: 7.5rem 0;
	min-height: 30rem;
}
.img-fluid{
	max-height: 100%;
}
.list-inline{
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	align-items: center;
	justify-content: space-between;
}
.list-inline>li a{
	padding: 0.35rem 0.65rem;
}
.list-inline>li a{
	transition: 0.2s ease color;
}
.list-inline>li a:hover{
	color: #D2263E;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 700;
}
ul{
	list-style-type: none;
}
/* #D2263E ACCENT */
.color-primary{
	color: #D2263E;
}
.headline{
	font-weight: 900;
	font-size: 3.6rem;
	line-height: 1.3;
}
.img-block{
	position: relative;
}
.img-block>img{
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 0.3rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important;
	/*filter: grayscale(0%);*/
	transition: all 0.2s ease;
}
.img-block::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: #D2263E;*/
	z-index: -1;
	top: 30px;
	left: -30px;
	border-radius: 0.3rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important;
	transition: all 0.3s ease-in-out;			
	border: 1px solid rgba(255,255,255,0.2);
	background: linear-gradient(135deg, rgba(210,38,62,1) 0%, rgb(255 188 121) 100%);
}
.img-block:hover>img{
	/*filter: grayscale(100%);*/
}
/* slightly transparent fallback */
.backdrop-blur {
		background-color: rgba(255,255,255,0.9);
		/*box-shadow: 0 .5rem 1rem rgba(0,0,0,.025) !important;*/
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border: 1px solid rgba(255,255,255,0.2);
}
.border-r{
	border-radius: 0.3rem;
}
.call-to-action-card{
	padding-top: 4rem;
	padding-bottom: 4rem;
	position: absolute;
	bottom: -3rem;
	left: -4rem;
	width: 22rem;
	font-weight: 700;
}
.call-to-action-card>button{
	font-size: 1.1rem;
	border: none;
	outline: none;
}
.bg-gradient{
	color: #ffffff;
	background: linear-gradient(135deg, rgba(210,38,62,1) 0%, rgb(255 188 121) 100%) !important;
}
.bg-gradient:hover{
	color: #ffffff;
}
#main{
	background-image: url(../img/bg3.webp);
	background-size: cover;
	padding-top: 12.625rem;
	padding-bottom: 2.5rem;
}
.z-index-1{
	z-index: 1;
}
.header-sm{
	height: 3.375rem;
}
.header-sm .row>div:first-child{
	display: none;
}
#servicios{
	background-image: linear-gradient(135deg, rgba(210,38,62,1) 0%, rgb(255 188 121) 100%);/*url(img/bg33.jpg);*/
	/*background-size: cover;*/
}
.transparent-border{
	border: 10px solid rgba(255,255,255,0.25);
}
.clickable{
	cursor: pointer;
}
#seguimiento{
	padding: 12.5rem 0 0 0;
}
footer{
	background-color: #1a1f23;
	padding: 1.5rem 0;
}
/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
	.backdrop-blur, .img-block::after {
		background-color: rgba(255, 255, 255,0.75);
		backdrop-filter: blur( 0.85rem );
		-webkit-backdrop-filter: blur( 0.85rem );				
	}	
	.call-to-action-card{
		/*color: #ffffff;*/
	}
}

/* XX-Large devices (larger desktops, 1400px and up) */
/*@media (min-width: 1400px) { ... }*/

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	.call-to-action-card{
		left: 50%;
		bottom: -10rem;
		margin-left: -11rem;
	}
}
/* Large devices (desktops, 992px and up) */
/*@media (min-width: 992px) {
	
}*/
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.headline{
		font-size: 2.6rem;
	}
	.img-block::before{
		left: -10px;
		right: -10px;
		width: auto;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.headline{
		font-size: 2rem;
	}
}