@font-face {
  font-family: 'Mont';
  src:          url('https://blog.banpais.hn/hubfs/fonts/Mont-Bold.woff2') format('woff2'),
                url('https://blog.banpais.hn/hubfs/fonts/Mont-Bold.woff') format('woff');
  font-weight:  bold;
  font-style:   normal;
}
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;700;800&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;700;800&display=swap');
@font-face {
  font-family: 'Mont';
  src:          url('https://blog.banpais.hn/hubfs/fonts/Mont-Regular.woff2') format('woff2'),
                url('https://blog.banpais.hn/hubfs/fonts/Mont-Regular.woff') format('woff');
  font-weight:  normal;
  font-style:   normal;
}
@font-face {
  font-family: 'Mont';
  src:          url('https://blog.banpais.hn/hubfs/fonts/Mont-Black.woff2') format('woff2'),
                url('https://blog.banpais.hn/hubfs/fonts/Mont-Black.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
}

/*----*/
@font-face {
  font-family:  'BiNeoIndustrial';
  src:          url('https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/BiNeoIndustrial-Bold.woff2') format('woff2'),
                url('https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/BiNeoIndustrial-Bold.woff') format('woff');
  font-weight:  bold;
  font-style:   normal;
}
@font-face {
  font-family:  'BiNeoIndustrial';
  src:          url('https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/BiNeoIndustrial-Regular.woff2') format('woff2'),
                url('https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/BiNeoIndustrial-Regular.woff') format('woff');
  font-weight:  normal;
  font-style:   normal;
}

/* BEGIN Light */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Light.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Light.woff") format("woff"); 
  font-weight:  300;
  font-style:   normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-LightItalic.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-LightItalic.woff") format("woff");
  font-weight:  300;
  font-style:   italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Regular.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Regular.woff") format("woff");
  font-weight:  normal;
  font-style:   normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Italic.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Italic.woff") format("woff");
  font-weight:  normal;
  font-style:   italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Semibold.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Semibold.woff") format("woff");
  font-weight:  600;
  font-style:   normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-SemiboldItalic.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-SemiboldItalic.woff") format("woff");
  font-weight:  600;
  font-style:   italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Bold.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-Bold.woff") format("woff");
  font-weight:  bold;
  font-style:   normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-BoldItalic.woff") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-BoldItalic.woff2") format("woff");
  font-weight:  bold;
  font-style:   italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-ExtraBold.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-ExtraBold.woff") format("woff");
  font-weight:  800;
  font-style:   normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family:  'Open Sans';
  src:          url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-ExtraBoldItalic.woff2") format("woff2"), 
                url("https://blog.banpais.hn/hubfs/BP%20Vivienda%20-%202025/Fonts%20BP%20-%20BI/OpenSans-ExtraBoldItalic.woff") format("woff");
  font-weight:  800;
  font-style:   italic;
}
/* END Extrabold Italic */
/*----*/

*                                                 { box-sizing: border-box !important; }
body { 
  margin: 0px; 
  background: #E6E7E8; 
  /*font-family: "Merriweather Sans",Arial,sans-serif;*/
  font-family: "Open Sans",Arial,sans-serif; 
  font-size: 16px; 
}
img                                               { max-width: 100%; height: auto; display: block; }
p { 
  margin-top: 0px; 
  /*color: #545454;*/
  color: #ffffff; 
  /*font-family: "Merriweather Sans",Arial,sans-serif;*/
  font-family: "Open Sans",Arial,sans-serif;
}
.hs_cos_wrapper_type_rich_text h1 {
  color: #003865;
  font-size: 36px;
  margin-bottom: 20px;
  margin-top: 0;
  text-align: center;
}
.postlist {
margin-bottom: 60px;
}
#hs-link-logo {
border-width:0px;border:0px;
}
.header__socialnetworks{
float: right;
}
.header__logo_bi_blanco{
width:143.78px;border-width:0px;border:0px;
}
.banner-empresarial {
  background-image: url("https://1794060.fs1.hubspotusercontent-na1.net/hubfs/1794060/HN%20-%20CrediAuto/HOME-EMPRESARIAL.jpg");
}

.banner-default {
  background-image: url("https://1893530.fs1.hubspotusercontent-na1.net/hubfs/1893530/BANPAIS/HOME1.jpg");
}
.articles_relacionados_img {
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px; /* o el alto que prefieras */
}

.div-btn-articulo-relacionado {
  margin-top: 1rem;
  text-align: left;
}
/*
.btn-leer-articulo-relacionado {
  background-color: #004990;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  display: inline-block;
  font-weight: bold;
}

.btn-leer-articulo-relacionado:hover {
  background-color: #003670;
}
*/
.btn-leer-articulo-relacionado {
  background: #fff;
  border: 1px solid #003865;
  border-radius: 7px;
  color: #003865;
  cursor: pointer;
  display: inline-block;
  font-family: Open Sans!important;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  padding: 12px 32px;
  text-align: center;
  width: 100%;
  max-width: 197px;
  text-decoration: none;
}
.btn-leer-articulo-relacionado:hover {
  color: #00C1D4;
  border: 1px solid #00C1D4;
}


.banner__image,
.banner__image_single {
  background-size: cover;
  background-position: center;
}

.texto-blanco {
margin-top: 0;
}
.hs_cos_wrapper_type_rich_text p,
.hs_cos_wrapper_type_rich_text ul li {
  font-size: 18px;
  color: #003865 !important;
  font-family: 'Open Sans';
  font-weight: normal;
}

.article__content p { 
  /*margin-top: 0px;*/ 
  color: #003865; 
  font-family: "Open Sans",Arial,sans-serif;
  text-align: justify;
  font-weight: 600;
}
.article__content p a  { 
  /*margin-top: 0px;*/ 
  color: #00C1D4 !important; 
  text-decoration: none; 
}
p#hubspot-topic_data a.topic-link {
  color: #00C1D4;
  text-decoration: none;
}

.container { 
  width: 100%; 
  /*max-width: 1140px;*/
  max-width: 1220px; 
  padding-left: 15px; 
  padding-right: 15px; 
    margin-left: auto !important; margin-right: auto !important; display: block !important; float: none !important;

  
  /*margin: 0 auto 0;*/
}
.container-ft {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 15px;
  
}
.linea-divisoria {
  border: 1px solid #ffffff;
  margin-top: 25px;
  margin-bottom: 20px;
}
.row                                              { margin-left: -15px; margin-right: -15px; }

    .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; }

    .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }

[class*='col-']                                   { padding-left: 15px; padding-right: 15px; }
.col-1 { width: 8.333333333333334%; float: left; } .col-2 { width: 16.666666666666668%; float: left; } .col-3 { width: 25.0%; float: left; } .col-4 { width: 33.333333333333336%; float: left; } .col-5 { width: 41.666666666666664%; float: left; } .col-6 { width: 50.0%; float: left; } .col-7 { width: 58.333333333333336%; float: left; } .col-8 { width: 66.66666666666667%; float: left; } .col-9 { width: 75.0%; float: left; } .col-10 { width: 83.33333333333333%; float: left; } .col-11 { width: 91.66666666666667%; float: left; } .col-12 { width: 100.0%; float: left; }  @media (min-width: 576px) {
                .col-sm-1 { width: 8.333333333333334%; float: left; } .col-sm-2 { width: 16.666666666666668%; float: left; } .col-sm-3 { width: 25.0%; float: left; } .col-sm-4 { width: 33.333333333333336%; float: left; } .col-sm-5 { width: 41.666666666666664%; float: left; } .col-sm-6 { width: 50.0%; float: left; } .col-sm-7 { width: 58.333333333333336%; float: left; } .col-sm-8 { width: 66.66666666666667%; float: left; } .col-sm-9 { width: 75.0%; float: left; } .col-sm-10 { width: 83.33333333333333%; float: left; } .col-sm-11 { width: 91.66666666666667%; float: left; } .col-sm-12 { width: 100.0%; float: left; } 
            } @media (min-width: 768px) {
                .col-md-1 { width: 8.333333333333334%; float: left; } .col-md-2 { width: 16.666666666666668%; float: left; } .col-md-3 { width: 25.0%; float: left; } .col-md-4 { width: 33.333333333333336%; float: left; } .col-md-5 { width: 41.666666666666664%; float: left; } .col-md-6 { width: 50.0%; float: left; } .col-md-7 { width: 58.333333333333336%; float: left; } .col-md-8 { width: 66.66666666666667%; float: left; } .col-md-9 { width: 75.0%; float: left; } .col-md-10 { width: 83.33333333333333%; float: left; } .col-md-11 { width: 91.66666666666667%; float: left; } .col-md-12 { width: 100.0%; float: left; } 
            } @media (min-width: 992px) {
                .col-lg-1 { width: 8.333333333333334%; float: left; } .col-lg-2 { width: 16.666666666666668%; float: left; } .col-lg-3 { width: 25.0%; float: left; } .col-lg-4 { width: 33.333333333333336%; float: left; } .col-lg-5 { width: 41.666666666666664%; float: left; } .col-lg-6 { width: 50.0%; float: left; } .col-lg-7 { width: 58.333333333333336%; float: left; } .col-lg-8 { width: 66.66666666666667%; float: left; } .col-lg-9 { width: 75.0%; float: left; } .col-lg-10 { width: 83.33333333333333%; float: left; } .col-lg-11 { width: 91.66666666666667%; float: left; } .col-lg-12 { width: 100.0%; float: left; } 
            } @media (min-width: 1200px) {
                .col-xl-1 { width: 8.333333333333334%; float: left; } .col-xl-2 { width: 16.666666666666668%; float: left; } .col-xl-3 { width: 25.0%; float: left; } .col-xl-4 { width: 33.333333333333336%; float: left; } .col-xl-5 { width: 41.666666666666664%; float: left; } .col-xl-6 { width: 50.0%; float: left; } .col-xl-7 { width: 58.333333333333336%; float: left; } .col-xl-8 { width: 66.66666666666667%; float: left; } .col-xl-9 { width: 75.0%; float: left; } .col-xl-10 { width: 83.33333333333333%; float: left; } .col-xl-11 { width: 91.66666666666667%; float: left; } .col-xl-12 { width: 100.0%; float: left; } 
            } 

.header { 
  width: 100%; 
  /*height: 74px;*/
  height: 80px; 
  /*background: #fdf200;*/
  background: transparent linear-gradient(180deg, #003865 0%, #001C33 100%) 0% 0% no-repeat padding-box;
  position: fixed; 
  left: 0px; 
  top: 0px; 
  z-index: 100; 
}
.main-header {
  height: 100%;
}
.header__logo img { 
  /*width: 143.78px;*/
  !important; margin: 4px 0px; 
}
.header__logo_bi_blanco { 
  min-width: 143.78px !important; 
  max-width: 143.78px !important; 
}
.header__menu a.button {
  padding: 13px 32px 12px 32px;
  border-radius: 7px;
  text-decoration: none;
  /*display: block;*/
  display: inline-block;
  cursor: pointer;
  background: #FFB81C;
  font-family: 'Open Sans' !important;
  font-weight: 600;
  font-size: 12px; 
  line-height: 17px;
  color: #003865;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
  text-transform: capitalize;
  
  max-width: 135px;
  /*width: 180px;*/
  width: 100%;
  text-align: center;
  
  margin: 18px 0;
  position: relative;
  float: right;
}
.header__menu a.button:hover { 
  transform: scaleX(1.02); 
  background: #00C1D4; 
  color: #FFFFFF;
  font-family: 'Open Sans' !important;
}
.header__socialnetworks img { 
  max-width: 28px; 
  margin: 27px 40px 19px 15px; 
}
.hamburger                                        { width: 44px; margin: 17px 0px; padding: 8px 10px; border: 1px solid #003e7d; background-color: #003e7d; border-radius: 4px; float: right; display: block; cursor: pointer; display: none; }
.hamburger__bars                                  { margin-top: -3px; background: #DDD; position: relative; display: inline-block; vertical-align: middle; 
    
    width: 100%; height: 2px;
 }
.hamburger__bars:before, .hamburger__bars:after   { background: #DDD; position: absolute; left: 0px; content: " "; 
    
    width: 100%; height: 2px;
 }
.hamburger__bars:before                           { top: -6px; }
.hamburger__bars:after                            { bottom: -6px; }


    .hs-menu-wrapper ul { *zoom: 1; } .hs-menu-wrapper ul:before, .hs-menu-wrapper ul:after { content: " "; display: table; } .hs-menu-wrapper ul:after { clear: both; }

.hs-menu-wrapper ul                               { margin: 18px 0px; padding: 0px; list-style: none; display: inline-block; }
.hs-menu-wrapper ul li                            { float: left; }
.hs-menu-wrapper ul li a                          { padding: 10px 20px; font-family: "Merriweather Sans", Arial, sans-serif; color: #1A1919; text-decoration: none; white-space: nowrap; display: block; position: relative; cursor: pointer; }
.hs-menu-wrapper ul li a:before,
.hs-menu-wrapper ul li a:after                    { width: 100%; height: 1px; background: #1A1919; content: " "; position: absolute; left: 0px; opacity: 0; transition: top 0.3s, bottom 0.3s, opacity 0.3s }
.hs-menu-wrapper ul li a:before                   { top: -10px; }
.hs-menu-wrapper ul li a:after                    { bottom: -10px; }
.hs-menu-wrapper ul li a:hover:before             { top: 0px; opacity: 1 }
.hs-menu-wrapper ul li a:hover:after              { bottom: 0px; opacity: 1 }

.body { 
  padding-top: 74px; 
  /*background: #e6e7e8;*/
  background: #ffffff;
}
.body--article                                    { background: #fff; overflow-x: hidden; }
.banner { 
  position: relative; 
  overflow: hidden; 
  /*margin-top: 60px;*/
  margin-top: 51px; 
}
.banner__subscribe                                { width: 100%; max-height: 100%; margin-top: -91px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 50%; left: 0px; }
.banner__form                                     { width: 100%; max-width: 386px; padding: 15px 0px; color: #FFF; text-align: right; float: right; }
.banner__form h2                                  { margin: 0px; font-family: 'stone_sansbold_italic'; font-size: 30px; }
.banner__form label                               { margin: 0px !important; }
.banner__form .hs_email, .banner__form .hs_submit { width: 50%; margin-bottom: 0px !important; float: left; position: relative; }
.banner__form .actions                            { margin: 0px !important; padding: 0px !important; }
.banner__form .hs-input                           { height: 38px; min-height: inherit !important; padding: 0px 6px !important; }
.banner__form .hs-button                          { width: 100%; padding: 0px !important; line-height: 38px !important; }
.banner__form .hs-error-msg                       { color: #FFF; }
.banner__form .hs_error_rollup                    { display: none; }

.blog-listing__list                               { margin: 0px; padding: 0px; list-style: none; }

.articles_relacionados_img {
  background-size: cover; 
  background-position: center center;
  width: 100%;
  max-width: 280px;
  height: 140px; 
  border-radius: 10px;
}
.espacio-en-medio-articulos-relacionados {
  padding-right: 10px;
  padding-left: 10px;
  max-width: 300px;
}

.blog-listing__link { 
  position: relative; 
  text-decoration: none; 
  display: block;
  min-height: 42px;
}
.blog-listing__image                              { transition: opacity 0.35s; }
.blog-listing__name                               { }
.blog-listing__name:hover                         { /*color: #00549c; */ color: #00C1D4 }
.blog-listing__link:hover .blog-listing__image    { opacity: 0.6; }
.blog-listing__link:hover .blog-listing__name     { left: 0px; }
.blog-listing__readmore                           { font-weight: bold; color: #F29B2D; text-decoration: none; float: right; }
.blog-listing__readmore:after                     { margin-left: 10px; content: ">>"; display: inline-block; transform: translateX(-20px); opacity: 0; transition: transform 0.3s, opacity 0.2s; }
.blog-listing__readmore:hover:after               { transform: translateX(0px); opacity: 1; }
.blog-listing__pagination                         { padding-bottom: 20px; }
.blog-listing__btn                                { padding: 10px 20px; background: #F29B2D; color: #fff; text-decoration: none; overflow: hidden; }
.blog-listing__btn--prev                          { float: left; }
.blog-listing__btn--next                          { float: right; }

.article { 
  /*padding-top: 50px;*/
  padding-top: 30px; 
  background: #FFF; 
  
    margin-left: auto !important; margin-right: auto !important; display: block !important; float: none !important;
 
}
.article__title { 
  padding: 0; 
  margin: 0px 0px 10px 0px; 
}
.article__author                                  { color: #F29B2D; line-height: 46px; }
.article__content                                 {}
.article__subscribe                               { width: 100%; max-width: 298px !important; margin-top: 20px; text-align: center; 
    margin-left: auto !important; margin-right: auto !important; display: block !important; float: none !important;
 }
.article__subscribe strong                        { color: #78C2B4; }
.article__subscribe form .actions                 { margin: 0px !important; padding: 0px 10px !important; }
.article__subscribe form .hs-error-msgs           { display: none !important; }
.article__comments                                { margin-top: 30px; padding-top: 30px; border-top: 2px solid #eee; }
.article__comments .comment                       { padding-bottom: 50px; border-top: none; position: relative; }
.article__comments .comment-from h4               { margin: 0; color: #cccccc; }
.article__comments .comment-date                  { font-size: .8em; color: #666; }
.article__comments .comment-body                  { margin-top: 5px; padding: 10px; background: #EBEBEB; border-radius: 10px; font-size: 14px; }
.article__comments .comment-body p                { margin-bottom: 0px; }
.article__comments .comment-reply-to              { margin-top: 0px; padding-left: 25px !important; background: transparent url(//static.hsappstatic.net/pictos_images/static-1.25/img/pictos-1-png/16/pictos-set1-21.png) no-repeat 5px !important; border: none; font-size: 1em; color: #f26531; position: absolute; bottom: 10px; right: 0px; cursor: pointer; }
.article__comments .hs-form-field                 { margin-bottom: 20px; }
.article__comments .hs_firstname                  { width: 48%; float: left; }
.article__comments .hs_email                      { width: 48%; float: right; }
.article .hs-blog-social-share-list               { margin: 12px 0px; padding: 0px; float: right; list-style: none; }
.article .hs-blog-social-share-list li            { padding-left: 5px; float: left; }

.hs-form-required                                 { display: none; }
.hs-input                                         { width: 100% !important; max-width: inherit !important; min-height: 40px !important; padding: 6px !important; }
.hs-input.error                                   { border-color: #C87872 !important; box-shadow: 0 0 3px rgba(171,41,32,0.25) !important; }
.hs-button:hover                                  { box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3; }
.inputs-list                                      { margin: 5px 0px 0px; padding: 0px; font-size: 12px; color: #C87872; list-style: none; }

.footer { 
  /*padding: 20px; 
  background: #003e7d;*/
  
  width: 100%; 
  background: #003865; 
  color: #FFF;
  padding-top: 30px; 
  padding-bottom: 30px; 
  padding-left: 15px; 
  padding-right: 15px; 
}

.footer h5                                        { margin: 0px; margin-top: 20px; font-size: 10px; }
.footer a { 
  /*color: #FF6600;
  text-decoration: none;*/
  color: #FFFFFF;
}





.hs-button {
    font-family: 'Open Sans', Arial, sans-serif;
    display: inline-block;
    margin-top: 10px;
    padding: 15px 20px !important;
    background-color: #003e7d !important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 17px !important;
    color: #FFF;
    line-height: normal !important;
    text-shadow: none !important;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}
input.hs-input, textarea.hs-input {
    border: none!important;
    box-shadow: none!important;
    border-radius: 10px!important;
    margin-top: 5px;
    margin-bottom: 20px;
}
.header__logo {
    padding-top: 12px;
}
ul, ol {
  /*color: #545454;*/
  color: #003865;
  font-weight: 600;
}
.white {
  color: #fff;
}
.row {
  clear: both;
}
#hs_menu_wrapper_nuevo_blog {
    float: right;
}
.single-related {
    background: #ffffff;
    /*margin-top: 34px;*/
    margin: 34px auto 0;
}
.single-related h2 {
  color: #003865;
  font-size: 24px;
  line-height: 33px;
  margin-left: 10px;
  margin-bottom: 20px;
  margin-top: 10px;

}

.blog-listing {
    margin-top: 40px;
}
.banner__image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-size: cover;
    background-position: top center;
    height: 23vw;
}

.banner__image_single {
    padding-top: calc(400 / 1300 *100%);
    background-position: center center;
     background-size: cover;
    background-repeat: no-repeat;

}

.banner__image h1 {
  /*font-size: 68px;
  color: #fff;
  line-height: normal;
  text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.78);*/
  
  text-align: center;
  color: #003865;
  font-family: 'BiNeoIndustrial';
  font-weight: bold;
  font-size: 36px;
  line-height: 44px; 
}

.blog-listing__item article {
    background: #fff;
    /*border-radius: 20px;*/
    border-radius: 10px;
}
.blog-listing__item article a div {
    border-radius: 10px !important;
}
.blog-listing__info {
  /*padding: 10px 20px 30px 20px;*/
  /*padding: 10px 0 30px;*/
  padding: 10px 0 0 0;
}
.blog-listing__list .col-lg-4:nth-child(3n+4) {
    clear: left;
}
.blog-autor-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
}
.blog-listing__meta {
  float: left;
  font-size: 13px;
  color: #00C1D4;
  font-family: 'Open Sans';
}
.categoria-autor {
  float: right;
  font-size: 13px;
  color: #00C1D4;
  font-family: 'Open Sans';
}
.blog-listing__description {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #003865;
  /*min-height: 90px;*/
  text-align: justify;
}
.blog-listing__info .blog-listing__description {
  margin: 10px 0 0 0;
  min-height: 120px;
}

h3.blog-listing__name {
    /*color: #003e7d;*/
    color: #003865;
    /*min-height: 70px;*/
}
.div-btn-articulo-relacionado {
  display: flex;
  justify-content: center;
  margin-bottom: 61px;
}
.blog-listing__item { 
  margin-bottom: 30px; 
  font-family: "Merriweather Sans", Arial, sans-serif; 
}
.blog-listing__item h3 { 
  font-family: "BiNeoIndustrial", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
/*
.blog-listing__item:hover {
    -webkit-box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.2);
    border-radius: 20px;
}
*/
.titulo-home-articulos {
  text-align: center;
  padding: 0;
  margin: 57px 0 60px;
}

h1 {
    padding-left: 15px;
    /*color: #003e7d;*/
    color: #003865;
    /*font-family: "Merriweather Sans", Arial, sans-serif;*/
    font-family: 'BiNeoIndustrial';
    font-weight: bold;
    /*font-weight: 800;*/
    font-size: 2.4em;
}
h2 {
  margin-bottom: 15px;
  font-family: 'BiNeoIndustrial';
  font-weight: bold;
  font-size: 42px;
  /*line-height: 47px;*/
}
h2, h3, h4, h5, h6 {
  /*color: #00549d;*/
  color: #003865;
}
.article h2 {
    font-size: 28px;
    color: #003865;
}
.row-categories {
  /*background-color: #003e7d;*/
  background-color: #00C1D4;
  /*height: 65px;*/
  height: 45px;
}
.categories .flex {
    padding: 0 10px;
}
.mobile-menu {
  display: none;
}
.mobile-menu ul {
    list-style: none;
    padding-left: 0;
    background-color: #003865;
    margin: 0;
}
.mobile-menu li {
    padding: 10px 0;
    /*border-bottom: 1px solid #003e7d;*/
    border-bottom: 1px solid #ffffff;
}

/*** SUSCRIPCION ***/
.row-suscribirme {
    background-color: #003865;
    height: 0;
    display: block;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}
.row-suscribirme.active {
    height: 360px;
}
.row-suscribirme .container {
    position: relative;
}
.row-suscribirme .flex {
    padding: 70px 0;
}
.row-suscribirme p {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    max-width: 500px;
}
.row-suscribirme h2 {
    font-size: 2.4em;
    max-width: 500px;
}
.row-suscribirme .hs-button {
    background-color: #fdf200!important;
    color: #003e7d;
    width: 100%;
    display: block;
    margin-top: 10px;
    font-weight: 800!important;
    font-size: 21px!important;
    padding: 10px 20px!important;
}
.row-suscribirme input.hs-input, .row-suscribirme textarea.hs-input {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 10px!important;
}
.row-suscribirme input.hs-input:focus, .row-suscribirme textarea.hs-input:focus {
    outline: none;
}
.row-suscribirme input.hs-input::placeholder, .row-suscribirme textarea.hs-input::placeholder {
    color: #003e7d;
    font-weight: bold;
}
.row-suscribirme label {
    display: none;
}
.cerrar {
    position: absolute;
    width: 15px;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.search {
  display: none;
}
.search .flex {
    width: 100%;
    /*padding: 17px 0;*/
    padding: 9px 0;
}
.row-categories .categories {
  padding: 14px 0;
}
.row-categories .mobile-menu a {
  color: #fff;
}
.row-categories a {
  /*color: #fff;*/
  color: #003865;
  text-decoration: none;
  padding: 0 20px;
  /*font-family: "Merriweather Sans", Arial, sans-serif;*/
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  

}
.navegation-blog a {
  height: 22px;
  padding-bottom: 5px;
}
.row-categories a:hover { 
  text-decoration: none;
  color: #ffffff;
  /*font-weight: 700;*/
  border-bottom-style: solid;
}
.row-categories a:first-child {
    /*padding-left: 0;*/
}
.row-categories a:last-child {
    /*padding-right: 0;*/
}
.row-single-meta {
  /*background-color: #00549d;*/
  background-color: #00C1D4;
  /*height: 65px;*/
  height: 60px;
  
  color: #ffffff;
  /*font-family: "Merriweather Sans", Arial, sans-serif;*/
  font-family: 'BiNeoIndustrial';
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  
  /*font-weight: 300;*/
  /*line-height: 24px;*/
  padding: 20px 0;
}
.single-meta {
  color: #fff;
  /*text-transform: uppercase;*/
}

.single-share a {
  display: inline-block;
    /*width: 17px;*/
    /*margin-left: 10px;*/
  height: 18px;
}

.single-share a img {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.single-share a:nth-of-type(1) {
  margin-left: 30px;
}
.single-share a:nth-of-type(2) {
  margin-left: 20px; 
}

.single-share {
  color: #fff;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.blog-pagination {
  text-align: center;
  display: flex;
  justify-content: flex-end; 
}
.blog-pagination a.jp-previous {
  margin-right: 40px !important;
  width: 50px !important;
  cursor: pointer;
}
.blog-pagination a.jp-previous:hover {
  color: #00c1d4 !important;
}
.blog-pagination a.jp-next {
  margin-left: 40px !important;
  width: 71px !important;
  cursor: pointer;
}
.blog-pagination a.jp-next:hover{
  color: #00c1d4 !important;
}
.blog-pagination a:not(.jp-first):not(.jp-last) {
  background-color: transparent;
  border-radius: 5px;
  display: inline-block;
  
  height: 30px;
  width: 30px;
  text-decoration: none;
  color: #003865;
  margin-bottom: 60px;
  margin-right: 5px;
  margin-left: 5px;
  
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.jp-disabled {
    color: #545454;
}
.jp-disabled:hover {
    color: #545454;
}
.jp-first {
    margin-right: 10px;
}
.jp-last {
    margin-left: 10px;
}
a.jp-current {
  background-color: #00C1D4 !important;
  color: #ffffff !important;
}
.search-btn {
  cursor: pointer;
}
.search-left img, .search-left input {
    display: inline-block;
    vertical-align: middle;
}
.search-left img {
    width: 26px;
    margin-right: 30px;
}
.cerrar-search, .cerrar-search-mobile {
    width: 15px;
    cursor: pointer;
}
.search-left {
    width: 100%;
}
.search-left input {
  background-color: transparent;
  border: none;
  color: #fff;
  padding-left: 30px;
  border-left: 2px solid #fff;
  width: 80%;
  
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 21px;
  line-height: 28px;
  text-align: left;
}
.search-left input:focus {
    outline: none;
}
.search-left input::placeholder {
    color: #fff;
}

.justify-between {
  justify-content: space-between!important;
}
.justify-around {
  justify-content: space-around;
}
/*
.suscribirme, .suscribirme-mobile {
    color: #fff;
    margin: 18px 0;
    display: block;
    position: relative;
    cursor: pointer;
    float: right;
    display: inline-block;
    width: 180px;
}
*/
.flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
li.hs-menu-item:nth-child(4) a {
    color: #fff;
}
li.hs-menu-item:nth-child(4) a:after, li.hs-menu-item:nth-child(4) a:before  {
    display: none;
}
.titulo-mobile-menu {
    color: #fff;
    font-size: 17px;
    padding: 12px;
    width: 100%;
    /* font-family: "Merriweather Sans", Arial, sans-serif; */
    font-family: 'Open Sans';
    font-weight: 600;
    text-align: center;
}
/* Banner Imagen */
.banner-imagen-container {
  padding-top: calc(312/1000* 100%);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* Fin Banner Imagen */

/* Banner Pregunta Imagen */
.pregunta-imagen-container {
  background-color: #fff;
  background-position: 50% 36%;
  background-repeat: no-repeat;
  background-size: 100vw auto;
  height: 250px;
  position: relative;
  transition: background-position 1s ease;
}
.pregunta-imagen-container a {
  text-decoration: none;
}
.pregunta-imagen-img{
  object-fit: none;
  object-position: center center;
  height: 100%;
  width: 100%;
  position: absolute;
}
.pregunta-imagen-titulo{
  font-family: BiNeoIndustrial !important;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  padding: 0 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.pregunta-imagen-btn {
  padding: 12px 32px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  color: #003865;
  background: #FFFFFF;
  border: 1px solid #003865;
  border-radius: 7px;
  margin-top: 50px;
  font-family: Open Sans !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
}
.pregunta-imagen-btn:hover {
  color: #00C1D4;
  border: 1px solid #00C1D4;
}

@media (max-width: 768px){
  .pregunta-imagen-container{
    background-size: auto;
  }
}
/* Fin Banner Pregunta Imagen */

/* Footer */
.footer .container {
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.footer a {
  text-decoration: none;
} /* Para quitar el interlineado a los textos*/
.footer-bottom { 
  position: relative; 
  display: flex; 
  justify-content: space-between; 
  /*padding: 0 60px;*/
  padding: 0 15px;
}
.footer-bottom a,
.footer-bottom p { 
  font-family: 'BiNeoIndustrial'; 
  font-weight: bold; 
  font-size: 14px; 
  line-height: 17px; 
}
.footer-bottom p              { position: absolute; left: 50%; transform: translateX(-50%); }

.footer-center { 
  display: flex; gap: 20px; 
}
.footer-right { 
  float: right; 
  text-align: right; 
  /*text-align: center;*/ 
}
.footer-right a { 
  color: #fbee02;
  /*color: #ffffff;*/
  font-weight: bold; 
  font-size: 16px; 
}
.footer-telefonos { 
  display: flex; 
  gap: 30px 
}
.footer-telefonos a { 
  display: flex; 
  align-items: center; 
}
.footer-telefonos img { 
  width: 15px; 
  display: inline-block; 
  margin-right: 10px; 
}
.footer-localitation a { 
  display: flex; 
  align-items: center; 
  gap: 10px; 
}
.footer-localitation a img { 
  width: 15px; 
  height: 15px; 
}
/*
.footer-left p, .footer-left span {
    font-size: 14px;
}
*/
.footer-left { 
  display: flex; 
  flex-direction: column; 
  row-gap: 10px; 
  /*float: left;
  color: #fff;*/
  /*font-family: "Merriweather Sans", Arial, sans-serif;*/
}
.footer-left p {
    margin-bottom: 0;
    color: #fff;
}
.footer-socials img {
    width: 30px;
    display: inline-block;
    margin-left: 5px;
}
.footer-left span { 
  font-family: 'BiNeoIndustrial'; 
  font-weight: bold; 
  font-size: 12px; 
  line-height: 15px; 
}
.footer-socials img { 
  width: 18px;
  height: 18px;
  display: inline-block; 
  margin-left: 30px; 
}
.footer-left .footer-terms {
  color: #fbee02;
  /*color: #fff;*/
  /*font-size: 19px;*/
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.footer-left .footer-niu {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-decoration: underline;
}
.ft-flex{
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  align-items: flex-end;
}
.ft-flex-column {
  display: flex;
  flex-direction: column;
}
.max-width {
  max-width: 1220px;
  padding: 0 15px;
  margin: 0 auto 0;
}
@media (max-width: 1210px) {
  .ft-flex {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .footer-left {
    align-items: center;
    row-gap: 20px;
  }
  .footer-socials a:first-child img  {
    margin-left: 0px;
  }
}
@media (max-width: 935px) {
  .footer-bottom {
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    text-align: center;
    position: static;
    padding: 0;
  }
  .footer-bottom p {
    position: static;
    left: 0;
    transform: translateX(0%);
  }
}
@media (max-width: 600px) {
  .footer-center {
    display: none;
  }
}
@media (max-width: 480px) {
  .ft-flex{
    flex-direction: column;
  }  
  .footer-left {
    margin-bottom: 15px;
    text-align: center;
  }
  .footer-left p, .footer-left span, .footer-left .footer-niu {
    font-size: 12px;
  }
}
/* Fin Footer */

/*** Arrow mobile menu ***/
.arrow-toggle {
    display: inline-block;
}
.arrow-toggle:before, .dropdown:before, .arrow-toggle:after, .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0;
  margin-left: 2px;
  border-radius: 10px;
}
.arrow-toggle:before, .dropdown:before {
  position: absolute;
  z-index: 1;
  top: calc(50% - 9px);
  border-color: #00C1D4 transparent transparent;
}
.arrow-toggle:after, .dropdown:after {
  border-color: #fff transparent transparent;
  position: absolute;
  top: calc(50% - 5px);
}
.arrow-toggle.is-active {
    transform: scaleY(-1);
    position: relative;
    top: -6px;
}

.submitted-message p {
  color: #ffffff !impoartant;
}

/*** Search results ***/
#search-results {
  /*background-color: #e6e7e8;*/
  background-color: #ffffff;
  height: calc(100vh - 51px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: -3px;
}
#search-results h2 {
  margin-top: 0;
  padding-top: 30px;
}
#search-results .blog-listing__link {
    padding-left: 0!important;
    padding-right: 0;
}
#search-results .blog-listing__info {
    text-align: left;
}
#search-results .blog-listing__info div {
  margin-bottom: 10px;
}
#search-results ul.blog-listing__list {
    padding-bottom: 90px;
}
@media (max-width: 480px) {
  #search-results h2 {
    font-size: 21px;
    text-align: left;
    padding-left: 20px;
  }
  .row-suscribirme.active {
    height: 380px;
  }
  .article ul li {
    margin-bottom: 10px;
    font-size: 15px;
  }
  p {
    font-size: 15px;
    line-height: 1.6;
  }
  .col-sm-12 {
    width: 100%;
  }
  .categories {
    display: none !important;
  }
  .row-categories {
    text-align: center;
    height: 47px;
  }
  .banner {
    /*margin-top: 35px;*/
    margin-top: 53px;
  }
  .banner__image h1 {
    font-size: 38px;
    margin-bottom: 10px;
  }
  .banner__image {
    height: 40vw;
  }
  h1 {
    font-size: 24px;
  }
  .blog-listing {
    margin-top: 20px!important;
  }
  h3.blog-listing__name, .blog-listing__description {
    min-height: 0;
  }
  .row {
    margin: 0;
  }
  .main-header .container {
    padding: 0;
  }
  /*
  .suscribirme-mobile {
    margin: 23px 0px 19px 5px;
    width: 120px;
  }*/
  .header__socialnetworks img {
    max-width: 20px;
    margin: 30px 15px 19px 10px;
  }
  .header__logo img {
    width: 124px !important;
    margin: 4px 0px;
  }
  .titulo-mobile-menu {
    display: inline-block;
    position: relative;
  }
  .search-btn, .cerrar-search/*, .suscribirme*/ {
    display: none;
  }
  .header__menu a.button {
    padding: 13px 10px 12px 10px;
    max-width: 90px;
    width: 100%;
  }
  .search .flex {
    padding: 7px 0;
  }
  .search-left input {
    font-size: 17px;
    padding-left: 20px;
  }
  .search-left img {
    width: 20px;
    margin-right: 20px;
  }
  .row-suscribirme .flex {
    padding: 20px 0;
    flex-wrap: wrap;
  }
  .row-suscribirme h2 {
    font-size: 17px;
    max-width: 350px;
  }
  .cerrar {
    width: 12px;
    top: 24px;
    right: 20px;
  }
  .row-suscribirme p {
    font-size: 13px;
  }
  .hs-submit .actions {
    margin-top: 0!important;
    padding-top: 0!important;
  }
  .blog-pagination {
    margin-top: 20px;
  }/*
  .footer-right, .footer-left {
    width: 100%;
  }*/
  .footer-left {
    margin-bottom: 15px;
    text-align: center;
  }
  .footer .container {
    padding: 0;
  }
  .footer-left p, /*.footer-left span,*/ .footer-left .footer-niu  {
    font-size: 12px;
  }
  .cerrar-search-mobile {
    margin-right: 20px;
  }
  .row-suscribirme input.hs-input, .row-suscribirme textarea.hs-input {
    margin-bottom: 10px;
  }
  .article {
    padding-top: 30px;
  }
  .article h2 {
    font-size: 21px!important;
  }
  .row-single-meta {
    height: auto;
    font-size: 12px;
    padding: 10px 0;
  }
  .compartir {
    display: none;
  }
  .single-meta {
    width: 60%!important;
  }
  .single-share {
    width: 40%!important;
  }
  .single-related h2 {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .article__comments {
    margin-bottom: 30px;
  }
}
@media (min-width: 481px) {
  .titulo-mobile-menu, .search-btn-mobile, .cerrar-search-mobile, .suscribirme-mobile {
    display: none;
  }
}
@media (min-width: 496px) and (max-width: 653px) {
  .row-categories {
    height: 61px;
  }
  .banner {
    margin-top: 67px;
  }
}
@media (min-width: 481px) and (max-width: 495px) {
  .row-categories {
    height: 80px;
  }
  .banner {
    margin-top: 86px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .categories .flex {
    font-size: 12px;
    /*padding-top: 5px;*/
  }
  .blog-listing {
    margin-top: 20px;
  }
  .banner__image h1 {
    font-size: 48px;
  }
  .blog-listing__list .col-lg-4:nth-child(3n+4) {
    clear: none!important;
  }
  .blog-listing__list .col-lg-4:nth-child(2n+3) {
    clear: left;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .row-categories a {
    padding: 0 8px!important;
    font-size: 11px!important;
  }
}
@media (max-width: 991px) {
                
		.hs-menu-wrapper ul                               { margin-left: -58px; }
		.hs-menu-wrapper ul li a                          { font-size: 12px; }
		
		.article__content                                 { padding-left: 0px; padding-right: 0px; }

            }
@media (max-width: 767px) {
                
		.hamburger                                        { display: block; }
		.hs-menu-wrapper ul                               { width: 100%; background: #FFF; margin: 0px !important; position: absolute; top: 70px; left: 0px; display: none; }
		.hs-menu-wrapper ul li                            { float: none; }
		.hs-menu-wrapper ul li a                          { padding: 24px 20px; }	
		.blog-listing__image                              { margin-bottom: 8px; }
		.blog-listing__name                               { width: 100%; left: 0%; }

            }
@media (max-width: 575px) {
                
		.banner__image                                    { width: 150%; margin-left: -25%; }
		.banner__form h2                                  { font-size: 26px; }
		.banner__form                                     { font-size: 15px; }

            }