/*Secto de fuentes*/
@import url(fuentes/Barlow/barlow.css); 
@import url(fuentes/Barlow2/barlowfont.css); 
@import url(fuentes/Montserrat/webfonts/Montserrat.css);
@import url(uicredinformtab.css);
@import url(uicredinformacordion.css);
:after, :before {
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
}
/*Seccion de colores*/
:root {
    --bs-contatcab: #F4F4F4;
    --bs-fondo-blanco: #fff;
    --bs-Azul:#192C54;
    --bs-Azuliv:#004899;
    --bs-Azultex:#122d57;
    --bs-Plomo:#8f8f8f;
    --bs-Plomof:#595959;
    --bs-Plomop:#e6e6e6;
    --s: 60px;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    --gray-light: #eee;
    --gray-dark: #333;
    --focus-blue: #1976d2;
}

/*Sector de fuentes*/
.fsize-titulo1{
    font-family: "barlowbold_italic";
    font-size:50px;
    line-height: 40px;
}
.fsize-subtitulo2{
    font-family: "barlowbold_italic";
    font-size:45px;
}
.fsize-subtitulo3{
    font-family: "barlowbold_italic";
    font-size:35px;
}
.fsize-subtitulo4{
    font-family: "barlowbold_italic";
    font-size:25px;
}
.txt-left{
    text-align: left !important;
}
.txt-right{
    text-align: right !important;
}
.txt-center{
text-align: center !important;
}
.clr-azulosc{
  color: var(--bs-Azuliv);
}
.clr-azulosf{
    color: var(--bs-Azuliv);
  }
  .clr-rojof{
    color: red;
  }
p.parraf{
    font-family: 'barlowregular';
    font-size: 17px;
    color: var(--bs-Azultex);
    line-height: 25px;
}
.bt{
    border-bottom: 1px solid var(--bs-Azul);
}
.bb{
    border-bottom: 1px solid var(--bs-Azul); ;
}
.shandow{
    box-shadow: var(--tw-shadow);
}
/*.grid, .row{
border: 1px dashed #fa574b;
}
[class*="g-col"],[class*="col"]{
    border: 1px dashed #f83a2c;
}*/
.img-fluid{
 width: 100%;
 height: auto;
}
.alert.fallo {
    background-color: #ffcfcc;
    border: 1px solid #f44336;
    color: #f44336;
}
.fixehedar{
    display: block;
    position: fixed;
    z-index: 100;
    width: 100%;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.bshbotomm{
    box-shadow: inset 2px 18px 22px -16px rgb(0 0 0 / 19%);
    height: 20px;
}
.cb-contact{
    background: var(--bs-contatcab);
    font-family: "barlowmedium";
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 2px solid #f0eeee;
}
.cb-contact .ctcontat{
    text-align: right;
    padding-right: 40px;
}
.cb-contact svg{
    vertical-align: middle;
}
.cb-contact  a{
 color: var(--bs-Azuliv);
 text-decoration: none;
 margin-right: 20px;
}
.cb-contact span{
    vertical-align: middle;
    margin-left: 7px;
}
.cb-menu{
 margin-left: 51.2787px ;
 margin-right: 27.2787px;
}
.cb-menu h1{
    padding: 0px;
    margin: 0px;
}
.cb-menu a{
    margin: 0px;
    padding: 0px;
}
.call-user{
    border: 0 !important;
}
.call-user .pagosmobile{
    padding-top: 40px;
    text-align: center;
}
.call-user .pagosmobile a svg{
    vertical-align: middle;
}
.call-user .pagosmobile a{
   border: solid 1px #8f8f8f;
   padding: 15px;
   text-decoration: none;
   border-radius: 10px;
   color: var(--bs-Azuliv);
   font-size: 18px;
}
.optionsmenu {
    display: none;
}
.callcermobile {
    margin-top: 50px;
    text-align: left;
    width: 264px;
    margin: 0 auto;
    margin-top: 49px;
}
.callcermobile a{
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 19px;
    padding-right: 27px;
    background-color: var(--bs-Azuliv);
    text-decoration: none;
    border-radius:8px;
    color: var(--bs-fondo-blanco);
  /*  width: 263.83px;*/
}
.btn-cols1{
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
.btn-cols2{
    grid-column: 2 / 2;
    grid-row: 1 / 1;
 text-align: center;
}
.callcermobile a span{
 
}
.callcermobile a svg{
    vertical-align: middle;
}
.callcermobile .contentcall{
    margin-top: 40px;
}

#logo-credinform{
    display: grid;
}
#logo-credinform img{
    width:140px;
}
.oficinas{
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 15.8px;
}
.oficinas a{
 margin: 0;
 color: var(--bs-Azuliv);
 text-decoration: none;
}
.oficinas a span{
    vertical-align: super;
    font-weight: bold;
}
.logoprin .navmenu{
        display: none;
}
.logoprin{
    width:17.5%;
    margin-left: 41.2787px;
    float: left;
    position: relative;
    z-index: 400;
    margin-right: 90px;
    margin-top: 6px;
}
.logoprin h1{
    margin: 0px;
}
.listoficina{
    width: 158px;
    margin-top: 28px;
    position: absolute;
    right: 0;
}
/*Call center*/
.callcenter{
    margin-top: 8px;
    position: fixed; 
    width: 350px;
    right:0;
    z-index: 900;
    background: var(--bs-contatcab);
    padding-bottom: 9px;
}
.callcenter .titlecallcenter{
    border: solid 1px #d3d0d0;
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 20px;
    background: #fff;
    -webkit-box-shadow: -3px -4px 24px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px -4px 24px -10px rgba(0,0,0,0.75);
    box-shadow: -3px -4px 24px -10px rgba(0,0,0,0.75);
}
.callcenter .titlecallcenter .titlecontent{
    font-family: "barlowbold_italic";
    font-size:20px;
    color: var(--bs-Azuliv);
    margin-top: 4.6px;
}
.callcenter .titlecallcenter .titlecontent .btnclose{
    color: var(--bs-Plomo);
    margin-right: 7px;
} 
.callcenter .contentcall{
    text-align: center;
} 
.callcenter .contentcall p:nth-child(1),.contentcall p:nth-child(1){
    color: var(--bs-Plomo);
    font-family: "barlowmedium";
    font-size:18px;
}
.callcenter .contentcall p:nth-child(2),.contentcall p:nth-child(2){
    font-family: "barlowregular";
    color: var(--bs-Azuliv);
    font-size:18px;
    line-height: 1.5;
}
.callcenter .contentcall p:nth-child(3),.contentcall p:nth-child(3){
    color: var(--bs-Plomo);
    font-family: "barlowmedium";
    font-size:18px;
}
.callcenter .btnclose{
    cursor: pointer;
}


/*Sector baner*/
.fondo-baner{
    /*height: 100vh;
    min-height:40vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;*/
    background-position: top left;
    background-size: cover;
    min-height: 470px;
    max-height: 470px;
}

.fondo-baner-2{
    /*height: 85vh;
    min-height: 40vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background-position: top left;
    background-size: cover;
    min-height: 470px;
    max-height: 470px;
}
.banercontent{
  margin-left: 120px;
  padding-top:80px;
  font-family: "barlowbold_italic";
  color: var(--bs-Azuliv);
}
.banercontent2{
    margin-left: 120px;
    padding-top:270px;
    font-family: "barlowbold_italic";
    color: var(--bs-Azuliv); 
}

.banercontent .titulo,.banercontent2 .titulo {
    margin-top: 0px;
    margin-bottom: 18px;
    font-size: 17px;
}

.banercontent .titulo .contitulo h1,.banercontent2 .titulo .titulo2 h1{
   margin: 0px;
} 
.banercontent .titulo .contitulo{
    background-color: var(--bs-fondo-blanco);
    padding-bottom: 1px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    width: fit-content;
} 

.banercontent2 .titulo .titulo2{
    background: var(--bs-Azuliv);
    width: fit-content;
    color: var(--bs-fondo-blanco);
    padding-bottom: 1px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    padding-top: 2px;
} 
.banercontent2 .titulo .seguro2{
    width: fit-content;   
    background-color: var(--bs-fondo-blanco);
    color: var(--bs-Azuliv);
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    border-radius: 8px;
    padding-top: 2px;
}

.banercontent .titulo>h1,.banercontent2 .titulo>h2{
    margin-bottom: 14px;
}

.imgbol{
position: relative;
height: 100px;
max-width: 100px;
min-height: 100px;
}
/*
h1.titulopag{
    background-color:#fff;
    display: table;
    margin-bottom: 0px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
span.seguropag{
    background: var(--bs-Azuliv);
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 55px;
    border-radius: 10px;
}
    */


.banercontent .seguro, .banercontent2 .seguro{
    color: #fff;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    border-radius: 8px;
    padding-top: 3px;
    
}
.banercontent .seguro, .banercontent2 .seguro .contitulo{
    background: var(--bs-Azuliv);
    width: fit-content;
}
.vacantes{
    width: 80%;
    margin: 0 auto;
    max-width: 582px;
    font-family: "barlowmedium";
    line-height: 22px;
}
.banercontent .descrip,.banercontent2 .descrip{
    margin-top: 30px;
    width: 350px;
    font-family: "barlowmedium";
    font-size: 19px;
    letter-spacing: 0.9px;
    line-height: 30px;
}
.contenido .fondo-baner{
    -webkit-box-shadow: inset 2px 18px 22px -16px rgba(0,0,0,1);
    -moz-box-shadow: inset 2px 18px 22px -16px rgba(0,0,0,1);
    box-shadow: inset 2px 18px 22px -16px rgba(0,0,0,1);
}

/*trabajo conosotros*/
.trb{

    width: 80%;
    margin:  0 auto;
}
.trb p{
    color: var(--bs-Azuliv);
    font-family: "barlowregular";
    font-size: 22px;
    letter-spacing: 0.9px;
    text-align: center;
    line-height: 26px;
}
.contenidopag{
    margin-bottom: 100px;
    margin-top: 30px;
}
/*    font-family: "barlowbold_italic";*/
.contenidopag .titulo-pag{
    width: 75%;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    color: var(--bs-Azuliv);
    padding-top: 25px;
    font-family: "barlowbold_italic";
}
.iconstrab>div>div>svg{
   /*width: 280px;*/
   height: 100px;
}
.contenidopag .content-pag .iconstrab{
    color: var(--bs-Plomo);
}
.contenidopag .content-pag  {
    width: 60%;
    margin: 0 auto;
     font-family: "barlowregular";
     font-size:17px ;
     line-height: 22px;
}
.contenidopag .content-pag-fluid  {
    width: 80%;
    margin: 0 auto;
     font-family: "barlowregular";
     font-size:17px ;
     line-height: 22px;
}
.contenidopag .content-pag h3, .contenidopag .content-pag h2{
    font-family: "barlowbold_italic";
    font-size: 23px;
    color: var(--bs-Azuliv);
}
.contenidopag .content-pag .row div:nth-child(1){
    text-align:center;
    
}
.contenidopag .content-pag .row div:nth-child(2){
    text-align: center;
}
.contenidopag .content-pag .row div:nth-child(3){
    text-align: center;
}
.contenidopag .content-pag .row>div{
  /* margin-right: 80px;*/
}
.contenidopag .content-pag .row>div>p{
   text-align:center;
   color: var(--bs-Azuliv);
}
.fotoseq img{
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 15px 1px var(--bs-Plomo);
    box-shadow: 5px 5px 15px 1px var(--bs-Plomo);
}
.descripcargo{
    text-align: center;
    margin-top: 20px;
}
.descripcargo strong{
    font-family: "barlowsemibold";
    color: var(--bs-Azuliv);
    font-size: 20px;
}
.descripcargo>p{
   margin-top: 1.3px; 
   color: var(--bs-Plomo) !important;
}
/*Sector para productos*/
.bc-mplomo{
    background: #f7f7f7;
}
.fsize-tit{  
 font-size: 50px;;
}

.fsize-subtit{  
    font-size: 30px;;
}
/*.headermenu{
    max-width: 1349px;
    min-width:320px ;
    margin: 0 auto; 
}*/
.contenido{
    max-width: 1349px;
    min-width:320px ;
    box-sizing: border-box;
    margin: 0 auto;
}
.contenidopag .contentp img{
    width: 100%;
}
.fotoseq .fotos>img{
    width: inherit;
}  

.contenidopag .contentp{
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
.contenidopag .contentp ul li{
    margin-bottom: 30px;
}
.contenidopag .contentp h2{
    text-align: left;
    margin-bottom: 30px;
    margin-top: 30px;
}
.contenidopag .contentp ul{
   margin-bottom:50px;
   padding-left: 20px;
}
.contenidopag .contentp p{
    font-family: 'barlowregular';
    text-align: center;
    font-size: 17px;
    color: var(--bs-Azuliv);
    line-height: 25px;  
}
.contenidopag .contentp h3{
    font-family: "barlowbold_italic";
    color: var(--bs-Azuliv);

}
.contenidopag .producto{
    width: 83%;
    margin: 0 auto;
    
}
.contenidopag .producto h1{
    font-family: "barlowbold_italic";
    font-size:50px;
    color: var(--bs-Azuliv);
    text-align: center; 
    margin-top:20px;
}
.contenidopag .producto .tituloprod{
    width: 100%;
   /* border-left:  2px solid var(--bs-Azuliv);*/
    padding-left: 8px;
    margin-bottom: 0px;
}

.contenidopag .contentp h1{
    font-family: "barlowbold_italic";
    font-size:50px;
    color: var(--bs-Azuliv);
    text-align: center;
}
 .contentp h2{
    font-family: "barlowbold_italic";
    font-size:45px;
    color: var(--bs-Azuliv);
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.contenidopag .contentp ul, .contenidopag.contentp ol, .contenidopag.contentp p{
    font-family: 'barlowregular';
    text-align: left;
    font-size: 17px;
    color: var(--bs-Azuliv);
    line-height: 25px;
}
.contenidopag .contentp .link-mas{
    text-align: left;
    margin-top: 50px;
}
.contenidopag .contentp .link-mas a{
    text-decoration: none;
    font-family: "barlowsemibold";
      color: var(--bs-Azuliv);
}
.contenidopag .benefp{
    background: var(--bs-contatcab);
    text-align: center;
    padding-top: 0px;
    padding-bottom: 68px;
} 
.contenidopag .benefp h2{
    font-family: "barlowbold_italic";
    font-size:50px;
    color: var(--bs-Azuliv);
    margin: 0px;
    padding-top: 52px;
    padding-bottom: 52px;
}
.contenidopag .benefp .bencontent{
   background-color: #fff;
   width: 70%;
   max-width:877px;
   margin: 0 auto;
   border-radius: 10px;
   color: var(--bs-Azuliv);
   padding-top:15px;
   padding-left: 20px;
   padding-right: 20px;
   border: 1px solid #f1f0f0;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.contenidopag .benefp .bencontent .row .col-md{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:43px;
    padding-top:43px;
}

.contenidopag .benefp .bencontent h3{
    font-family: "barlowbold_italic";
    font-size:20px; 
}
.contenidopag .benefp .bencontent p{
    font-family: 'barlowregular'; 
    font-size: 17px;
    line-height: 25px;
    color: var(--bs-Azuliv);
}
/*Tablas*/
.tbl{
 margin-top: 20px;
}
.tbl>[class*="col-"]{
    background: var(--bs-Azul);
    color: var(--bs-fondo-blanco);
    font-family: "barlowsemibold";
    font-size: 17px;
    border-left: 2px solid var(--bs-fondo-blanco);
    padding: 2px;
}

.contentub>[class*="col-"]{
    border-left: 2px solid #e5e5e5;
    background: var(--bs-contatcab);
}
.contentub>[class*="col-"]:first-child{
    border-left: 0px solid #0000;
    background: var(--bs-contatcab);
}

.content-lugar p,.content-lugar b{
margin-top: 4px;
margin-bottom: 9px;
 color: var(--bs-Azuliv);
}

.content-lugar .ofina-p{
   margin-top: 40px;
   text-align: center;
}

.contentub>[class*="col-"] a {
  color: var(--bs-Azul);
}

.tbl thead{
    background: var(--bs-Azul);
    color: var(--bs-fondo-blanco);
    font-family: "barlowsemibold";
    font-size: 17px;
}
.tbl tbody{
    background: var(--bs-contatcab);
    color: var(--bs-Azul);
    font-size: 17px;
    
}
.tbl td{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

}
.ofina-p{
    font-family: "barlowmediumitalic";
    color: var(--bs-Plomo);
    font-size: 16px;
}
.movilof{
    display: none;
}
.conteoficinas{
    margin-top: 20px;
    color: var(--bs-Azul);
    font-size: 17px;
}
/*Formulario de contacto*/
.contenidopag .contactseguro{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.contenidopag .contactseguro h2{
    font-family: "barlowbold_italic";
    font-size:50px;
    color: var(--bs-Azuliv);
    margin-bottom: 15px;
}
.contenidopag .contactseguro p{
    width: 72%;
    margin: 0 auto;
    font-family: 'barlowregular'; 
    font-size: 17px;
    line-height: 25px;
    color: var(--bs-Azuliv);
}
.quinesom{
     margin: 3rem;
    -webkit-box-shadow: 6px 8px 9px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 8px 9px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, 0.2);
}
.cbhistoria{
    padding-left: 15px;
    padding-right: 15px;
}
   /* Timeline */
   .timeline {
    border-left: 4px solid var(--bs-Azuliv);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Chivo', sans-serif;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding-left: 20px;
    padding-right: 50px;
    padding-bottom: 0px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 100%;
  }
  .timeline h1 {
    font-family: 'Saira', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 100;
    font-size: 1.4em;
  }
  .timeline h2,
  .timeline h3 {
    font-family: 'Saira', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 400;
    font-size: 1.4em;
    margin-bottom: 8px;
    margin-top: -9px;
  }
  .timeline .event p{
      margin-top: 0px;
      padding-top: 0px;
      text-align: justify;
      padding-bottom: 0px;
  }
  .timeline .event {
    padding-bottom: 0px;
    margin-bottom: 10px;
    padding-top: 2px;
    position: relative;
  }
  .timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
  }
  .timeline .event:before,
  .timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
  }
  .timeline .event:before {
    left: -180.5px;
    content: attr(data-date);
    text-align: right;
    min-width: 120px;
    font-family: "barlowbold_italic";
    color: var(--bs-Azuliv);
    font-weight: 400;
      font-size: 1.4em;
      top: -5px;
  }
  .timeline .event:after {
    box-shadow: 0 0 0 4px var(--bs-Azuliv);
    left: -28px;
    background: var(--bs-Azuliv);
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 0px;
  }
  .contentime{
    margin-left: 170px;
  }
  .cs-parte {
    margin-left: 170px;
}
  .timeline .ocultar {
    position: absolute;
    width: 20px;
    background: #ffffff;
    height: 108%;
    left: -39px;
    top: -4px;
}
.timeline .image-right{
display: flex;
align-items: center;
}
.timeline .image-right img{
order: 1;
margin-left: 1em;
float: right;
max-width: 250px;
height: auto;
}
/*Sector de los formularios*/
.file-input__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  
  .file-input__label {
    cursor: pointer;
    font-family: 'barlowregular';
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bs-Azuliv);
    font-size: 14px;
    padding: 10px 12px;
    background-color: var(--bs-Plomop);
    box-shadow: 0px 0px 2px rgba(212, 209, 209, 0.25);
    box-sizing:border-box;
  }
  
  .file-input__label svg {
    height: 16px;
    margin-right: 4px;
  }
.formcontact{
    width:50% ;
    margin: 0 auto;
}
#frmcontactserguro{
    margin-top: 20px;
}
.cont-of{
  width: 50%; margin:  0 auto;
}
.cont-of>div{
    margin: 3rem !important;
}
.control-form.error {
    border: solid 1px #f12323 !important;
    border-radius: 10px;
}

.error {
    color: #f83131;
    font-family: "barlowregular";
    text-align: left;
    font-size: 14px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.col-form-label{
    padding-top: calc(.1rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.form-label{
    font-family: "barlowsemibold";
    font-size: 17px; 
    color: var(--bs-Azuliv);
    text-align: left;
}
.form-label2{
    font-family: "barlowsemibold";
    font-size: 17px; 
    color: var(--bs-Azuliv);
}


.searchLabelWrap {
    display: block;
    width: 100%;
    padding: 4px 4px;
    line-height: 1.5;
    color: var(--bs-Plomo);
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    background: var(--bs-contatcab);
    border-radius: 20px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: 0;
    font-size: 17px;  
    box-sizing: border-box;
    &:focus-within {
        outline: 1px solid var(--focus-blue);
        outline-offset: 0px;
        border-radius: 20px;
      }
  }
  
  .searchInput {
    border: 0;
    outline: 0; /* focus style on parent */
    background: var(--bs-contatcab);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: var(--bs-Azuliv);
    font: inherit;
  }
  
  .icon {
    width: 1rem;
    aspect-ratio: 1;
    fill:var(--bs-Plomo);
    cursor: pointer;
    margin-right: 4px;
    margin-left: 6px;
  }
  
  .visually-hidden {
    position: absolute;
    left: -9999px;
  }

  select.control-form-tb{
    padding: 8.2px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
select.control-form{
    -webkit-appearance: none; /* Elimina el estilo predeterminado de Safari */
    -moz-appearance: none;    /* Elimina el estilo predeterminado de Firefox */
    appearance: none;         /* Elimina el estilo predeterminado del navegador */
    padding-right: 30px;      /* Espacio para el icono */
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23004899" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center; /* Posición del icono */
    padding: 8.2px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
  .control-form-tb{
    display: block;
    width: 100%;
    padding: 4px 4px;
    line-height: 1.5;
    color: var(--bs-Plomo);
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    background: var(--bs-contatcab);
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: 0;
    font-size:17px; 
    box-sizing: border-box; 
    &:focus-within {
        outline: 1px solid var(--focus-blue);
        outline-offset: 0px;
        border-radius: 10px;
      }
  } 

.control-form {
    display: block;
    width: 100%;
    padding: 4px 4px;
    line-height: 1.5;
    color: var(--bs-Azuliv);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--bs-contatcab);
    background: var(--bs-contatcab);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: 0;
    font-size: 17px; 
    font-family: "barlowregular"; 
    box-sizing: border-box;
    &:focus-within {
        outline: 1px solid var(--focus-blue);
        outline-offset: 0px;
        border-radius: 5px;
      }
}
.bntcontent{
    margin-top: 30px !important;
    text-align: center;
}
.btn-unite{
    transition:all .25s ease!important;
    text-transform:none;
    font-size:35px;
    font-weight:600;
    line-height:16px;
    border-width:2px;
    text-decoration:none;
    cursor: pointer; 
    background-color: var(--bs-Azuliv) ;
    color: var(--bs-fondo-blanco);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 4px;
    border-radius: 20px;
    cursor: pointer;
    font-family:  "barlowbold_italic";
}

.btn-unit-apl{
    font-family: "barlowsemibold";
    font-size: 17px;
    transition:all .25s ease!important;
    text-transform:none;
    font-weight:600;
    line-height:16px;
    border-width:2px;
    text-decoration:none;
    cursor: pointer; 
    color:var(--bs-Azuliv)!important;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 20px;
    cursor: pointer;
    border:1px solid var(--bs-Plomop);
}

.btn{
    transition:all .25s ease!important;
    text-transform:none;
    font-size:16px;
    font-weight:600;
    line-height:16px;
    border-width:2px;
    text-decoration:none;
    cursor: pointer;
}
.btn.fsize{
    font-size: 30px;
}
.btn.btnxlargo{
    display: block;
  width: 60% !important;
  padding:13px 23px;
}
.btn.btnlargo{
    display: block;
    width:50%;
    padding:13px 23px;
    margin: 0 auto;
}
.btn.btnmediano{
    width:40%;
    padding:8px 30px;
}
.btn.radius{border-radius:8px}
.btn.radius-4{border-radius:4px}
.btn.btn-plomo{
    font-family: 'barlowsemibold';
    background-color:var(--bs-Azuliv)!important;
    color:var(--bs-fondo-blanco)!important;
    border:1px solid var(--bs-Plomop);
    letter-spacing: 0.8px;

}
.btn.btn-plano{
    color: #595959;
    font-weight: 600;
   font-size: 17px;
   line-height: 20px;
   font-family:  'barlowregular';
}
.btn.btn-plomo-shadow{
   /* -webkit-box-shadow: 6px 8px 9px -4px rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 8px 9px -4px rgba(0,0,0,0.2);
    box-shadow: 6px 8px 9px -4px rgba(0,0,0,0.2);*/
}
.btn.btn-plomo:hover{
    color: var(--bs-fondo-blanco) !important;
    box-shadow: var(--tw-shadow);
}
.btn.btn-azul{
    border:1px solid var(--color-azul);
    color:var(--bs-fondo-blanco)!important;
    background-color: var(--bs-Azuliv);
}
.btn.btn-azul:hover{
    background-color:var(--bs-Azul)!important;
    color:var(--bs-fondo-blanco)!important;
    cursor:pointer;
}
.btn.large{padding-top:15px;padding-bottom:15px;padding-left:55px;padding-right:55px}

/*Pie de pagina*/
footer{
    background: var(--bs-Plomop);
    font-size: 17px;
    line-height: 25px;
}
.piepagina{
    width: 85%;
    margin-top: 0;
    padding-right: 10px;
    padding-left: 51.2787px;
    margin-right: auto;
    margin-left: auto;
    color: var(--bs-Azuliv);
}
footer ul, footer ol{
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-family: "barlowsemibold";
    font-size:15px;
}
footer ul>li, footer ol>li{
  margin-bottom: 20px;
}
footer ul>li>a, footer ol>li>a{
    text-decoration: none;
    color: var(--bs-Azuliv); 
} 
footer .logo img{width:200px}
footer .callcenter-p{
    font-family: "barlowsemibold";
    font-size: 16px; 
}
footer .callcenter-p .telfp{
    font-family: "barlowmedium";
    font-size: 16px; 
}
footer .callcenter-p p{
    margin-top: 0px;
} 
.red-socialf{
    display: none;
}
.socialcontact{
     list-style: none;
     text-align: center;
     padding: 0px;
}
.socialcontact li{
    display: inline;
    margin-right: 20px;
}
.socialcontact li a{
    color: var(--bs-Azuliv);
}
 .contacto-ct{
    margin-left: 29%;
}
.contacto-ct b{
    font-family: "barlowbold_italic" !important;
} 
.link-none{
    text-decoration: none;
    color:  var(--bs-Azuliv);
    font-weight: 900;
}
.socialhome{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.col-md-3 .memorias img {
    width: 100%;
    height: auto;
}
footer .socialhome, .socialhome{
    display: flex; /* Convierte la lista en un contenedor de flexbox */
    flex-direction: row; /* Alinea los elementos de la lista horizontalmente */
    padding: 0; /* Elimina el relleno por defecto */
    margin: 0; /* Elimina el margen por defecto */
}
footer .socialhome li, .socialhome li{
    margin-right: 10px; /* Añade un margen entre los elementos de la lista */
}
footer .socialhome li a,.socialhome li a{
    color: var(--bs-Azuliv);
}
footer .app{
    max-width: 268px ;
    min-width: 268px;
}
footer .aps{
  width: inherit;
    background: #fff;
    text-align: center;
}
footer .aps img{
    vertical-align: middle; 
    margin-right: 70px;
    width: 70px;
}
footer .aps p{
    padding-top: 20px ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/*Char bot*/
.chatbot{
    position:fixed;
    bottom:40px;
    right:30px;
    z-index:999;
}
.chatbot .chatbotcircle{
    width: 60px;
    height: 60px;
    border-radius: 100%;   
    background: var(--bs-Azuliv);
    -webkit-box-shadow: -1px 2px 47px 11px rgba(255,255,255,1);
    -moz-box-shadow: -1px 2px 47px 11px rgba(255,255,255,1);
    box-shadow: -1px 2px 47px 11px rgba(255,255,255,1);
    border: 0.01px solid #5a7697;
}
.chatbot .mensaje{
    position: absolute;
    top: calc(var(--s) / 2 - 77px);
    right: calc(25px);
    max-width: calc(100vw - var(--s) - 45px);
    height: 32px;
    padding: 0 14px;
    border: none;
    border-radius: 9px;
    background: #fff;
    color: rgba(0, 0, 0, .8);
    line-height: 31px;
    white-space: nowrap;
    opacity: 0.8;
    transition: opacity .3s ease-out .4s;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .4));
    pointer-events: none;  
}
.chatbot .mensaje p{
    margin: 0px;
    font-family: "barlowbold_italic";
    width: 106px;
}

.chatbot .mensaje::before{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    right: 20px;
    bottom: -17px;
}
.mensaje p{
    
}
.mensaje p:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
    
  }
  
  @keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }
  
  @-webkit-keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }
/*Redes sociales*/
.redesocial{
    position:fixed;
    top:calc(50% - 90px);;
    
    z-index:800;
}
.redesocial .listSocial{
    background: var(--bs-Azuliv);
  padding-top: 20px;
  padding-bottom:3px;
  padding-left: 9px;
  padding-right:9px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.redesocial .listSocial ol{
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
}
.redesocial .listSocial ol li{
    margin-bottom: 15px;
}
.redesocial .listSocial ol li a{
    color: #fff;
}


.left {
    justify-content: flex-start;
}


.cell {
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
}
.icon-left{
    display:none !important;
}
.center {
    justify-content: center;
}
.right{
 
    justify-content: flex-end;
}
/*Sector de trabajo*/
.pt-buscar{


}
.trbj-post{
    width: 90%;
    margin: 0 auto;
}
.trbj-post>div{
 margin-top: 25px;
} 
.trbj-post .box-title{
    background-color:var(--bs-fondo-blanco) ;
    color: var(--bs-Azuliv);
    text-align: center;
    font-family: "barlowbold";
    font-size:22px;
    padding-bottom: 20px;
    padding-top: 15px;
}
.trbj-post .box-footer{
    background-color:var(--bs-Azuliv) ;
    color: var(--bs-fondo-blanco);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px;
    text-align: center;
    font-family: "barlowsemibold";
    padding-right: 10px;
}
.trbj-post .box-footer a{
    text-decoration: none;
    
    color: var(--bs-fondo-blanco);
}
.trbj-post .box-content{
   background-color: var(--bs-fondo-blanco);
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   -webkit-box-shadow: 6px 8px 9px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 8px 9px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, 0.2);
    border: solid 2px #e3e3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.trbj-post .box-content .row .col-md{
   color: var(--bs-Azuliv);
   font-size: 20px;
   
}
.trbj-post .box-content .row .col-md svg{
   margin-right:6px;
   display: block;
   float: left;
}
.trbj-post .box-content .row .col-md span,.trbj-post .box-content .row .col-md i{
   color: var(--bs-Plomo);
   font-size: 11px;
   font-family: "barlowsemibold";
  
}
.trbj-post .box-content .row .col-md span{
    text-transform: capitalize;
    font-size: 15px;
  
    display: block;
    width:70%;
    box-sizing: border-box;
    float: right;
    margin-left: 1px;

}
.trbj-post .box-content .row .col-md span::first-letter{
    
}
.descripjob{
   border: solid 1px #f0eeee;
   padding: 30px;
   background: var(--bs-contatcab);
   color: var(--bs-Azuliv) ;
}
.descripjob p b{
  font-family: "barlowsemibold"; 
  color: var(--bs-Azuliv) ;
}
.descripjob p span{
    color: var(--bs-Plomo);
    font-size: 15px;
    font-family: "barlowsemibold";
}

/*Sector cotizador*/


.content-cotizar {
    width: 890px;
    margin: 0 auto;
    border: 1px solid #D4D4D4;
    box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    box-sizing: border-box;
    padding-top: 27px;
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: left !important;
    }
    
    .content-cotizar .header {
    font-family: "barlowbold_italic";
    font-weight: 700;
    font-size: 50px;
    line-height: 36px;
    text-align: center;
    color: #004899;
    }
    
    .content-cotizar .conten-form {
    padding-top: 24px;
    padding-left: 82px;
    padding-right: 82px;
    padding-bottom: 70px;
    }
    .content-cotizar .conten-form .row .col-md-6{
        padding-right: 2.3rem !important;
        padding-left: 2.3rem !important; 
    } 
    .content-cotizar .conten-form label {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #595959;
    font-family: "barlowsemibold";
    display: block;
     padding-bottom: 3px;
    }
    
    .content-cotizar .conten-form label.error {
    color: #fa0707;
    font-size: 12px;
    }
    
    .content-cotizar .form-subtitulos {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #004899;
    font-family: "barlowbold";
    margin-bottom: 20px;
    }
    
    .content-cotizar .footer {
    border-top: #D4D4D4 1px solid;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    padding-left: 29px;
    padding-right: 29px;
    }
    
    .content-cotizar .footer .btncp {
      text-align: right;
    }
    .content-cotizar .footer .btncan{
       text-align: left;
    }
    .px-4 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }
    .d {
    font-family: "Barlow-SemiBold", sans-serif;
    font-size: 17px;
    font-weight: 600;
    }
    
    .content-cotizar .btn-cot {
    transition: all .25s ease !important;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    border-width: 2px;
    text-decoration: none;
    cursor: pointer;
    }
    
    .content-cotizar .btn-cot.btnlargo {
    width: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 13px;
    margin: 0 auto;
    }
    
    .content-cotizar .btn-cot.btn-azul {
    font-family: 'barlowsemibold';
    font-size: 17px;
    background-color: var(--bs-Azuliv) !important;
    color: var(--bs-fondo-blanco) !important;
    border: 1px solid var(--bs-Plomop);
    letter-spacing: 0.8px;
    border-radius: 8px;
    text-align: center;
    }
    .content-cotizar .btn-cot.btn-azul img,   .content-cotizar .btn-cot.btn-azul svg {
    vertical-align: middle;
    margin-left: 5px;
    }
    
    .content-cotizar .btn-cot.btn-plano {
    color: #595959;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    font-family: 'barlowregular';
    background: none;
    border: none;
    }
    


@media only screen  and (min-width:1549px) {
    .cbp-hrmenu > ul > li > a{
       padding-right: 100px;
    }
}

@media only screen   and (max-width:1543px) {
   
    .cbp-hrmenu > ul > li > a{
        padding-right:45px;
    }
   
} 

@media screen and (max-width: 1280px) { 
   
    .listoficina{
        width: 13.9% !important;
        /*margin-top: 10px !important;*/
    }
    .listoficina .oficinas{
            margin-left: 0px !important;
            /*margin-top: 16%;*/
    }
    .cb-contact a {
    
    margin-right: 10px;
   }

   .cbp-hrmenu > ul > li > a{
    padding-right: 1px;
    }
}

@media (min-width: 768px) {
    .cb-contact .col-md-7{
        width: 34.33333333% !important;
       }
       .cb-contact .col-md-5{
        width: 98% !important;
       }
       .cb-contact .ctcontat {
        padding-right: 0px !important;
       }
}
@media (min-width:226px) and (max-width:824px) {
    .cb-contact{
    display: none !important;
    }
    .listoficina{
    display: none;
    }
    .cb-contact{
    display: none;
    }
       .logoprin .navmenu{
        display: block;
        display: flex;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-align: center;
        align-items: center;
    }
    .optionsmenu {
        display: block;
    }
    .logoprin .navmenu a{
        margin-right: 8px !important;
        display: block;
        width: 55px;
        text-align: center;
    }
    .logoprin .navmenu a:active{
        color: var(--bs-Azuliv) !important;
    }
    
    .menucolopsa{
        display: none;
    }  
    .cbp-hrmenu > ul > li > a{
        padding-left: 20px !important; 
    }  
    
}

 @media only screen and (min-width:992px) and (max-width:1199.98px), only screen and (min-width:768px) and (max-width:991.98px),only screen and (max-width:767.98px),only screen and (max-width:479.98px){ 
        .contenidopag .contentp{
        width: 95% !important;
        } 
        .contenidopag .contactseguro{
        width: 90% !important;
        padding-left: 10px;
        padding-right: 10px;
        }
        .imgbol{
        margin-top:0px; 
        }   
   
        .banercontent{
        margin-left:10%;
        }
      
 
    .trbj-post{
       width: 89%;
    } 
    
    .quinesom {
        margin: 0px;
        margin-bottom: 20px;
    }
    .fotoseq  .fotos{
        padding: 1rem !important;
    }
    .fotoseq  .fotos img{
        width:  100% !important;
        height: auto;
    }
    h1.titulopag {
        padding-left: 4px;
        padding-right: 4px;
    }
   .logoprin{
        width: 5% !important;
        margin-top: 10px;
        margin-left: 10px;
    }
    .navmenu>a>span{
        display: block;
        width: 60px;
        color: var(--bs-Azuliv);
    }
    .contenidopag .content-pag {
      width: 80%;
    }
    .cont-of{
        width: 100%;
    }
    .cont-of>div{
        margin: 0 !important;
    }
    .btn-unite{
           padding-left: 10px;
           padding-right: 10px;
        font-size: 19px;
    }
    #logo-credinform{
        width: 100% !important;
        height: auto !important;
    }
    .contenidopag .contactseguro{
        width: 90%;
    }
    .banercontent2{
        padding-top: 35px;
        margin-left: 5%;
    }
    .fsize-titulo1{
        font-size: 35px !important;
        line-height: 30px;
    }
    .trb p{
        font-size: 17px;
    }
    .fondo-baner-2 {
        height: 100vh;
        min-height: 70vh;
    }
    .file-input__label{
        width: 100%;
        text-align: center;
    } 
    .container {
        width: 80% !important;
    }
    .container h2{
        font-size: 30.7px;
    }
    .iconstrab>div>div>svg{
        width: 100px;
    }
    .banercontent .titulo, .banercontent2 .titulo {
      
    }
    .banercontent .seguro, .banercontent2 .seguro {
   
     }
     .contenidopag .benefp .bencontent{
      max-width: 80% !important;
      width: 80% !important;
    }

     .trbj-post .box-content .row .col-md{
        margin-left: 0px;
     }
     .trbj-post .box-content .row .col-md svg{
        margin-right:2px;
     }
    .formcontact{
        width: 90%;
    }
    .redesocial{
        display: none;
    }
    .piepagina {
        padding-left: 0px;
        width: 90% !important;
    }
    footer .app {
        max-width: 100%; 
    min-width: 100%;
    }
    footer .app .row .col-5{
        width: 100% !important; 
    } 
    .footerpag{
        text-align: center;
    }
    .socialhome{
        display: inline-flex !important;
    }
    footer .aps img{
        text-align: center;
        display: block !important;
        display: block !important;
        margin: 0 auto;
    }
    footer .aps{
        text-align: center;
        font-size: 12px;
    }
    }

    @media screen and (max-width: 820px) {
        .logoprin{
            width: 98% !important;
        }

    }

/*Pantallas regulares y cuadrados*/
@media only screen and (max-width:1280px){
    .fondo-baner-2 {
        min-height: 64vh;
        max-height: 64vh;
    }
    .fondo-baner{
        min-height: 64vh;
        max-height: 64vh;
    }
    
}
/*Tabletas*/

@media only screen and (max-width:768px),only screen and (max-width:820px),only screen and (max-width:834px){
    .fondo-baner{
         height:50vh;
         min-height: 4vh;
     }
     .contenidopag .producto {
        width: 90%;
     }
     .contenidopag .producto .tituloprod{
        width: 99%;
     }
     .banercontent .titulo{
        font-size: 10px !important;
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .banercontent2 .titulo{
        font-size: 20px;
    }
    .banercontent2 .titulo .titulo2 {
        font-size: 20px !important;
    }
    .banercontent2 .titulo .seguro2{
        font-size: 40px;
    }
    .banercontent .seguro{ 
        font-size:40px;
    }
    .banercontent2 {
        padding-top:250px;
        margin-left: 5%;
    }
    .banercontent {
        padding-top:40px;
        margin-left: 5%;
    }
   #frmcontacto{
        margin-left: 3%;
        margin-right: 3%; 
    }
    .content-lugar{
        display: none;
    }
}
@media only screen and (max-width:800px){
    .fondo-baner{
        height:41vh;
        min-height: 4vh;
    }
}


/*Celulares grandes*/


/*Celulares pequeños*
@media only screen and (max-width:320px) and (max-width:375px){
 
}*/





/* Móvil: menos de 576px */
@media (max-width: 428px) { 
 
        .timeline .image-right {
            flex-direction: column;
        }
        .timeline .image-right img{
            margin-left: 0px;
            margin-bottom: 10px;
        }
    .fondo-baner{
        /* height: 55vh;
         min-height: 4vh;*/
         height: 200px;
         min-height: 4vh;
     }
     .fondo-baner-2 {
        height: 70vh;
        min-height: 4vh;
    }
     .banercontent2{
        padding-top: 120px !important; 
     }
     .banercontent {
        padding-top: 20px !important;
        margin-left: 2% !important;
    }
     .banercontent .titulo{
        font-size: 9.8px !important;
    }
    .banercontent .titulo .contitulo {
        padding-left: 5px !important;
        padding-right: 10px !important;
        width: fit-content;
    }
    .banercontent .titulo .contitulo h1, .banercontent2 .titulo .titulo2 h1 {
        margin: 0px;
        padding-top: 3.5px;
        padding-bottom: 3.5px;
    }
    .contact{
        width: 60%;
    }
    .btnnev{
        width: 260px !important;
    }
    .banercontent2 .titulo{
        font-size: 20px;
    }
    .banercontent2 .titulo .titulo2 {
        font-size: 9.8px !important;
    }
    .banercontent2 .titulo .seguro2{
        font-size: 19px;
    }
    .banercontent .seguro{ 
        font-size:20px;
    }

    .banercontent2 .titulo{
        font-size: 17px;
    }
    .banercontent2 .titulo .titulo2 {
     /*   font-size: 13px !important;*/
    }
    .banercontent2 .titulo .seguro2{
        font-size: 18px;
    }
    .contenidopag .content-pag-fluid{
        width: 95% !important;
    }
  
    .contentime {
        margin-left: 85px !important;
    }

    .banercontent .seguro, .banercontent2 .seguro {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .banercontent .seguro{ 
        font-size: 18px;
    }
    .cbp-hrmenu{
        
    }

    span.seguropag{
        font-size: 35.7px;
    }
    .contentime{
        margin-left: 85px;
    }
 
    .banercontent .descrip, .banercontent2 .descrip {
        font-size: 17px;
        width: inherit;
    }
   
    .contenidopag .titulo-pag{
     width: 90%;
     font-size: 20px;
    }
   
    .mapd{
        display: none;
    }
    .tbl{
        display: none;
    }
    .movilof{
        display: block !important;
    }
    .movilof .acordeonmenu .contenedor .contenido{

        padding-left: 29px;
    }
    .movilof .acordeonmenu .contenedor .contenido p{
      margin-top: 4px;
      margin-bottom: 4px;
    
    }
 
    .contenidopag .producto .tituloprod {
        width: 100%;
        margin-bottom: 20px;
    }
    .contenidopag .producto .tituloprod h1 {
        font-size: 28.7px;
    }
    .contenidopag .contentp h1, .contenidopag .benefp h2, .contenidopag .contactseguro h2, .contentp h2 {
        font-size: 40.7px;
    }
    
    .timeline{
        padding-right: 0px !important;
    }
    .btn-unite{
       font-size: 20px;
       padding-top: 10px;
       padding-bottom: 10px;
       display: block;
       width: 260px;
       margin: 0 auto;
       line-height: 25px;
     }
    .contentp h2 {
        font-size: 28px;
    }
    .contenidopag .contentp ul{
      margin-top: 0px !important;
     }
     footer .aps p {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
     }
     footer .app {
        margin:  0 auto;
    }
    footer .app img, footer .app svg {
        margin-bottom: 10px;
    }
    footer .app .row .col-5 {
        width: 100% !important;
    }
    .red-socialf{
        display: block;
    }
    .contacto-ct{
        margin-left: 0%;
        text-align: center;
    }
    .timeline .event p{
        text-align: start;
    }
    .btn.btnlargo{
      width: 80%;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 1px;
      padding-bottom: 8px;
      padding-top: 7px;
    }

    .trbj-post .box-content .row .col-md span{
        width:90%;
    }

    /*sector cotizacion*/

    .content-cotizar {
        width: 90% !important;
        border: none !important;
        box-shadow: none !important;
        }
        
        .content-cotizar .conten-form {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        }
        .content-cotizar .conten-form .row{
            margin-bottom: 0px !important;
        }
        .content-cotizar .conten-form .row .col-md-6{
            margin-bottom: 1rem !important;
            padding-right: 1rem !important;
            padding-left: 1rem !important; 
        }
        .content-cotizar.btn-cot.btnlargo {
        width: 80%;
        text-align: center !important;
        }

        .content-cotizar .footer{
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 5px;
        }
        .content-cotizar .footer {
        padding-top: 4px;
        border-top: #fff 1px solid !important; 
        }
        
        .content-cotizar .footer .btncp {
          text-align: center !important;
        }
        
        .content-cotizar .footer .btncan {
          text-align: center !important;
        }
        .px-4 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        .icon-left{
            display: flex !important;
        }
        .contenidopag .benefp .bencontent .row .col-md {
            padding-bottom: 15px !important;
            padding-top: 10px !important;
        }
        .cs-parte {
            margin-left: 0px !important;
        }
        .container {
            width: 90% !important;
        }
        .navmenu>a>span>svg{
            margin-bottom:-5px;
        }
        .logoprin a svg{
            margin-bottom:-5px;
        }
 }

/* Tablet: entre 576px y 768px */
@media (min-width: 576px) and (max-width: 767.98px) {
    .contenidopag .content-pag-fluid{
        width: 95% !important;
    }
    .fondo-baner-2 {
        height: 70vh;
        min-height: 90vh;
    }
    .contentime {
        margin-left: 85px !important;
    }
    .contacto-ct{
        margin-left: 0%;
        text-align: center;
    }
}

/*Pantallas con mas resolucion*/
@media only screen  and (min-width:1549px)  and (max-width:2880px) {
    /*.cbp-hrmenu > ul > li > a{
         padding-right: 240px;
     }*/
     .cbp-hrmenu > ul{
         max-width: none;
     }
     .callcenter .titlecallcenter{
         padding-top: 0px;
         padding-bottom: 8px;
     }

     .cb-contact{
         padding-top: 0px !important;
     }
    
     .contenidopag .titulo-pag{
         padding-top: 10px !important;
     }
    /* .listoficina{
         margin-top: 31px;
     }*/
     .contenidopag{
      margin-top: 40px;
      margin-bottom: 150px;
     }
     .contenidopag .content-pag {
        max-width: 754px;
     }
     .contenidopag .contentp{
        max-width: 947px;
        padding-bottom: 70px;
     }
     .contenidopag .contactseguro{
         max-width: 994px;
     }
     .contenidopag .producto{
         width: 100%;
 
     }
     .contenidopag .producto .tituloprod{
         width: 100%;
         margin-left: 0px;
     }
    
 }