html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #007bff;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btnchat:hover {
  background-color: #0056b3;
}


.ba-item.ba-item-scroll-to-top {
  bottom: 20px;
  position: fixed;
  visibility: hidden;
  z-index: 999999;
}




.rojo {font-size:16px;
  text-align: center;
   text-decoration: line-through;
   color: #fe0202; /* Un azul neón que uso muy a menudo, pero elige el color que quieras */
}



.knockout-text .content-text * {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 50%;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/untitled/font-animation-2.gif);
    transform: translate3d(0, 0, 0);

}

.knockout-text.marketing .content-text *,
.knockout-text.design .content-text *,
.knockout-text.branding .content-text * {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.knockout-text.design .content-text * {
      background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/untitled/font-animation-4.gif);
}
.knockout-text.marketing .content-text * {
      background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/untitled/font-animation-1.gif);
}
.knockout-text.strategy .content-text * {
      background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/untitled/font-animation-3.gif);
}

@media (max-width: 480px){
	.topside.knockout-text .content-text * {
		font-size: 200px;
		line-height: 200px !important;
	}
}

.custom-logo img {
	transition: .3s;
}

.custom-logo img:not(:hover) {
	opacity: .3;
}

.custom-comments .ba-submit-comment {
  padding: 0 !important;
  background: transparent!important;
  color: var(--text-inverse)!important;
  font-size: 18px!important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  line-height: 36px !important;
  text-decoration: underline;
}

.custom-comments .comment-likes-wrapper span,
.custom-comments .comment-likes-wrapper span.comment-reply-action span,
.custom-comments .comment-likes-wrapper span.comment-share-action span,
.custom-comments .user-comment-wrapper .comment-user-date,
.custom-comments .comment-user-name,
.custom-comments span.ba-comment-attachment-trigger,
.custom-comments .ba-social-login-wrapper > span,
.custom-comments .ba-user-login-btn,
.custom-comments .ba-guest-login-btn,
.custom-comments .ba-submit-comment,
.custom-comments .comment-logout-action,
.custom-comments .ba-comments-total-count,
.custom-comments .ba-comments-total-count-wrapper select {
	letter-spacing: 1px!important;
	font-weight: 400 !important;
   color: var(--title-inverse) !important;
}
.custom-post-intro .intro-post-title-wrapper {
  	width: 600px;
}

@media (min-width: 769px){
    .custom-post-intro .intro-post-title-wrapper,
    .custom-post-intro .intro-post-info {
	    margin-left: 200px;
    }

    .custom-category-list .ba-blog-post-content {
      padding: 50px;
    }

   .topside.knockout-text .content-text * {
     font-size:450px;
     line-height: 390px !important;
   }

   .custom-carousel .slideshow-content {
      width: calc(100vw + 125px) !important;
   }
}

@media (min-width: 1025px){
    .custom-category-list .ba-blog-post-content {
      padding: 100px;
    }
}

.custom-navigation .ba-blog-post ~ .ba-blog-post{
	border-color: transparent !important;
}

.custom-category-list .ba-blog-post {
    flex-direction: row-reverse;
}

.custom-recent-posts .ba-blog-post {
	transition: background .3s;
}

.custom-recent-posts .ba-blog-post:hover {
	background: #306fc0 !important;
}.hSKRZo
Specificity: (0,1,0)
 {
    padding: 6px 22px;
    font-size: 15px;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    transition: opacity 0.3s;
    min-height: 32px;
    opacity: 1;
    background-color: rgb(173 137 54);
    border: 1px solid rgba(173, 137, 54, 0.1);
    color: #fdfdfd;
}

html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}