@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
body{
    max-width: 1266px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}
section{
	padding: 30px 20px;
}
h1{
    margin: 0 0 15px;
    font-size: 38pt;
    font-weight: 800;
}
h1 strong{
    color: #BE0F34;
    font-size: 40pt;
}
h2{
    font-size: 20pt;
    margin: 0;
}
h3{
    margin: 0 0 15px;
    font-size: 13pt;
}
h4{
    margin: 0 0 10px;
    font-size: 12pt;
}
h6{
    margin: 0 0 10px;
    font-size: 10pt;
}
p{
    margin: 0;
    font-size: 11pt;
}
.head{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
}
.head h5{
	font-weight: 400;
    margin: 0;
    font-size: 10pt;
}
.telefonosgrid{
	display: flex;
    grid-gap: 0 40px;
    align-items: center;
}
.flex{
	display: flex;
	grid-gap: 0 15px;
    align-items: center;
}
.center{
    text-align: center;
}
.bg-ana{
    display: grid;
    grid-template-columns: 45% 55%;
    justify-content: space-between;
    background: url(../img/seguro-ana-00.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 20px;
}
.bg-ana p{
    font-size: 18pt;
}
form{
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
}
select, input{
	width: -webkit-fill-available;
    width: -moz-available;
    font-size: 12pt;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #F2F2F2;
}
.grid2{
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
}
.grid3{
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
}
.terminos{
    display: grid;
    grid-template-columns: 20px 70%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.terminos p{
    font-size: 7pt;
}
.terminos input{
    margin: 0;
}
.terminos a{
    color: #fff;
}
.btncotnow{
    width: 200px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #45B800;
    font-size: 13pt;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}
.btncotnow:hover{
    background: #50D500;
}
.btncotnow:focus, .btncotnow:active{
    background: #3D8F00;
}
.slide{
    overflow: hidden;
    padding-top: 25px;
    width: -webkit-fill-available;
    width: -moz-available;
}
.spans, .spans2, .spans3, .spans4{
    display: flex;
    grid-gap: 0 10px;
    justify-content: center;
}
.spans span, .spans2 span, .spans3 span, .spans4 span, .w3-badge{
    width: 10px;
    height: 10px;
    display: block;
    background: transparent;
    border: 1px solid #646464;
    border-radius: 100%;
    cursor: pointer;
}  
.spans span:hover, .spans2 span:hover, .spans3 span:hover, .spans4 span:hover, .w3-badge:hover{
    background: #646464;
}  
.white{
    background: #646464!important;
}
.box-img{
    background: #BE0F34;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.box-text{
    background: #E9E9E9;
    width: 235px;
    height: 120px;
    padding: 0 15px 0 60px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -40px;
    position: relative;
    z-index: -1;
}
.slide-coberturas, .slide-seguros, .slide-coberturasOtras, .slide-factores{
    display: flex;
    overflow: hidden;
    width: -moz-available;
    width: -webkit-fill-available;
    scroll-behavior: smooth;
}
.coberturas, .seguros, .coberturasOtras{
    flex: 0 0 calc(100% / 3);
    box-sizing: border-box;
    transition: transform 0.4s ease;
    padding: 0 20px;
}
.coberturas>div{
    display: flex;
    justify-content: center;
    align-items: center;
}
#nextBtn, #nextBtn2, #nextBtn3, #nextBtn4, .flecha-right{
    background: url(../img/flecha-derecha-active.svg);
    width: 30px;
    border-radius: 100%;
    height: 30px;
    cursor: pointer;
}
#nextBtn:hover, #nextBtn2:hover, #nextBtn3:hover, #nextBtn4:hover, .flecha-right:hover{
    background: url(../img/flecha-derecha-hover.svg);
}
#nextBtn:focus, #nextBtn:active, #nextBtn2:focus, #nextBtn2:active, #nextBtn3:focus, #nextBtn3:active, #nextBtn4:focus, #nextBtn4:active, .flecha-right:focus, .flecha-right:active{
    background: url(../img/flecha-derecha-press.svg);
}
#prevBtn, #prevBtn2, #prevBtn3, #prevBtn4, .flecha-left{
    background: url(../img/flecha-izquierda-active.svg);
    width: 30px;
    border-radius: 100%;
    height: 30px;
    cursor: pointer;
}
#prevBtn:hover, #prevBtn2:hover, #prevBtn3:hover, #prevBtn4:hover, .flecha-left:hover{
    background: url(../img/flecha-izquierda-hover.svg);
}
#prevBtn:active, #prevBtn:focus, #prevBtn2:active, #prevBtn2:focus, #prevBtn3:active, #prevBtn3:focus, #prevBtn4:active, #prevBtn4:focus, .flecha-left:active, .flecha-left:focus{
    background: url(../img/flecha-izquierda-press.svg);
}
.seguros>div{
    width: 300px;
    margin: 10px auto;
    box-shadow: 0px 2px 13px -4px #000;
    border-radius: 10px;
}
.seguros h4{
    height: 40px;
    background: #BE0F34;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.right{
    text-align: right;
}
.text-seguros{
    padding: 15px;
    height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
table {
  border-collapse: collapse;
  margin: auto;
  text-align: center;
}
.th{
    width: 375px;
}
.td{
    font-weight: 600;
    font-size: 14px;
}
td, th {
  border: 1px solid #ddd;
  height: 37px;
  width: 150px;
}
tr:nth-child(even){background-color: #F2F2F2;}
th {
  background-color: #BE0F34;
  color: white;
  font-size: 18px;
  font-weight: 600;
  border-color: #BE0F34;
}
.coberturasOtras>div{
    display: flex;
    grid-gap: 8px;
    width: 90%;
    margin: auto;
}
.b-left{
    border-left: 2px solid #DCDCDC;
    padding-left: 7px;
    height: 102px;
}
.bg-red{
    background: #BE0F34;
    color: #fff;
    border-radius: 10px;
    padding: 20px 40px;
}
.tableauto{
    width: 820px;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -7px #000;
}
.thtable{
    height: 50px;
    display: grid;
    grid-template-columns: 200px 200px 200px 200px;
    padding: 0 10px;
    align-items: center;
    background: #E9E9E9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
}
.thtable h3{
    margin: 0;
    font-weight: 700;
    font-size: 12px;
}
.trtable{
    padding: 10px;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #000;
}
.trtable p{
    font-size: 14px;
}
.tdtable{
    display: grid;
    grid-template-columns: 200px 200px 200px 200px;
    height: 30px;
}
.tdtable p span{
    font-weight: 600;
}
hr{
    margin-top: 0;
}
.imgmargin{
    margin-bottom: -24px;
}
.small{
    font-size: 9pt;
    margin-top: 10px;
}
.factores{
    flex: 0 0 calc(100% / 4);
    box-sizing: border-box;
    transition: transform 0.4s ease;
}
.factores>div, .box-contratar{
    width: 238px;
    margin: auto;
    height: 138px;
    background: #F5F5F5;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    padding: 20px;
}
.factores p, .box-cotizar p, .box-contratar p{
    font-size: 10pt;
}
.box-cotizar{
    border: 1px solid #DCDCDC;
    padding: 20px;
    border-radius: 10px;
    width: 308px;
    margin: auto;
    height: 158px;
    text-align: center;
}
.box-cotizar h4{
    margin-top: 10px;
}
.box-cotizar h3{
    color: #BE0F34;
}
.grid4{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.box-contratar{
    height: 118px;
}
.ulcheck{
    margin-bottom: 0;
    padding-left: 20px;
    list-style: url(../img/check-blanco.svg);
}
.ulcheck li{
    font-size: 18px;
}
.ulcheck li:not(:last-child), .ulcircle li:not(:last-child){
  margin-bottom: 10px;
}
.ulcircle{
    margin-bottom: 0;
    padding-left: 20px;
}
.ulcircle li::marker{
    color: #BE0F34;
    font-size: 22px;
}
.box-facto-img{
    width: 60px;
    height: 60px;
    background: #BE0F34;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.facto-box{
    display: flex;
}
.box-facto{
    width: 750px;
    height: 38px;
    border: 1px solid #DCDCDC;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
}
.box-shadow{
    box-shadow: 0px 0px 15px -7px #000;
    border-radius: 10px;
    padding: 20px;
}
.grid5{
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}
.box-calendar{
    width: 168px;
    height: 58px;
}
.box-calendar h4{
    margin-top: 10px;
}
.bx-medios{
    height: 238px;
}
.bggris{
    height: 60px;
    width: 100px;
    border-radius: 8px;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.bx-medios .small{
    margin-top: 5px;
    font-size: 8pt;
}
.gridmedio{
    height: 50px;
    width: -webkit-fill-available;
}
.w80{
    width: 970px;
    margin: auto;
}
.flex2{
    display: grid;
    grid-template-columns: 35% 60%;
    justify-content: space-between;
}
.bg-white{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    color: #000;
}
.bg-white span{
    width: 30px;
    height: 30px;
    background: #BE0F34;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16pt;
    color: #fff;
}
.bg-white .flex{
    display: grid;
    grid-template-columns: 30px 90%;
}
.footer{
	background: #BE0F34;
    display: flex;
    grid-gap: 40px;
    justify-content: space-between;
    text-align: center;
    padding: 15px 40px;
}
.footer p, .footer a{
	color: #fff;
	font-size: 9pt;
}
.movil{
    display: none;
}
@media (max-width: 820px){
    .movil{
        display: block;
    }
    .desk{
        display: none;
    }
    .head {
        padding: 10px 20px;
    }
    .padding0{
        padding: 0;
    }
    .bg-ana {
        grid-template-columns: 100%;
        justify-content: space-between;
        background: url(../img/seguro-ana-00-mobile.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0;
        grid-gap: 30px 0;
    }
    h1, h1 strong {
        font-size: 26pt;
    }
    form{
        background: #BE0F34;
    }
    .grid2, .grid3, .grid4, .grid5 {
        grid-template-columns: 100%;
    }
    h2 {
        font-size: 18pt;
    }
    .coberturas, .seguros, .coberturasOtras {
        flex: 0 0 calc(100% / 1);
        padding: 0;
    }
    .coberturas>div {
        width: 90%;
    }
    .table{
        overflow-y: scroll;
    }
    table {
        width: max-content;
    }
    .th {
        width: 215px;
    }
    .td {
        padding: 0 8px;
    }
    .column-movil{
        flex-direction: column;
        align-items: normal;
    }
    .bg-red {
        border-radius: 0;
        padding: 20px;
    }
    .center-movil{
        text-align: center;
    }
    .factores {
        flex: 0 0 calc(100% / 1);
    }
    .btns-slide{
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 0 30px;
        margin-top: 30px;
    }
    .reverse-column{
        flex-direction: column-reverse;
    }
    .box-facto {
        width: -webkit-fill-available;
        width: -moz-available;
        height: auto;
    }
    .box-facto-img {
        height: auto;
    }
    .gap{
        grid-gap: 35px 0;
    }
    .imgwidth, .w80, .bggris, .box-cotizar{
        width: -webkit-fill-available;
        width: -moz-available;
    }
    .grid3-movil{
        grid-template-columns: 32% 32% 32%;
    }
    .grid2-movil{
        grid-template-columns: 48% 48%;
    }
    .flex2 {
        grid-template-columns: 100%;
    }
    .btn-morado{
		background: #DCDCDC;
        color: #000;
        padding: 10px;
        border-radius: 10px;
        width: 125px;
        height: 40px;
        display: flex;
        align-content: center;
        justify-content: center;
        cursor: pointer;
        grid-gap: 5px;
	}
	.btn-morado:hover{
		background: #AFAFAF;
	}
	.btn-morado h5{
		font-weight: 600;
	}
	.btn-morado svg{
		fill: #BE0F34;
	}
	.btn-morado .svg{
		fill: #BE0F34;
		width: 28px;
	}
    .footer {
	    flex-direction: column;
	}
	.footer{
		grid-gap: 20px;
	}
}
@media (max-width: 450px){
	.telefonosgrid {
	    grid-gap: 0 10px;
	}
	.btn-morado {
        width: 90px;
        height: 30px;
    }
}