@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{
	--rojo: #FF1721;
	--azul: #00008F;
	--gris: #E5E5E5;
}
body{
    max-width: 1266px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}
section{
	padding: 30px 20px;
}
h1{
	margin-top: 0;
    font-size: 20pt;
    color: var(--azul);
}
h2{
	margin-top: 0;
    font-size: 26px;
    color: var(--azul);
}
h3{
	margin: 0;
	font-size: 13pt;
	font-weight: 500;
}
h4{
	margin: 0 0 5px;
    font-size: 11.3pt;
}
p{
	font-size: 11pt;
	margin: 0;
}
label{
	font-size: 10pt;
}
.head{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    box-shadow: 0px 2px 13px -8px #BFBFBF;
}
.head h5{
	font-weight: 400;
    margin: 0;
    font-size: 10pt;
}
.telefonosgrid{
	display: flex;
    grid-gap: 0 40px;
    align-items: center;
}
.link, .link2{
	cursor: pointer;
}
.link:hover strong{
	color: var(--azul);
}
.link2:hover{
	color: var(--rojo);
}
.flex{
	display: flex;
	grid-gap: 0 15px;
    align-items: center;
}
.center{
	text-align: center;
}
.sectionone{
	display: grid;
	grid-template-columns: 48% 50%;
	justify-content: space-between;
}
.sectionone .h3{
	color: var(--azul);
	font-weight: 700;
}
.sectionone p strong{
	font-weight: 500;
}
form{
	background: var(--gris);
	border-radius: 5px;
	padding: 25px;
}
select, input{
	width: -webkit-fill-available;
    font-size: 12pt;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid var(--gris);
}
.grid2{
	display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    align-items: start;
}
.grid3{
	display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
}
.terminos{
	display: grid;
    grid-template-columns: 20px 80%;
    justify-content: center;
    grid-gap: 0 5px;
    margin-bottom: 10px;
}
.terminos p, .xs-text{
	font-size: 8pt;
}
button{
	width: 300px;
	height: 40px;
	border: none;
	color: #fff;
	font-size: 14pt;
	background: #FF1721;
	border-radius: 5px;
	cursor: pointer;
}
button:hover{
	background: #FF6400;
}
button:active, button:focus{
	background: #960000;
}
.titulo{
	background: var(--gris);
    color: var(--azul);
    padding: 15px 60px;
    border-radius: 10px;
    width: fit-content;
    margin: 0 auto;
}
.box-azul{
	background: var(--azul);
    color: #fff;
    padding: 40px 40px 30px;
    margin-top: -20px;
    position: relative;
    z-index: -1;
    border-radius: 10px;
}
#flecha{
	margin-top: -15px;
}
.grid4{
	display: grid;
	grid-template-columns: 23% 23% 23% 23%;
	justify-content: space-between;
}
.box{
	box-shadow: 0px 0px 15px -7px #000;
    border-radius: 10px;
    padding: 15px;
}
.b-bottom{
	border-bottom: 2px solid var(--azul);
	padding-bottom: 15px;
}
.right{
	text-align: right;
}
.grid-gap{
	grid-gap: 0 50px;
}
.bg-gris{
	background: var(--gris);
	border-radius: 10px;
}
ul{
	margin: 0;
    padding: 0 20px 0 22px;
    font-size: 11pt;
    list-style-image: url(../img/check.svg);
}
.li{
	margin-bottom: 15px;
}
.flex3{
	display: grid;
    grid-template-columns: 25% 25% 25%;
    justify-content: center;
    grid-gap: 35px;
    margin-top: 60px;
}
.flex2{
	display: grid;
    grid-template-columns: 25% 25%;
    justify-content: center;
    grid-gap: 35px;
    margin-top: 60px;
}
.box2{
	box-shadow: 0px 0px 15px -7px #000;
    border-radius: 10px;
    padding: 0 15px 15px;
}
.box2 img{
	margin-top: -35px;
}
.bg-azul{
	background: var(--azul);
	border-radius: 10px;
	color: #fff;
}
.bg-azul h2{
	color: #fff;
}
.footer{
	background: var(--azul);
    margin-top: -34px;
    display: flex;
    grid-gap: 40px;
    justify-content: space-between;
    text-align: center;
    padding: 15px 40px;
}
.footer p, .footer a{
	color: #fff;
	font-size: 9pt;
}
.btn-slide{
    margin: 15px 0;
    background: transparent!important;
}
.spans{
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 5px;
    margin-top: -100px;
}
.w3-badge {
    height: 15px;
    width: 15px;
    padding: 0;
    display: flex;
    border-radius: 100%;
    border:1px solid #7D7D7D;
    background: transparent;
}
.white{
    background: #7D7D7D!important;
    width: 25px !important;
    border-radius: 15px !important;
}
.movil{
	display: none;
}
@media (max-width: 820px){
	.movil{
		display: block;
	}
	.desk{
		display: none;
	}
	section{
		padding: 20px;
	}
	h1 {
	    font-size: 18pt;
	}
	h2 {
	    font-size: 16pt;
	}
	.head {
	    padding: 10px 20px;
	}
	.btn-ana{
		background: #D24723;
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        width: 125px;
        height: 40px;
        display: flex;
        align-content: center;
        justify-content: center;
        cursor: pointer;
        grid-gap: 5px;
	}
	.btn-ana:hover{
		background: #960000;
	}
	.btn-ana h5{
		font-weight: 600;
	}
	.btn-ana svg{
		fill: #fff;
	}
	.btn-ana .svg{
		fill: #fff;
		width: 28px;
	}
	.spans{
		display: flex;
	    justify-content: center;
	    align-items: center;
	    grid-gap: 5px;
	    margin-top: 0px;
	}
	.sectionone {
	    grid-template-columns: 100%;
	    padding: 20px 0;
	}
	.padmovil{
		padding: 0 20px;
	}
	.grid2, .grid3, .grid4{
		grid-template-columns: 100%;
	}
	select, input {
	    font-size: 14pt;
	}
	.terminos {
	    grid-template-columns: 20px 92%;
	}
	.padd0{
		padding: 0;
	}
	.titulo {
	    color: var(--azul);
	    padding: 15px;
	    border-radius: 0;
	    width: -webkit-fill-available;
	    text-align: center;
	}
	.box-azul {
	    padding: 40px 20px 30px;
	    border-radius: 0;
	}
	.bg-gris{
		border-radius: 0;
		flex-direction: column;
	}
	.bg-azul {
	    border-radius: 0;
	    flex-direction: column;
	    grid-gap: 20px 0;
	}
	.preguntas{
		flex-direction: column;
	}
	.flex3, .flex2{
		display: block;
	}
	.flex2{
		margin-top: 0;
	}
	.footer {
	    flex-direction: column;
	    margin-top: -24px;
	    grid-gap: 20px;
	}
}
@media (max-width: 450px){
	.head img{
		width: 85px;
	}
	.telefonosgrid {
	    grid-gap: 0 10px;
	}
	.btn-ana{
        width: 90px;
        height: 30px;
    }
}