body{

     display: flex;
     flex-direction: column;
     height: 100%;
     min-height: 100vh;
}

main{
     flex-grow: 1;
}


body {
     font-family: Montserrat, sans-serif; 
     font-weight: normal;
     font-size: 18px;
     line-height: 24px;
     color: #4E5357;
     letter-spacing: 0.18px;
}


p{margin-bottom: 10px; width: 100%}
section {padding: 50px 0 }

@media(min-width: 1025px){
     section {padding: 50px 0 }
}

.wrapper{
	width: 1170px;
	max-width: 100%;
	margin:0 auto;
     padding: 0 20px;
}

@media(min-width: 1170px){
     .wrapper {padding: 0}
}

.overflow{overflow-x: auto;}


.u-celeste{	color: #0079c8; }
.u-rosa{color: #c6007e;}
.u-azul{color: #00335b;}
.u-dark-pink{color: #942151;}
.u-navy {color:  #00548C}
.u-blanco{	color: #fff!important;}
.u-blue{color: #0652AE;}
.u-bold{font-weight: 600;}

.text-center{text-align: center;}
.bg-grey{background: #FAFAFA}
.bg-light-grey{background:#F7F5F2}
.bg-azul {background: #0079c8!important}
.bg-azul-2{background: #0652AE!important}

     .bg-navy {background: #00335b!important}
     .bg-morado {background: #6a2ca1}
     .bg-violeta {background: #a4219b}
     .bg-fucsia {background: #c6007e}
     .bg-granate {background: #942151}
     .bg-naranja {background: #DB3907}
     .bg-turquesa {background: #008385}
     .bg-verde {background: #007a3d}
     .bg-musgo{background: #678004 }

     .bg-azul-a {background: rgba(0,121,200,0.6);}
     .bg-navy-a {background: rgba(0,51,91,0.6);}
     .bg-morado-a {background: rgba(106,44,161,0.6);}
     .bg-violeta-a {background: rgba(164,33,155,0.6);}
     .bg-fucsia-a {background: rgba(198,0,126,0.6);}
     .bg-granate-a {background: rgba(148,33,81,0.6);}
     .bg-naranja-a {background: rgba(219,51,7,0.6);}
     .bg-turquesa-a {background: rgba(0,131,133,0.6);}
     .bg-verde-a {background: rgba(0,122,61,0.6);}
     .bg-musgo-a{background: rgba(103,128,4,0.6);}



/*btns*/
.btn-def {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px; 
letter-spacing: 0.32px;
border-radius:  4px;
color: #fff;
background: #DB3907;text-decoration: none;
border: 1px solid #DB3907;
cursor: pointer;}

.btn-def:hover{
  border: 1px solid #992805;
  background: #992805;
  color: #ffffff;
}
.btn-blue{
  background: #0079c8;border: 1px solid #0079c8;
}
.btn-blue:hover{
  background: #ffffff; color: #0079c8;border: 1px solid #0079c8;
}
.btn-arrow{
    border-radius: 6px;
    background: url(../imagenes/arrow-white.png) center right 20px #0079c8 no-repeat;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding: 15px 40px 15px 23px;
}
.btn-arrow:hover{
  background:url(../imagenes/arrow-white.png) center right 20px #992805 no-repeat;;
  color: #ffffff;
}

.btn-white{
  background-color: #ffffff;
  color:#DB3907;
  border: 1px solid #DB3907;
}

.contenedor-btn{
  display: flex; justify-content: center;  margin: 20px auto;
}

/*top bar*/
.c_top-bar{position: fixed;padding: 15px; width: 100%; background-color: #fff; z-index: 99;}
.c_top-bar .wrapper{display: flex; justify-content: space-between; align-items: center;}

.c_top-bar .btn-def{ padding: 12px 23px; max-width: 189px; width: 100%; }



@media(max-width: 767px){
  .c_top-bar .btn-def{display: none;}
  
}

/*banner hero*/
.c_banner-hero{
    margin-top: 68px;
     background:url(../imagenes/bg-hero.jpg)top center no-repeat ;
    background-size: cover;
}
.c_banner-hero .wrapper{display: flex; justify-content: flex-end;}

.c_banner-hero-box{
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(16px);
     max-width: 346px;
     color: #21272A;
     padding: 20px 20px 15px;
     text-align: center;
     font-size: 16px;
     font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    letter-spacing: 0.16px;
    display: flex;
    flex-direction: column;
     }
.c_banner-hero-box>div{display: flex; flex-direction: row;}     
.c_banner-hero-title{color: #21272A;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 25px;
 }

.c_banner-hero-precio{
     display: flex;
     flex-direction: column;}

.c_banner-hero-precio span{
    color: #FFF;
    text-align: center;
  
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 1.1;}

.c_banner-hero-precio strong{
     color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 30px;
}

.c_banner-hero-prom{
border-radius: 8px;
background: #0D1846;
box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.50);
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 15px; /* 107.143% */
letter-spacing: 0.14px;
padding: 10px 20px;
text-align: left;
display: flex; align-items: center; justify-content: center;
}
.c_banner-hero-prom span{
  font-size: 12px;
}
.c_banner-hero-prom img{margin:0 10px}

.c_banner-hero .btn-def{ padding: 7px 11px;
    max-width: 170px;
    margin: 10px auto 0;
    min-width: 48px;}

/*title section*/

.title-section{color: #0D1846;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 39px; 
margin:10px 0 23px;}

.title-big{font-size:35px ; color: #0079C8;line-height: normal; text-align: center;padding: 0 20px;font-weight: 600; max-width: 865px;


    margin: 0 auto;}
    .modificacion-title {
    margin-top: 60px;
    max-width: 1110px;
    color: #00335B;
    font-weight: 500;
    font-size: 33px;
}

@media(max-width: 767px){
  .c_banner-hero .wrapper{
    display: block;
  }
    .c_banner-hero-box{
        margin: 0 auto;
  }
    .c_banner-hero{
        background-size: cover;
            padding-top: 153px;
}
}
@media(min-width: 767px){
    .c_banner-hero{
        background-size: cover;
            padding-top: 105px;
}
}

@media(min-width: 768px){
    .c_banner-hero{
       background:url(../imagenes/bg-hero-desktop.jpg)top center no-repeat ;
       background-position-x: 53%;
       min-height: 485px;

     }
     .c_banner-hero-box{
        margin:0;
        max-width: 490px; 
        padding: 20px 20px 15px 26px;
      
     }
     .c_banner-hero-box>div{display: flex; flex-direction: row; gap: 10px;} 
    .c_banner-hero .wrapper{
        display:flex;
        justify-content:flex-start;

    }
   
    .c_banner-hero-title,  .c_banner-hero-precio span{
        text-align: left;
        line-height: 38px;
         
    }
    .c_banner-hero-title{
      font-size: 34px;
      max-width: 579px;
    }
     .c_banner-hero-txt{
      font-size: 20px;
       text-align: left;
      line-height: 24px;
      color: #21272A;

    }
    .c_banner-hero-precio span{
      line-height: 2.1;
    }
    .c_banner-hero-precio{
        max-width: 95px;
    }
    .c_banner-hero .btn-def{
        margin: 8px 0 6px;
    }
    .c_banner-hero-precio strong{
      font-size: 45px;

    }
    .c_banner-hero-prom{
        margin-left: 57px;
        max-width: 332px;
        line-height: 22px;
        margin-top: 10px;
    } 
    .c_banner-hero-prom span{
      font-size: 18px;
    }  
}


/*SECCION ICONOS Y TEXTO*/
.inner-items-iconos {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;

}
.inner-items-iconos {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 40px}
.inner-items-iconos .item-icono {    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-basis: 24%;
    align-items: center;
    padding: 35px;}
.inner-items-iconos .item-icono p{font-weight: 500;font-size: 16px;line-height: 20px;text-align: center;color: #333333; margin-top:20px;}
.inner-items-iconos .item-icono p strong{color: #333333; font-size: 18px; font-weight: 700;}
@media (max-width:  425px){
    .title-big{font-size: 25px;}
}
@media(max-width: 1024px){

    .inner-items-iconos .item-icono {flex-basis: 33%;}
}
@media(max-width: 800px){
    .inner-items-iconos .item-icono {flex-basis: 47%; padding:12px;}
}
@media(max-width:375px){
    .inner-items-iconos .item-icono {padding:33px 1px 0;}
}

@media(max-width:320px){

    .inner-items-iconos .item-icono {flex-basis:100%;}
}


/*section boxes*/
.c_boxes-seguro{display: flex; flex-direction: column; grid-gap: 20px}

.c_box-seguro{
min-height: 301px;
border-radius: 8px 8px 0 0;
background: #0D1846;

box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);

}


.c_box-seguro-header{padding: 20px;color: #FFF;

font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 111.111% */; position: relative;display: flex
;
    align-items: flex-start;
    justify-content: space-between;}

.c_box-seguro-header::after{
     content: "";
     width: calc(100% - 40px);
     height: 0;
     border-bottom:1px solid #fff;
     position: absolute;
     bottom: 0; 
     transform: translateX(-50%);
     left: 50%; 
}
.c_box-seguro-header img.active{transform: rotate(180deg);}

.c_box-seguro-body{display: flex; flex-direction: column;padding: 20px 20px 30px; color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 112.5% */
letter-spacing: 0.16px;    min-height: 175px;}
.c_box-seguros-desde{display: flex; flex-direction: column; align-items: flex-start;
     color: #FFF;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 26px; 
}
.c_box-seguros-desde .sup{
    font-weight: 200;
     font-size: 16px;
}
.c_box-seguro-banda{background: #007D79; padding: 10px 22px;color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
letter-spacing: 0.16px; 
display: flex;justify-content: flex-start; align-items: center;min-height: 72px;}
.c_box-seguro-banda img{margin-right: 15px;}
.c_box-seguro-servicios{
     display: flex;
     flex-direction: column;
     padding: 0 20px;
     background:#fff;
     
}

.c_box-seguro-servicios li{padding: 20px 0; border-bottom: 1px solid #4E5357; color: #000;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 150% */
letter-spacing: 0.12px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
grid-gap: 10px

}
.c_box-seguro-servicios li:last-of-type{
     border-bottom: none;
     align-items: flex-end;
     flex-grow: 1;
}
.c_box-seguro-servicios .title{color: #4E5357;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 112.5% */
letter-spacing: 0.16px;margin: 0}
.c_box-seguro-servicios li img{margin-right: 15px; flex-shrink: 0}
.c_box-seguro-servicios li>div{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
}

.c_box-seguro-servicios .btn-def{min-height: 46px; 
     width: 100%; 
     max-width: 170px;
      margin:40px auto 20px; display: flex;justify-content: center;align-items: center;padding: 10px}


@media(max-width:767px){
    .c_box-seguro-servicios{
        display: none;
    }
}

@media(min-width: 1024px) {
  .c_boxes-seguro {
    flex-direction: row;
    
  }
  .c_box-seguro{flex-basis: 32%;display: flex;flex-direction: column;}
  .c_box-seguro-header img{display: none;}
  .c_box-seguro-servicios{flex-grow: 1;}
      
}
@media(min-width: 1440px){
    .title-section{
        font-size: 34px;
    }
    .c_box-seguro-header{
      font-size: 24px;
      line-height: 30px;
    }
    .c_box-seguros-desde{
      line-height: 41px;
    }
    .c_box-seguros-desde .sup{
      font-size: 18px;
    }
    .c_box-seguros-desde span{
      font-size: 45px;
    }
    .c_box-seguro-body{
      padding: 5px 20px;
    }

 

}
/*MODULO MAPA*/
.mapa{padding: 32px 0;}
.mapa .wrapper{display: flex; justify-content: space-between; align-items: center;flex-direction: row;}
.box-media {flex: 1 1 50%; background: url(../imagenes/bg-imagenes.png) no-repeat center;
    background-size: cover;
    padding: 15px;

    
    margin: 20px 0;
}

.box-txt{ flex: 1 1 50%;
  padding: 32px; margin-top: 5px;}
  .box-txt .registro{font-size: 14px;}
.box-txt p{font-size:16px ; color: #333; font-weight: 500;}
.box-txt strong{font-weight: 700;}

.box-txt .title{font-size:34px ; color: #0079C8;font-weight: 600; line-height: 37px;}
.box-txt .cambio-color{color:#0F2460;}
.boton .modificacion{margin: 12px 0; max-width: 70%;}
.titulo-logo{display:flex; flex-direction: row;}



@media (max-width: 430px){
.mapa .wrapper{flex-direction: column;}
.box-media img{margin: 20px 0;}
.box-txt .titulo-logo img{display:none;}}


@media only screen and (width: 1024px) {
    .box-txt img {
        width: 108px;
        height: 81px;
    }
}



/*condiciones*/
.condiciones{
    font-size: 14px;
    line-height: 1.2;
}
@media (min-width: 1024px){
    .condiciones{
        font-size: 14px;
    }
}

/*MODAL-FORM*/

.modal__wrapp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55); 
  z-index: 99;
}

.oculto {
  display: none !important;
}

.modal__inner .modal-form {
  width: 100%;
  max-width: 590px; 
  padding: 20px;
}

.modal-form {
  background: #0079C8;
  padding: 30px;
  position: relative;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
}

.modal-form .close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  border: none;
  background: transparent;
}

.body-modal form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #ffffff;
}

.body-modal input[type="text"] {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 15px;
  outline: none;
  background-color: #ffffff;
}
.body-modal .title{font-size:28px; font-weight: 700; line-height: 1.2; margin: 0;}
.label-tlf{margin: 0;}
.notice{font-size: 12px;}
.body-modal .btn-def{padding: 7px 11px; width: 100%;}


/*MODAL-LEGAL*/

.modal__inner .modal-legal {
  width: 100%;
  max-width: 590px; 
  padding: 20px;
  margin-top:44px;
}

.modal-legal {
  background: #ffffff;
  padding: 30px;
  position: relative;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #706F6F;
  font-weight: 600;
}
.modal__wrapp .modal-legal {
    background: #fff;
    max-height: 100vh;
    overflow: auto;
}
.modal-legal .close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  border: none;
  background: transparent;
}

@media (min-width: 767px) {
    .modal__wrapp .modal {
        max-height: 100vh;
    }
}

/*FOOTER*/
footer {background: #0D1846; padding: 30px 0; width: 100% }
footer p, footer a {color: #fff; font-size: 16px}
footer p {margin:0;}

footer .wrapper {display: flex; justify-content: space-between; align-items: center;color: #fff}

footer .legales {display: flex;}
footer .legales span {margin: 0 5px;}

@media (max-width: 767px){
   
    footer .legales {display: flex;flex-direction: column;}
    footer .wrapper {flex-direction: column;}
    footer .wrapper .legales span {display: none;}
    .legales a {display: inline-block; width: 100%; text-align: center; margin: 0 0 10px}
    footer .legales {width: 100%;}
    footer p {margin: 0 0 10px; text-align: center;}
    footer {padding: 15px 0 32px}
}
@media(min-width: 1024px){
   footer p, footer a { max-width: 185px;}
}

.btn-fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    padding: 2px 7px;
    z-index: 999;}

    .btn-fixed-bottom button {
    flex: 1;
    margin: 0 5px;
    padding:  7px;
    font-size: 18px;
    border: none;
    font-weight: 700;
    border-radius: 5px;
    color: white;
    cursor:pointer;
  }

@media(min-width: 768px){
   .btn-fixed-bottom{display: none;}
}