@font-face  {
    font-family:  "book";
    src:  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot");
    src:  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"),  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff2") format("woff2"),  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff") format("woff");
    font-weight:  normal;
    font-style:  normal;
}
@font-face  {
    font-family:  "bold";
    src:  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot");
    src:  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"),  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff2") format("woff2"),  url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff") format("woff");
    font-weight:  bold;
    font-style:  bold;
}
html  {
    scroll-behavior:  smooth !important;
}
a.button  {
    color: #fff !important;
    background-color:  transparent;
    border:  2px solid #fff;
    border-radius:  20px;
    padding:  3px 20px;
    text-align:  center;
    text-decoration:  none;
    display:  inline-block;
    font-family:  "bold";
    font-size:  20px;
}
.info  {
    background-color: #f9f9f9;
}
.productos  {
    text-align:  center;
    margin:  30px 0;
}
.block-producto  {
    margin-bottom:  30px;
}
.img-productos  {
    height:  50px;
    margin-bottom:  20px;
}
ul  {
    list-style:  none;
}
ul li::before  {
    content:  "\2022";
    color:  #3f737f;
    font-weight:  bold;
    display:  inline-block;
    width:  1em;
    margin-left:  -1em;
}
footer  {
    background-color:  #ff671d !important;
    color:  #fff;
    display:  flex;
    padding:  50px 0;
}
.footer-text  {
    font-size:  14px;
    text-align:  right;
    padding:  30px 70px }
.ayuda  {
    padding:  15px;
    background-color:  #f9f9f9;
}
.legales  {
    color:  #989797;
    font-family:  book;
}
a  {
    color: #fff;
}

.cajon1{
    float: left;
}
.cajon2{
    float: left;
    margin-left: 40px;
   
}
.cajon3{
    clear:both;
}

@media(min-width:200px)  {
    .bg  {
    background-image:  url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/3/bb52a764-f0f4-43a1-aeea-d82c30702898.jpg);
    background-repeat:  no-repeat;
    background-position:  bottom -165px right 15%;
    height:  900px;
    background-color:  #3f737f;
}
.title-intro  {
    margin-top:  20px;
}
h1  {
    font-family: 'bold';
    font-size:  45px;
    color:  #fff;
    line-height:  90%;
}
.title-intro>p  {
    font-size:  25px;
    color:  #fff;
}
h2  {
    font-family: 'bold';
    color:  #3f737f;
    font-size:  45px;
}
h3  {
    font-size:  38px;
    color:  #3f737f;
    font-family:  'bold';
    text-align:  center;
    margin-bottom:  30px;
    
}
.h3-form{
    font-size:  38px;
    color:  #3f737f;
    font-family:  'bold';
    text-align:  center;
    margin-bottom:  30px;
}
h4  {
    font-size:  30px;
    color:  #3f737f;
    margin-bottom:  30px;
    font-family:  'bold';
    text-align:  center;
    margin-top:  20px;
}
p.info-intro  {
    color:  #333333;
    font-size:  25px;
    margin-top:  0px;
}
.medallia_container_movil  {
    position:  fixed;
    z-index:  100;
    bottom:  20%;
    right:  0;
    background-color:  #1c1d1c;
    padding:  18px;
    font-family:  "bold";
    -webkit-box-shadow:  0px 4px 16px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:  0px 4px 16px -2px rgba(0, 0, 0, 0.75);
    box-shadow:  0px 4px 16px -2px rgba(0, 0, 0, 0.75);
}
p  {
    font-family: 'book';
    font-size:  18px;
}
li  {
    font-family:  "book";
    font-size:  18px;
}
.hidden-sm  {
    display:  none !important;
}
.show-sm  {
    display:  block !important;
}
.ayuda  {
    padding:  80px 15px;
}
p.telefono  {
    font-size:  16px;
    color:  #000;
    font-family:  'bold';
}
.title-contacto  {
   
    color: #3f737f!important;
    font-size: 22px!important;
    
}
.title-contacto-1  {
   
    color: #3f737f!important;
    font-size: 35px;
    font-family:  'bold';
    
}
.footer-text  {
    text-align:  center;
}
.footer-image  {
    margin-top:  30px;
    text-align:  center;
}
.cajon1 {
    float: initial;
}
.cajon2 {
    float: initial;
    margin-left: 0;
}


}




@media(min-width:360px)  {
   
}
@media(min-width:375px)  {
}
@media (min-width:414px)  {
}
@media (min-width:600px)  {
    .hidden-sm  {
    display:  block !important;
}
.show-sm  {
    display:  none !important;
}
}
@media (min-width:768px)  {
    .bg  {
    background:  url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/3/bb52a764-f0f4-43a1-aeea-d82c30702898.jpg) no-repeat center right;
    -webkit-background-size:  cover;
    -moz-background-size:  cover;
    -o-background-size:  cover;
    background-size:  cover;
    height:  657px;
}
.title-intro  {
    margin-top:  80px;
    width:  50%;
}
.linea-2  {
    margin-top:  40px;
}
.obj-linea-2  {
    margin-left:  13%;
}
.info  {
    padding-top:  60px;
    padding-bottom: 60px;
}
h1  {
    font-size:  50px;
}
h2  {
    font-size:  50px;
}
p  {
    font-family: 'book';
    font-size:  20px;
}
li  {
    font-family:  "book";
    font-size:  20px;
}
.footer-text  {
    font-size:  14px;
    text-align:  right;
    padding:  30px 70px }
p.telefono  {
    font-size:  20px;
    margin-bottom: 0;
}
.footer-image  {
    margin-top:  50px;
}

@media (min-width:990px)  {
    .bg  {
    background:  url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/3/bb52a764-f0f4-43a1-aeea-d82c30702898.jpg) no-repeat center center;
    -webkit-background-size:  cover;
    -moz-background-size:  cover;
    -o-background-size:  cover;
    background-size:  cover;
}
.title-intro  {
    width:  55%;
}
.title-intro>p  {
    font-size:  28px;
}
h1  {
    font-size:  70px;
}
h2  {
    font-size:  70px;
    margin-top:  0px;
    margin-left: 20px;
}
h3  {
    font-size:  55px;
    margin-bottom:  60px;
}
.h3-form  {
    font-size:  55px;
    margin-bottom:  30px;
}
h4  {
    font-size:  35px;
    margin-bottom:  60px;
    font-family:  'bold';
    margin-top:  40px;
    padding:  40px 25%;
}
p.info-intro  {
    margin-top:  40px;
}
.bg>.intro>p  {
    margin-left:  30px;
}
.ayuda  {
    padding:  60px 15px;
}

}
@media (min-width:1024px)  {
    .cajon2 {
        float: left;
        margin-left: 10px;
    }
    .cajon1 {
        float: left;
       
    }
    .special-column{
        margin-left: 13px;
        width: 22%;
        }
    }
}
@media (min-width:1100px)  {
    .cajon1 {
        float: left;
       
    }
    .cajon2 {
        float: left;
        margin-left: 30px;
    }
    .special-column{
        margin-left: 50px;
        width: 19%;
        }
}
@media (min-width:1500px)  {
    .cajon1 {
        float: left;
       
    }
    .cajon2 {
        float: left;
        margin-left: 30px;
    }
    .special-column{
        margin-left: 50px;
        width: 19%;
        }
}
@media (min-width:2000px)  {
}
#cajacookies  {
    padding-right:  40px;
    padding-left:  40px;
    background-color:  #f8f8f8;
    top:  0px;
    width:  100%;
    padding-top:  20px;
    padding-bottom:  10px;
}
#cajacookies button  {
    padding-left:  20px;
    border-radius:  31px;
    color:  white;
    background-color:  #ff5a00;
    border:  none;
    padding-right:  20px;
    padding-bottom:  4px;
    padding-top:  4px;
    margin-top:  7px;
    font-family:  'book';
    font-size:  11px;
}
.row-cookies  {
    margin-left:  auto;
    margin-right:  auto;
}
.text-cookies  {
    font-size:  12px;
    color:  #7d7d7d;
    font-family:  'book';
}
.privacidad-link  {
    color:  #ff5a00;
    font-size:  12px;
    font-family:  'bold';
}
.privacidad-link:hover  {
    color:  #ff5a00;
    font-size:  12px;
    text-decoration:  none;
}
@media only screen and (max-width: 2000px)  {
    #cajacookies  {
    padding-right:  164px;
    padding-left:  164px;
}
}
@media only screen and (max-width: 1440px)  {
    #cajacookies  {
    padding-right:  82px;
    padding-left:  82px;
}
}
@media only screen and (max-width: 1024px)  {
    #cajacookies  {
    padding-right:  39px;
    padding-left:  39px;
}
}
@media only screen and (max-width: 460px)  {
    #cajacookies  {
    padding-right:  10px;
    padding-left:  10px;
}
.btn-cookies  {
    float:  right;
    margin-right:  30px;
}
}