html, body {
  height: 100%;
  background-color:white;
  font-family: 'Assistant';
    /*position: absolute;*/
  /*left: 50%;*/

}

*{
  font-family:'Assistant', 'Arial', sans-serif;
}

/*********************

  GENERAL: UTILS & NAVBAR
  
******************/

.rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px;
  width: 200px;
  height: 150px;
}

.btn-try-our-plataform {
  background-color: #18A24A;
  font-size: 1rem;
  max-width: 100%;
  margin-top: 2rem;
  text-align: center;
  transition: 0.3s;
  cursor:pointer;
  color: #FFF;
}

.btn-try-our-plataform:hover {
  background-color: #25F571 ;
  color:#383e51;
  font-size: 1.1rem;
}


.btn-kondado {
  background-color: #383e51;
  color:#FFF;
  margin-left: 5px;
  transition: 0.3s;
  /*margin: 1%;*/
}

.btn-kondado:hover {
  background-color: #ccc !important;
  color:#383e51 !important;
}

.btn-extra {
  background-color: white;
  color:#55607b;
  border: 1px solid #383e51;
  text-decoration: none;
  /*margin: 1%*/
}

#wrap {
  min-height: 100%;
  font-family: 'Slabo+27px';
  /*padding-top: 800px*/
  /*margin-top: 5%;*/
}
#main {
  overflow:hidden;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
  body {  
    padding-top: 50px
  }
  #main {
  overflow:auto;
  }
 .navbar-logo-img{
   width: 200px;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body {  
    padding-top: 50px
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {  
    padding-top: 50px
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {  
    padding-top: 60px
  }
}

#navbar-link-blog {
  color:blue
}
#navbar-link-app {
  color:green
}

#navbar-btn-newsletter {
  color:white
}

/*********************

  BLOG INDEX

******************/
.container-image-post-preview {
  /*min-height: 18em*/
  background-color: white;

}
.container-image-post-preview img{
  /*object-fit: cover;*/
  /*overflow-x: hidden;*/
  /*min-width: 200px;*/
  /*height: 200px*/
  /*min-height: 50%*/
}

.post-thumbnail {
  max-width: 100%;
  height: auto;
}



.card-row {
  /*height: 18px*/
  min-height: 18em
}
.card-row-img {
  /*height: 18px*/
  min-height: 9em
}
.card-row-txt {
  /*height: 18px*/
  min-height: 9em
}
.content-card a:link, a:visited, a:hover, a:hover, a:active {
  color:#383e51;
  text-decoration: none;
}

.post-card a:link, a:visited, a:hover, a:hover, a:active {
  color:#383e51;
  text-decoration: none;
}
.post-card a {
  color:#383e51;
  text-decoration: none;
}

.post-card{
  background-color: white;
}

.post-card .card-body {
  background-color: white;
  width:100%;
  position: absolute;
  font-family: 'Assistant';
}

.post-card .card-body h5{
  bottom:0;
}
.post-card h5{
color:#384468;
padding: 15px 0 20px 0;
font-weight: 500;
}

.post-card-cta{
  font-family: 'Assistant';
  background-color: #55607b;
  color: white;
  cursor: pointer;
}
.post-card-cta h1 {
  background-color: #55607b;
  color: white;
}
.post-card-cta h2,h3,h4 {
  color: white;
}
.post-card-cta h6 {
  /*background-color: #55607b;*/
  color: white;
  /*font-weight: bold;*/
  /*border: 1px*/
}

.post-card-cta .btn-extra {
  background-color: #17a34a;
  color: white;
}




/*********************

  BLOG POST

******************/

#aside {
  background-color:#55607B;
}

.blog-title-text{
  font-size:40px;
  font-weight: bold;
  margin-bottom: 100px;
  text-align: center;
  color:#383E51;
}

.blog-post {
  color: #55607b;
  font-size: 1.3em;
  line-height: 1.5;
  font-family: 'Assistant';
}
.blog-post a{
  color: #383e51;
  /*font-size: 1.4em;*/
  /*line-height: 1.5;*/
  /*text-decoration: underline blue;*/
  border-bottom: 2px solid #686156
}
.blog-post .blog-title {
  color: #383e51;
  /*line-height: 1.5;*/
}
.blog-content p, h1,h2,h3,h4,h5,h6,table{
  margin-bottom:4%;
}

.blog-content h1,h2,h3,h4,h5,h6{
  color: #383e51;
}
.blog-content p span{
  margin-bottom:0 !important;
}

.blog-content center {
  margin-bottom:5%;
  margin-top:5%;
}

.blog-content {
   font-family:'Assistant', 'Arial', sans-serif;
}

.blog-author {
  color: #383e51;
  margin-top: 10%;
}

.blog-post blockquote{
  /*color: #55607b;*/
  /*background-color: black*/
  font-size: 0.6em;
  /*max-width:70%;*/
  justify-content: right;
  border-left: 5px solid #686156;
  padding-left: 10px
}

.blog-post blockquote p{
  margin-bottom:2%;
}

.blog-post-follow-us-lg{
  position: fixed;
  color: #55607b;
  padding-left: 4%;
  max-width: 15%;
  top:20%;
  /*background-color: pink;*/

}
.blog-post-follow-us-lg .section{
  
}

.blog-post-follow-us-lg .header{
  /*margin-bottom-top: 0;*/
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
  /*font-weight: bold;*/
}

.blog-post-follow-us-lg .header-newsletter{
  margin-left: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
}

.blog-post-follow-us-lg hr {
  margin-top: 20%;
  margin-bottom: 20%;
}

.blog-post-follow-us-lg .header-social{
  
  margin-bottom: 0;
  font-weight: bold;
  font-size: .9em;
}
.blog-post-follow-us-lg .btn-subscribe{
  cursor: pointer;
  /*margin-top: 30%;
  margin-bottom: 0;
  font-weight: bold;
  font-size: .8em;*/
}

.blog-post-follow-us-lg .text{
  font-size: .75em;
  padding-left: 2%;
  margin: 0;
}
.blog-post-follow-us-lg .text-btn{
  font-size: .75em;
  padding-left: 2%;
  margin: 0;
  margin-top:10%;
}
.blog-post-follow-us-lg .social{
  border: 0;
  padding-left: 2%;
}

.col-centered{
  float: none;
  margin: 0 auto;
}






/*********************

  contato.html

******************/

.contact-div-spacer{
  margin-top:10%;
}
.contact-div{
  /*padding-top:5%;*/

}
.contact-div h1{
  color:#383e51; 
  font-family:'Anton';
}
.contact-div h5{
  color:#55607b; 
  font-family:'Assistant';
}

.contact-div .contact_card{
  padding-top:5%;
  color:#55607b; 
  font-family:'Assistant';
}

.contact-div .contact_card .after_submission{
  margin-top: 5%
}

.contact-div .contact_card .after_submission h6{
  margin-top: 5%
}

.contact-div .contact_card .after_submission a{
  margin-top: 5%;
  margin-bottom: 5%;
}

/*********************

  conectores.html
  
******************/

.content-header-sources {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  margin-bottom: 2.5%;
  background-color: #383e51;
  color:white;
}

.sources-list {
  color:#383e51;
}

.sources-list-search-container {
  
}

.sources-list-search-results{
  margin-top: 2.5%;

}

.sources-list-search-results a{
  text-decoration: none;
}

.card-source {
  min-height: 100px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 30px;
  padding-top: 30px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  &:hover {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
}

.card-source img{
  height: 100px
}

.card-source h5{
  color:#383e51;
}

.card-source .source-text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    margin: auto;
}


/*********************

  plataforma.html
  
******************/

.screenshots-section {

}

.screenshots-section a{
  font-family: 'Times'
  
}


/*********************

  index.html
  
******************/

.cta {
  /*padding-top:-100%;*/
  font-family: 'Assistant';
  margin-bottom:5%;
}
.cta .row {
  margin-top: 30px;
}
.cta h1{  
  color:#383e51; 
  font-family:'Anton';
  /*font-weight: bold*/
}
    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
      .cta h1{  
        font-size: 40px;    
      }    
    }
    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) {
      .cta h1{  
        font-size: 50px;
      }    
    }

    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
      .cta h1{  
        font-size: 50px;
      }    
    }
.cta h5 {
  color:#55607b; 
  font-family:'Assistant';
}

.cta .btn-contact {
  background-color: #383e51;
  color:#fff;
  /*border-color: #2F3E48;*/
}

.cta img {
  width: 70%;
}

.content-header {
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #383e51;
  margin-bottom: 5%;
}

.content-header h2 {
  font-family: 'Assistant';
  color: #efeaee; 
}



.content-sections {
  margin-bottom: 5%;
}
.content-sections img {
  width: 80%;
}
.content-sections h3 {
  font-family: 'Assistant';
  font-weight: bold;
  color: #383e51; 
}
.content-sections h5 {
  margin-top:5%;
  font-family: 'Assistant';
  color: #55607b; 
  line-height: 2;
}

.content-sections .btn-cta {
  margin-top:5%;
  background-color: #383e51;
  color:#FFF;
  border-color: #2F3E48;
}

.content-customers {
  background-color: #efeaee;
  padding-bottom: 2.5%;
}

.content-customers h2{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}

.content-customers h4{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}
.content-customers h5{
  margin-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
}

.img_container{
  height: 100px;      /* Equals maximum image height */
  line-height: 100px;
  width: 120px;
  text-align: center;
}
.content-customers img{
  vertical-align: middle;
  max-height: 100px;
  max-width: 120px;
  width: 80%
}

.content-articles img{
  vertical-align: middle;
  max-height: 100px;
  max-width: 120px;
  width: 80%
}

#customers_form{
  margin-top:2.5%;
}

.content-articles {
  margin-top:2.5%;
  margin-bottom:2.5%;
}

.content-articles h2 {
  /*margin-top: 2.5%;*/
  font-family: 'Assistant';
  color: #383e51; 
  margin-bottom: 2.5%;
}

.content-articles .card {
  /*margin-top: 2.5%;*/
  padding-top: 2.5%;
  font-family: 'Assistant';
  color: #383e51; 
  margin-bottom: 2.5%;
  height: 350px;
}

.content-articles .card h5{
  color: #383e51;
}
.content-articles .card h6{
  color: #55607b;
}

.content-articles .card .row{
  margin-top:5%;
  margin-bottom:5%;
  padding-right:5%;
  padding-left:5%;
  
}
.content-articles .card .btn-article{
  color:#55607b;
  border: 1px solid #383e51;
  width: 70%;
}

/*******************

ASIDE
blog-content
*********************/

/*#aside{*/
/*  padding: 30px 10px;*/
/*  position: relative;*/
/*  max-height: 100vh;*/
/*  overflow-y: auto;*/
/*}*/


#topics {
  font-family:'Assistant', 'Arial', sans-serif;
  font-size: 1.2rem;
  font-weight:bold ;
  padding-top:30px ;
  padding-left: 10px;
  width: 100%;
  margin-bottom: 2rem;
}


#topics ul {
  list-style: none;
  cursor: pointer;
}

.article-content, .topic-name {
   cursor: pointer;
}

#topics ul, li{
  margin: 3px;
  padding: 3px;
}

#topics li {
  list-style-type: none;
  font-size: 1.1rem;
}

#topics a {
 color: #fff;
 text-decoration: none;
}

.posts-navigation {
  margin-top:15px;
  overflow-y: auto;
  overflow-x: hide;
  position: fixed;
  height: 100vh;
  max-height: 100vh;
  padding-bottom: 300px;
}

.posts-navigation::-webkit-scrollbar {
  display: none;
}

.topics{
  font-weight: 400 !important;
}

.btn_try{
  background-color: #18a24a;
  color:#FFF !important;
  transition: .5s;
}

.btn_try:hover{
  background-color: #55607B;
  font-weight: bold;
}

.article-list {
  display: none;
}

.visible {
  display: block !important;
}

footer#footer {
  position: relative;
  z-index: 1040;
  background-color: #fff;
}

@media (min-width: 992px) {
  body:has(.sidebar) footer#footer {
    margin-left: 25%;
  }
}

.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 1.2em; justify-content: center; }
.wp-block-button__link {
  display: inline-block; padding: 10px 24px; border-radius: 4px;
  font-size: 15px; font-weight: 600; text-decoration: none;
  border: none; cursor: pointer; line-height: 1.6;
  color: #fff !important;
}
.wp-block-button__link:hover { opacity: 0.85; text-decoration: none; color: inherit; }

.responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 1.2em 0; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }