:root{
	--sc-verde: #03c6b6;
	--sc-gris: #1d1d1d;
}
html, body{
	font-family: 'Roboto', sans-serif;
	scroll-behavior: smooth;
	color: var(--sc-gris);
}
section{
	padding: 120px 0px;
}
footer{
	padding: 50px 0px 20px 0px;
	background-color: var(--sc-gris);
	color: #fff;
}
#maternidad{
	background: url('../images/maternidad-01.png') no-repeat fixed;
	background-size: cover;
	color: #fff;
}
.bg-saludcompara{
	background-color: var(--sc-verde);
}
.bg-gris{
	background-color: var(--sc-gris);
}
.verde{
	color: var(--sc-verde);
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus{
	background-color: var(--sc-verde);
	border-color:  var(--sc-verde);
	color: #000;
}
.menu-footer{
	list-style: none;
	padding-left: 0px;
}
.menu-footer li{
	display: inline;
	padding-right: 35px;
}
.menu-footer li a, .menu-footer li a:hover{
	color: #fff;
	text-decoration: none;
}
.videoCotizar{
	position: absolute;
	top: 50%;
	right: 5%;
}
.loading{
	z-index: 100;
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
}
.loading > div.spinner-border{
	width: 5rem;
	height: 5rem;
}
.text-sc{
	color: var(--sc-verde);
}

/* Para tarjetas */
.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}
.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}
.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}
.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}
.frontside .card,
.backside .card {
    min-height: 385px;
}
.backside .card a {
    font-size: 18px;
    /*color: #007b5e !important;*/
}