.bg-load-image{ background: url(/src/razonet_spinner.gif) no-repeat center center; }

@media screen and (max-width: 372px){
  .onmedia-pictures img{
    width: 100% !important;
    height: auto !important;
  }
}

/****** HEADER ******/
#header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 3.5rem 1.5rem;
  transition: top 0.3s ease, height 0.3s ease, padding 0.3s ease;
}
@media screen and (min-width: 992px){
  #header.h-scrolled.change-bg{ padding-bottom: 3.5rem; }
  #header.h-scrolled{ padding: 0.6rem 1.5rem; }
  #header.h-scrolled .rz-brand{ width: 160px; height: auto; }
}
@media screen and (min-width: 576px){
  #header .rz-brand{ transition: width 0.2s ease-in-out; width: 220px; height: 50px; }
}
#header:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #EFEFEFcc;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index:1;
}
#header > .container{ z-index: 2; position: relative; }
#header.change-bg:before{
  background: #fff;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  transition: top 0.3s ease, height 0.3s ease, padding 0.3s ease;
}

@media screen and (max-width: 1200px){
  #header .rz-brand{ max-width: 190px; height: auto; }
}
@media screen and (max-width: 991px){
  #header{ padding-top: 1.2rem; padding-bottom: 1.2rem; }
  #header.with-opened-menu:before{ display: none; }
  #header.with-opened-menu{ background: #fff; }
  #header .rz-brand{ max-width: 154px; height: auto; }
}
@media screen and (max-width: 576px){
  #header{ background: #fff; }
  #header:before{ display: none; }
}

/* Navbar */
.navbar-desktop .nav-item {
  padding-left:4px;
  padding-right: 4px;
  cursor: pointer;
}
.navbar-desktop .nav-link {
  font-size: var(0.95rem);
  padding: 10px 10px;
  color: var(--dark);
  display: flex;
  border: 1px solid transparent;
}
@media screen and (max-width: 1100px){
  .navbar-desktop .nav-link{ padding: 10px 5px; font-size: var(--fs-small); }
}
.navbar-desktop .nav-item:hover a,
.navbar-desktop .nav-item.active a,
.navbar-desktop .nav-item:hover i,
.navbar-desktop .nav-item.active i{ color: var(--dark); font-weight: bold; }
.navbar-desktop .nav-item:hover i,
.navbar-desktop .nav-item.active i{ transform: rotate(180deg); }
.navbar-desktop .nav-login:hover{ border-color: var(--primary) !important; color: var(--primary) !important; }

@media screen and (max-width: 576px) {
  .platform-desktop-nav{ display: none !important; }
}

.subnav-desktop {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 56px;
  left: 0;
}
.subnav-desktop.show {
  opacity: 1;
  max-height: 600px;
  visibility: visible;
  position: static;
}

.subnav-link-title{ font-size: var(--fs-6); }
@media screen and (max-width: 576px){
  .subnav-link-title{ font-size: 1.1rem; }
  .subnav-link-legend{ font-size: var(--fs-small); }
}

.subnav-desktop a{ width: fit-content; }
.subnav-desktop a:hover span{ color: var(--primary) !important; }

#toggler-nav {
  cursor: pointer;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: none;
  transition: 0.15s ease-in-out;
  position: relative;
  background: none; 
  margin-right: -10px;
}
#toggler-nav.active{ background: var(--light); }

#toggler-nav .toggler-bar {
  width: 28px;
  height: 2px;
  background: var(--secondary);
  display: block;
  position: absolute;
  transition: 0.2s ease-in-out;
}

#toggler-nav .toggler-bar:nth-child(1) { top: 15px; }
#toggler-nav .toggler-bar:nth-child(2) { top: 23px; }

#toggler-nav.active .toggler-bar:nth-child(1),
#toggler-nav.active .toggler-bar:nth-child(2) { width: 20px; top: 19px; background: var(--primary) }
#toggler-nav.active .toggler-bar:nth-child(1) { transform: rotate(45deg); }
#toggler-nav.active .toggler-bar:nth-child(2) { transform: rotate(-45deg); }

/* Mobile Navbar */
@media screen and (min-width:992px){
  #mobile-nav-container{ display: none; }
}

#mobile-nav-container {
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
}
#mobile-nav-container.open {
  z-index: 2;
}
@media screen and (max-width: 992px){
  #mobile-nav-container.open{ top: 93px; }
}
@media screen and (max-width: 576px){
  #mobile-nav-container.open{ top: 80px; }
}

.mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav-item { border-top: 1px solid #ddd; }
.mobile-nav-item:last-child{ border-bottom: 0px; }
.mobile-nav-item .fa-chevron-down{ transition: all 0.2s ease-in-out; font-size: var(--fs-6); }

.mobile-nav-item.active .mobile-nav-header,
.mobile-nav-item:hover .mobile-nav-header{ font-weight: bolder; }
.mobile-nav-item.active .fa-chevron-down{ transform: rotate(180deg); }
.mobile-nav-item .subnav-link-legend{ font-size: var(--fs-small) !important; }

.mobile-nav-header {
  width: 100%;
  padding: 24px 38px;
  background: #fff;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: var(--fs-5);
  color: var(--dark);
  transition: background 0.3s ease;
}
@media screen and (max-width: 576px){
  .mobile-nav-header{ font-size: 1.2rem; }
}

.mobile-nav-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 32px;
}
.mobile-nav-content a:hover > span{ color: var(--primary) !important; }



/******** FOOTER ************/
#footer{ padding: 3.5rem 1.5rem; margin-top: 4rem; }
@media screen and (max-width: 992px){
  #footer{ padding-top: 2rem; padding-bottom: 2rem; }
}
@media screen and (max-width: 768px){
  #footer { margin-top: 2.5rem; }
}
@media screen and (max-width: 576px){
  #footer{ padding: 2rem 1rem; background: #fff; }
}
#footer a{ width: fit-content; }
#footer a:hover{ color: var(--primary) !important; }
#footer .wrap-download-links{ max-width: 240px; }

@media screen and (max-width: 991px){
  #footer .wrap-download-links{ max-width: 450px; }
}
@media screen and (max-width: 991px){
  #footer .wrap-download-links{ max-width: 100%; }
}


/*********** HERO BANNER HOME **************/
#hero-media .hero-title{ font-size: var(--fs-4); }
#hero-media .hero-legend{ font-size: var(--fs-6); }
@media screen and (max-width: 992px){
  #hero-media .hero-title{ font-size: var(--fs-5); }
}
@media screen and (max-width: 576px){
  #hero-media .hero-title{ font-size: var(--fs-6); }
  #hero-media .hero-legend{ font-size: var(--fs-base); }
}

@media screen and (min-width: 1400px){
  #hero-section-animated{
    max-width: 100% !important;
  }
}
.container-hero {
  margin: 0 auto;
  width: 100%;
  max-width: 1700px;
  height: 660px;
  overflow: hidden;
  border-radius: 30px;
  transition: clip-path 0.2s linear;
}
.container-hero figure,
.container-hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s linear;
  display: block;
}
@media screen and (max-width: 768px){
  .container-hero{ border-radius: 16px; }
}
@media screen and (max-width: 768px){
  .container-hero{ height: 380px;}
}
@media screen and (max-width: 568px){
  .container-hero{ height: 240px;}
}


/**** TESTIMONIALS HOME *****/
.header-quote .header-quote-title{ font-size: var(--fs-6); }
.testimonial-description,
.testimonial-legend{ font-size: var(--fs-base); }

.testimonial-description{ display: flex; flex: 1; }

@media screen and (min-width: 992px){
  .testimonial-description{ min-height: 140px; }
}

/**** TESTIMONILALS CEO MENEGAT ****/
.ceo-title{ font-size: var(--fs-6); }
.ceo-legend{ font-size: var(--fs-6); }
.ceo-description{ font-size: var(--fs-base); }


/***** PLANS COMPONENT *******/
.plan-card-link{
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
.plan-card-link:hover > .btn{ background: var(--primary); color: #fff; }

.plan-content-title{ font-size: var(--fs-medium); }
.plan-content-legend{ font-size: var(--fs-6); }
.plan-content-price{ font-size: var(--fs-4); }
.min-h-card-plan{ min-height: 107px; }

@media screen and (min-width: 1200px){
  .center-plans-on-desktop-sizes{
    justify-content: center;
  }
}


@media screen and (max-width: 576px){
  .plan-content-title{ font-size: var(--fs-medium); }
  .plan-content-legend{ font-size: var(--fs-base); }
  .plan-content-price{ font-size: var(--fs-5); }
}

.card-tilte-border-blocks .card-item-icon{ color: var(--primary) !important; }

/****** SPECIALISTS CARDS *******/
.specialist-title { font-size: var(--fs-6) }
.specialist-legend { font-size: var(--fs-base); }
@media screen and (max-width: 576px){
  .specialist-title{ font-size: var(--fs-6); }
}
.specialist-quote { font-size: var(--fs-base); }
.specialist-play-video{ bottom: 24px; left: 24px; z-index: 2; }
.specialist-picture img{ z-index: 1; }
.specialist-picture:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: block;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
  transition: background 0.2s ease-in-out;
}
.specialist-with-video:hover .specialist-picture:before {
  background: linear-gradient(to top, rgba(0, 115, 192, 0.5), rgba(255, 0, 0, 0));
}
.specialist-card:hover .specialist-title{ color: var(--primary); }

/******* HERO CTA COMPONENT *****************/
.hero-cta-container{ position: relative; }
.hero-cta-container:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgb(0,0,0);
  background: linear-gradient(54deg, rgba(0,0,0,0.8365546902354692) 0%, rgba(0,0,0,0) 100%); 
  z-index: 1;
}
.hero-cta-content{ max-width: 428px; z-index: 1; }
.hero-cta-title{ font-size: var(--fs-4); }
.hero-cta-legend{ font-size: var(--fs-6); }



@media screen and (max-width: 992px){
  .hero-cta-content{ max-width: 360px; }
  .hero-cta-title{ font-size: var(--fs-4); }
  .hero-cta-legend{ font-size: var(--fs-6); }
}
@media screen and (max-width: 576px){
  .hero-cta-container{ padding-top: 10rem !important; }
  .hero-cta-content{ max-width: 100%; }
  .hero-cta-title{ font-size: var(--fs-6); }
  .hero-cta-legend{ font-size: var(--fs-base); }
}


/***** INTRO PAGE CONTENTS **************/
#intro-page .intro-title{ font-size: var(--fs-4); }
#intro-page .intro-legend{ font-size: var(--fs-6); }
@media screen and (max-width: 992px){
  #intro-page .intro-title{ font-size: var(--fs-5); }
}
@media screen and (max-width: 576px){
  #intro-page .intro-title{ font-size: var(--fs-6); }
  #intro-page .intro-legend{ font-size: var(--fs-base); }
}

/******** ABOUT PAGE CONTENTS ***************/
.card-culture-item-icon{ font-size: var(--fs-3); }
.card-culture-item-text{ font-size: var(--fs-6); }

.razonet-media-title{ font-size: var(--fs-6); }

@media screen and (max-width: 768px){
  .card-culture-item-icon{ font-size: var(--fs-4); }
  .card-culture-item-text{ font-size: var(--fs-6); }
}

@media screen and (max-width: 576px){
  .razonet-media-title{ font-size: var(--fs-base); }
}

.about-history-title { font-size: var(--fs-3); }
.about-history-legend { font-size: var(--fs-6); }
@media screen and (max-width: 576px){
  .about-history-title { font-size: var(--fs-5); }
  .about-history-legend { font-size: var(--fs-6); } 
}
.about-history-image { max-width: 460px; width: 100%; height: auto;}



.about_us_history_icon{
  background: url(/src/about_us_history_icon.png) no-repeat center center;
  background-size: cover;
  width: 78px;
  height: 78px;
  display: block;
}
.content-editor-text p,
.content-editor-text p span{ font-size: 1.125rem; line-height: 150%; }
.content-editor-text a,
.content-editor-text a span{ color: var(--primary) !important; font-size: 1.125rem; text-decoration: underline; }
.content-editor-text a:visited{ color: var(--primary); }





/****** SOLUTIONS PAGE COMPONENTS ***********/
.solution-page-legend{ font-size: var(--fs-6); }


.solution-testimonial-description{ font-size: var(--fs-4); }
.solution-testimonial-since{ font-size: var(--fs-6); }

@media screen and (max-width: 767px){
  .card-solution-item .card-item-title{ margin: 0 auto; }
}
@media screen and (max-width: 576px){
  .solution-page-legend{ font-size: var(--fs-small); }
  .card-solution-item .card-item-title{ font-weight: bold; }

  .solution-testimonial-description{ font-size: var(--fs-medium); }
}

.card-testimonial-solution-quote{ font-size: var(--fs-6); }
.card-testimonial-solution-big-quote{ font-size: var(--fs-5); }
@media screen and (max-width: 576px){
  .card-testimonial-solution-big-quote,
  .card-testimonial-solution-quote{ font-size: var(--fs-small); }
}

.card-small-solution-icon{ font-size: var(--fs-5); }
.card-small-solution-title{ font-size: var(--fs-base); }
@media screen and (max-width: 576px){
  .card-small-solution-icon{ font-size: var(--fs-6); }
}

.card-small-solution-link:hover .card-small-solution-icon,
.card-small-solution-link:hover .card-small-solution-title{ color: var(--primary) !important; }

.card-solution-item .card-item-legend{ font-size: 1rem !important; }
.card-solution-item:hover .card-item-title,
.card-module-item:hover .card-item-title,
.card-small-item:hover .card-item-title,
.card-small-item:hover .card-item-legend{ color: var(--primary) !important; }


/****** PLANS PAGE CONTENTS **************/
.nav-plans-slide .nav-item{ margin: 4px; }
.nav-plans-slide .nav-item > button{ 
  border-radius: 50px; 
  border: 2px solid #ddd;
  font-size: var(--fs-6);
  white-space: normal !important;
  word-break: break-word;
}
.nav-plans-slide .nav-item > button:hover,
.nav-plans-slide .nav-item > button.active{ border-color: var(--primary); color: var(--primary) !important; }
@media screen and (max-width: 576px){
  .nav-plans-slide .nav-item{ margin: 2px; }
  .nav-plans-slide .nav-item > button{ border-width: 1px; font-size: var(--fs-small); word-break: break-all; }
}

.card-plan-title{ font-size: var(--fs-medium); }
.card-plan-price{
  align-items: baseline;
  display: flex;
  justify-content: center;
  position: relative;
}
  .to-currency,
  .to-price,
  .to-month{ display: flex; }

  .to-currency,
  .to-month{ font-size: var(--fs-base); }
  .to-price{ font-size: var(--fs-1); font-weight: 900; margin-left: 22px;}

  .to-currency{
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
  }
.card-plan-note{ font-size: var(--fs-base); }
.card-plan-subtitle{ font-size: var(--fs-base); }
.card-plan-module-item{ font-size: var(--fs-small); }
.card-plan-bonus{ font-size: var(--fs-base); }

.plan-modules-container{
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 8px;
  border: 1px solid #eee;
}
.plan-modules{ position: relative; }
.plan-modules.limit_details:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  display: block;
  bottom: 0px;
  left: 0;
  background: #ffffff;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 0) 75%);
}

.line-divisor{ width: 100%; height: 2px; background: #999; border: 0; }

@media screen and (max-width: 576px){
  .card-plan-title{ font-size: var(--fs-6); }
  .card-plan-price{ font-size: var(--fs-medium); }
  .card-plan-note,
  .card-plan-subtitle,
  .card-plan-module-item,
  .card-plan-bonus{ font-size: var(--fs-small); }
}

.is-inactive-module{
  text-decoration: line-through;
  color: #aaa !important;
}

/* compare plans table */
.list-plan-advantages{ margin: 0; padding: 0; }
.list-plan-advantages li{ width: 50%; font-weight: normal; font-family: 'Inter', sans-serif; }
.compare-plans-table{ width: 100%; overflow: hidden; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }

.compare-plans-table tbody{ background: #fff; padding-bottom: 24px; }
.compare-plans-table tbody tr:first-child td:first-child{ border-top: 3px solid var(--light); }

.compare-plans-table th{ border: 3px solid var(--light); border-right: 0px; }
.compare-plan-icon{ border-left: 3px solid var(--light); border-right: var(--light); }

.compare-plans-table td{ padding: 22px 32px; }

.compare-plan-option,
.compare-plan-icon{ width: 186px;}

.compare-plan-card{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* functionalities */
.card-small-functionality:last-child{ margin-bottom: 0px !important; }
.card-small-functionality-icon{ font-size: var(--fs-4); }
.card-small-functionality-title{ font-size: var(--fs-6); }
@media screen and (max-width: 576px){
  .card-small-functionality > div{
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .card-small-functionality-icon{ font-size: var(--fs-5); }
  .card-small-functionality-title{ font-size: var(--fs-base); }
}

@media screen and (max-width: 991px){
  .content-funcionalities-img {
    height: 380px;
  }
}

/******** SOLUTIONS HOME **********/
.solutions-home-list .card-item-title{ max-width: 230px; }



/******* BLOG PAGE CONTENTS ************/
.main-featured-post{ height: 516px !important; }
@media screen and (max-width: 768px){
  .main-featured-post{ height :auto !important; }
}
.card-post-item-image{
  position: relative;
  width: 260px;
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-post-item-image img{
  width: auto;
  height: 100%;
}

.card-post-item-result .card-post-item-image{
  width: 360px;
  height: 226px;
}
.card-post-item-result .card-post-item-title{ font-size: var(--fs-5); }
@media screen and (max-width: 768px){
  .card-post-item-result .card-post-item-image{
    width: 260px;
    height: 194px;
  }
}

.card-post-item-category{ 
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--primary);
  border-top-right-radius: 12px;
  padding: 0.65rem 1.5rem;
  font-size: var(--fs-small);
}
.card-post-item-subject{ font-size: var(--fs-small); }
.card-post-item-type{ font-size: var(--fs-small); }
.card-post-item-title{ font-size: var(--fs-6); }
.card-post-item:hover .card-post-item-title{ color: var(--primary); }
.card-post-item-info{ flex: 1; padding-left: 1.5rem; }
.card-footer-author-text{ font-size: var(--fs-small); color: var(--secondary); }

@media screen and (max-width: 576px){
  .card-post-item-result .card-post-item-title{ font-size: var(--fs-6); }
  .card-post-item-result .card-post-item-image,
  .card-post-item-image{ width: 100%; height: auto; }
  .card-post-item-info,
  .card-post-item-image img{ width: 100%; }
  .card-post-item-info{ padding: 0; }
  .card-footer-author-text{ font-size: var(--fs-small); }
}

.card-post-w-full .card-post-item{ flex-direction: column; }
.card-post-w-full .card-post-item-image{ width: 100%; height: auto; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.card-post-w-full .card-post-item-info{ width: 100%; padding: 1.5rem; }

.article-post-footer .card-footer-author-text{
  padding-left: 1rem !important;
  color: var(--dark) !important;;
  font-size: var(--fs-base) !important;
}
@media screen and (max-width: 567px){
  .article-post-footer .card-footer-author{
    flex-direction: column;
    text-align: center;
  }
  .article-post-footer .card-footer-author > figure{ margin-bottom: 1rem !important; }
  .article-post-footer .card-footer-author-text{
    margin-left: 0px !important;
    padding-left: 0rem !important;
  }
}


/* search */
.post-search-field{
  border: 0px;
  border-bottom: 1px solid var(--dark);
  border-radius: 0px;
  font-size: 1rem;
  color: var(--dark);
  padding: 1.2rem;
  background: none;
}
.post-search-field:focus{
  outline: none;
  box-shadow: none;
  background: none;
}
.btn-search-icon{
  position: absolute;
  top: calc(50% - 18px);
  right: 4px;
}

/* Posts lists */
#main-featured-post .card-footer-author-text{ color: var(--light) !important; }
.post-img-backdrop {
  position: relative; /* Define uma posição relativa para posicionar o article */
  display: flex;
  flex-direction: column; /* Garante que o conteúdo seja disposto em coluna */
  justify-content: flex-end; /* Alinha o article no fundo da div */
  min-height: 412px;
  max-height: 516px;
  height: 100%;
  overflow: hidden;
}
.post-img-backdrop:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgb(0,0,0);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.837) 0%, rgba(0,0,0,0) 100%); 
  z-index: 1;
}
.post-img-backdrop > article { flex-shrink: 0; z-index: 1; max-width: 600px; }
.small-post-img-backdrop .title-primary{ font-size: var(--fs-5); }

@media screen and (max-width: 576px){
  .post-img-backdrop{ min-height: 400px; }
  .post-img-backdrop:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.837) 0%, rgba(0,0,0,0) 100%); 
  }
}
@media screen and (max-width: 576px){
  .card-item-post img{
    width: 100%;
    height: auto; 
  }
}

@media screen and (max-width: 576px){
  .card-row-posts .content-post{ padding-left: 0px !important; padding-right: 0px;
   }
}

.border-detail-section{ position: relative; }
.border-detail-section:before{
  content: '';
  height: 3px;
  background: #ddd;
  left: calc(50% - 660px);
  width: 100%;
  max-width: 1320px;
  display: block;
  position: absolute;
  bottom: 0px;
}
@media screen and (max-width: 1400px){
  .border-detail-section:before{
    max-width: 90%;
    left: 5%;
    right: 5%;
  }
}

/* Results */
.card-post-result-title{ font-size: var(--fs-5); }
@media screen and (max-width: 768px){
  .card-post-result-title{ font-size: var(--fs-6); }
}
@media screen and (max-width: 576px){
  .card-post-result-title{ font-size: var(--fs-base); }
}

.post-search-field{
  border: 0px;
  border-bottom: 1px solid var(--dark);
  border-radius: 0px;
  font-size: 1rem;
  color: var(--dark);
  padding: 1.2rem;
  background: none;
}
.post-search-field:focus{
  outline: none;
  box-shadow: none;
  background: none;
}
.btn-search-icon{
  position: absolute;
  top: calc(50% - 18px);
  right: 4px;
}

.card-post-item:hover .card-post-title{
  color: var(--primary);
}

.card-post-img-category{
  background: var(--primary);
  padding: 10px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-right-radius: 12px;
}

.card-post-avatar{ width: 20px; height: 20px; }

.card-row-posts .card{ flex-direction: row; background: none;}
.card-row-posts figure.image-clip-path{
  border-radius: 1rem !important;
  height: auto;
  max-width: 310px;
}
.image-article-post{
  max-width: 48%;
  max-height: 210px;
}
@media screen and (max-width: 576px){
  .card-row-posts .card{ flex-direction: column; }
  .card-row-posts figure.image-clip-path{ max-width: 100%; height: 100%; }
  .card-row-posts figure.image-clip-path img{ width: 100%; }
  .card-row-posts .card-footer-author{ padding: 0px !important; margin-top: 0rem; }
  .post-article-divisor{ display: none; }
  .image-article-post{ max-width: 100%; }
}
.post-article-divisor{
  width: 100%;
  height: 4px;
  background: #bbbbbb;
  border: 0px;
}
.result-posts-section .col-12:last-child{ display: none; }

.filter-border-bottom{ height:2px; background:#E3E3E5; width: 100%; display: block; }
.filter-tabs .nav-link{
  color: #636363;
  width: fit-content;
}
.filter-tabs .nav-link:hover,
.filter-tabs .nav-item.active .nav-link{ color: var(--primary); }


.select-filter-tags{
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  border: 0px;
  -moz-appearance: none;
  padding-right: 2rem;
  padding: 0.3rem 2rem 0.3rem 0.5rem;
}
@media screen and (max-width: 992px){
  .filter-tabs .nav-item{ width: 20%; }
  .select-filter-tags{
    padding: 0.5rem 1rem;
    background-color: #fff;
  }
}
@media screen and (max-width: 576px){
  .filter-tabs .nav-item{ width: auto; }
}
.select-filter-tags:focus{
  outline: none;
  box-shadow: none;
}

/* show post */
.card-post-w-full img{ width: 100% !important; }

.post-formatted h1{ font-size: var(--fs-4); color: var(--dark); margin-bottom: 16px; }
.post-formatted h2{ font-size: var(--fs-5); color: var(--dark); margin-bottom: 16px; }
.post-formatted h3{ font-size: var(--fs-medium); color: var(--dark); margin-bottom: 16px; }
.post-formatted h4{ font-size: var(--fs-6); color: var(--dark); margin-bottom: 16px; }
.post-formatted h5{ font-size: var(--fs-base); color: var(--dark); margin-bottom: 16px; }
.post-formatted h6{ font-size: var(--fs-small); color: var(--dark); margin-bottom: 16px; }
.post-formatted iframe{ width: 100% !important; border-radius: 12px; overflow: hidden; }
.post-formatted table{ background: #fff; border-radius: 6px; overflow: hidden; }
.post-formatted table td{ padding: 10px; border: 1px solid #ddd;}
.post-formatted ul,
.post-formatted ol{ margin: 0; padding-left: 2.5rem; }
.post-formatted ul li{ list-style: disc; }
.post-formatted ol li{ list-style: decimal-leading-zero; }
@media screen and (max-width: 576px){
  .post-formatted h1{ font-size: var(--fs-6); }
}
.post-formatted p,
.post-formatted span{ font-size: var(--fs-base); line-height: 1.5; margin-bottom: 24px; }
.post-formatted a{ color: var(--primary); }
.post-formatted b,
.post-formatted strong{ font-weight: bold; }
.post-formatted figure,
.post-formatted img{ width: 100%; height: auto; border-radius: 16px; overflow: hidden; margin: 22px auto; }

.sticky-aside { position: sticky; top: 100px; transition: all 0.2s ease-in-out; }
.sticky-aside.h-scrolled-summary{ top: 100px; }
#summary-links{
  margin: 0;
  padding: 0;
}
  #summary-links li{ margin-bottom: 24px; display: flex; width: 100%; }
  #summary-links li span{
    display:flex;
    width: 100%;
    font-size: var(--fs-base);
    color: var(--dark);
    cursor: pointer;
    transition: 0.2s all ease-in-out;
  }
  #summary-links li span.active,
  #summary-links li:hover span{
    font-weight: bold;
    text-decoration: underline;
  }

.small-post-inside-article{ flex-direction:  row; }
.small-post-inside-article figure{ max-width: 130px; }

.hero-post-cta-content{ max-width: 68%; z-index: 1; }
.hero-post-cta-title{ font-size: var(--fs-medium); }
.hero-post-cta-legend{ font-size: var(--fs-base); }

/******* GLOSSARY *************/
.header-letters-filter{
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-letters-link{
  color: var(--secondary);
  font-size: var(--fs-6);
  transition: all 0.2s ease-in-out;
}
.header-letters-link.active,
.header-letters-link:hover{ background-color: var(--primary) !important; color: #fff; }

/* glossary list items */
.header-letter-anchor{
  font-size: 5rem;
  color: var(--primary);
  font-weight: bold; 
  min-width: 70px;
}
.card-glossary-item-title{ font-size: var(--fs-medium); }
.card-glossary-item-legend{ font-size: var(--fs-small); }
.card-glossary-item:hover .card-glossary-item-title{ color: var(--primary) !important; }

@media screen and (max-width: 768px){
  .header-letters-link{ font-size: var(--fs-small); }
  .header-letter-anchor{ font-size: var(--fs-1); }
  .card-glossary-item-title{ font-size: var(--fs-base); 
  .card-glossary-item-legend{ font-size: var(--fs-small); }}
}


/************* CAREERS *********/
.form-filter .form-select{
  border-radius: 50px;
  border: 1px solid var(--dark);
  background-color: transparent;
  width: 300px;
}
.form-filter .form-select:focus{
  outline: none;
  box-shadow: none;
}

.career-department-title{ font-size: var(--fs-medium); }
.careers-item-title{ font-size: var(--fs-6); }

.careers-item-legend{ font-size: var(--fs-base); }
@media screen and (max-width: 576px){
  .careers-item-legend{ font-size: var(--fs-small); }
}

.careers-available-count{ font-size: var(--fs-6); }
@media screen and (max-width: 576px){
  .careers-available-count{ font-size: var(--fs-small); }
}


.about-guidelines{
  margin: 0;
  padding: 0;
  list-style: circle;
}
.about-guidelines li{ margin-bottom: 16px; }

.career-form-upload{ max-width: 1000px; margin: 0 auto; }
.border-field{ border-color: #aaa; }

.career-form-upload .mark-input-file{
  position:absolute;
  top: 0;
  left: 0;
  padding: 1.1rem 2rem;
  pointer-events: none;
  border: 1px dashed #777;
  background: var(--light);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dark); 
}
.career-form-upload .form-attach{
    width: 100%;
    cursor: pointer;
    opacity: 0;
}



/*** OTHERS ******/
* Cards Items */
.intro-title{ font-size: var(--fs-4); }
.intro-legend{ font-size: var(--fs-6); }
.intro-img{ height: 515px; }
@media screen and (max-width: 990px){
  .intro-title{ font-size: var(--fs-4); }
  .intro-legend{ font-size: var(--fs-6); }
  .intro-img{ height: 306px; }
}
@media screen and (max-width: 576px){
  .intro-img{ height: 210px; }
}

/* Solutions */
.card-content-item:hover .card-item-icon,
.card-content-item:hover .card-item-title,
.card-content-item:hover .card-item-legend{
  color: var(--primary) !important;
}
.solution-card .card-item-title{
  text-decoration: underline;
}

/* Content Cards */
.text-content{
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.reverse .text-content{
  margin-top: 0rem;
  margin-bottom: 2rem;
}
.image-content {
  min-width: 633px;
  height: auto;
  overflow: hidden;
  margin-right: 80px;
  transition: clip-path 0.3s ease-in-out;
}
.image-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
.reverse .image-content { order: 2; margin-right: 0px; margin-left: 80px; }
.reverse .text-content{ order: 1; background: red;}
*/

@media screen and (max-width: 1200px){
  .image-content{ min-width: 450px; margin-right: 40px; }
  .reverse .image-content { margin-left: 40px; }
}

@media screen and (max-width: 992px){
  .image-content{ min-width: 360px; }
}

@media screen and (max-width: 767px){
  .image-content{ min-width: 100%; height: 320px; margin-left: 0 !important; margin-right: 0 !important; }
}

#rdstation-bricks-embeddable-form-bricks-component-LqdPwQdK6Y-Up0R4M_mohQ .bricks--component{
  border: 0px !important;
}