/* main panel */
.body-wrapper{
  padding-left: 230px;
  margin-bottom: 16px;
}
  .body-wrapper-header{
    min-height: 100px;
    padding: 24px 12px;
  }

  .z-i-3{
    z-index: 3;
  }

  @media screen and (max-width: 1200px){
    /*
    .body-wrapper{
      padding-left:0;
    }
    .left-sidebar{
      left: -290px;
    }
    */
  }

  /* Nav Panel */
  .left-sidebar{
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    height: 100%;
    z-index: 11;
    background: var(--light);
    transition: 0.2s all ease-in-out;
  }
    .brand-logo{
      padding: 32px 6px;
    }
    .brand-logo img{ width: 150px }
  
    .left-sidebar .scroll-sidebar {
      overflow-y: auto;
      padding: 0px 12px;
      height: calc(100vh - 92px);
    }


  /* menu */
  #menu-panel-nav{ width: 100%; }
  .menu-panel-nav-link{
    color: var(--secondary);
    display: flex;
    font-size: var(--fs-small);
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 18px;
    border-radius: 6px;
    margin-bottom: 1px;
  }
  .menu-panel-nav-link.active{
    background: var(--primary) !important;
    font-weight: 600;
    color: #fff !important;
  }
  .menu-panel-nav-link:hover{
    background: #fff;
    color: var(--primary)
  }
  .menu-panel-nav-section{ margin-top: 18px; }

  .menu-panel-nav-header{
    font-size: 1rem;
    font-weight: bold;
    color: var(--dark);
    margin-bottom: 10px;
    position: relative;
  }
  .menu-panel-nav-header:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    display: block;
    background: #ddd;
    z-index: 0;
  }
  .menu-panel-nav-header span{ position: relative; z-index: 2; }

  .menu-panel-nav-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* medias */
.panel-preview-medias img{ width: 100%; }

  @keyframes shrinkWidth {
    from {
      width: 100%;
    }
    to {
      width: 0%;
    }
  }

  .flash-alert-card {
    position: fixed;
    right: 12px;
    bottom: 16px;
    width: 100%;
    max-width: 600px;
    z-index: 15;
    padding: 18px 30px;
    overflow: hidden;
    transition: all 0.2s ease;
    border: 0px;
  }

  .flash-alert-card:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    height: 4px;
    bottom: 0px;
    opacity: 0.5;
    animation: shrinkWidth 10s linear forwards;
  }
  .flash-alert-card.alert-success:before{ background: var(--bs-success); }
  .flash-alert-card.alert-danger:before{ background: var(--bs-danger); }
  .flash-alert-card.alert-warning:before{ background: var(--bs-warning); }
  .flash-alert-card.alert-info:before{ background: var(--bs-info); }



/* Menu Panel */
.menu-accordion {
  width: 100%;
  overflow: hidden;
}

.menu-accordion ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.menu-accordion li {
  margin-bottom: 4px;
}

.menu-accordion .accordion-main-button{
  padding: 12px 16px;
  display: flex;
  border-radius: 10px;
  background: #fff;
}

.menu-accordion a {
  display: block;
  border-radius: 12px;
  padding: 16px 24px;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  transition: background-color 0.3s ease;
}

.menu-accordion a:hover {
  background-color: #f0f0f0;
}

.accordion-toggle {
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  background-color: #f8f9fa;
  transition: background-color 0.3s ease;
}

.accordion-toggle:hover {
  background-color: #e9ecef;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.accordion-content a {
  background-color: #f8f9fa;
}

.accordion-toggle.active + .accordion-content {
  max-height: 300px; /* Ajuste conforme o conteúdo */
}


/* forms e inputs */
.ts-control, .ts-wrapper.single.input-active .ts-control,
.ts-wrapper.multi.has-items .ts-control{
  padding: .285rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}
.ts-control, .ts-wrapper.single.input-active .ts-control{
  min-height: 38px;
}
.ts-wrapper.multi .ts-control .item{
  font-size: 0.85rem; 
  border-radius: 6px; 
  background: var(--light);
  color: var(--dark);
  padding: 5px 10px; 
  margin-bottom: 4px;
}
.ts-dropdown .option{ font-size: 1rem; }


/* thumbs */
.panel-thumbs {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  position: relative;
  overflow: visible; /* permite que a imagem "vaze" */
}















.shadow-cards{
  border: 1px solid #eaeaea;
  box-shadow: rgba(17, 12, 46, 0.048) 0px 0px 30px 0px;
}

.text-gray{
  color: #999;
}

.hr{
  height: 4px;
  width: 100%;
  border: 0;
  background: #dadadb;
}

/* DataTables */
.dt-layout-row{
  justify-content: space-between;
  margin-bottom: 10px;
}
.dt-length {
  float: right;
  margin-right: 10px;
}
  .dt-search label,
  .dt-length label{ display: none; }
  
  .dt-length select,
  .dt-search input {
    width: 100%;
    max-width: 340px;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5A6A85;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 10px;
  }
  .dt-length select{ height: 46.8px; }
  .dt-length select:focus,
  .dt-search input:focus{
    border-color: var(--primary);
  }

.paging_full_numbers{
  text-align: right;
  margin-top: 10px;
}
  .paging_full_numbers .dt-paging-button {
      background-color: #eee;
      border-color: #ddd;
      color: #333;
      border-radius: 4px;
      padding: 4px 14px;
      margin: 0 2px;
      cursor: pointer;
  }
  .paging_full_numbers .dt-paging-button:hover,
  .paging_full_numbers .dt-paging-button.current{
      background-color: #bbb;
      border-color: #aaa;
  }
  .paging_full_numbers.one-page {
    display: none;
  }

  .dt-info{
    color: #888;
    font-size: 0.95rem;
  }
  
  .dt-column-order{
    position: relative;
    margin-left: 12px;
    width: 16px;
    color: #888;
    font-size: 14px;
    letter-spacing: -3px;
  }
    .dt-orderable-asc.dt-orderable-desc .dt-column-order:before{
      content: '↑↓';
    }
      .dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:before{
        content: '↑';
      }
      .dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:before{
        content: '↓';
      }

/* Tables */
.table{ width: 100%; }
.table th{ position: relative; }
.table th,
.table td{
  vertical-align: middle;
  line-height: 1;
  padding: 1.125rem 0.9375rem;
  color: #333;
  font-size: 0.9rem !important;
}
.table tr:last-child td{
  border: 0px;
}
.table th:last-child .dt-column-order{ display: none; }

/* Badges */
.badge{
  border-radius: 6px;
  color: #fff;
  line-height: 1;
  padding: 0.5625rem;
  font-weight: normal;
}

.badge-disabled{
  color: #777;
  background: #ddd;
}
.badge-warning{
  color: #333;
  background: #ffb70f;
}
.badge-success{
  background: #48c78e;
}
.badge-danger {
  background: #ff6685;
}

/* buttons */
.btn-actions{
  padding: 0.4625rem;
  background: none;  
}
.btn-actions i{
  color: #999;
}
.btn-actions:hover .fa-plus-circle{ color: #48c78e; }
.btn-actions:hover .fa-pen{ color: #4258ff; }
.btn-actions:hover .fa-trash{ color: #ff6685; }

  .btn-sm{
    font-size: 0.95rem;
    width: 34 px;
    padding: 0.5625rem;
  }
  .btn-primary,
  .btn-primary:hover{
    background: var(--primary);
  }

  .btn-disabled,
  .btn-disabled:hover{
    background: #eee;
    color: #777;
  }

  /*
.form-control{
  display: block;
  width: 100%;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5A6A85;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #DFE5EF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
  -webkit-box-shadow: inset 0 1px 2px rgba(var(--bs-body-color-rgb),0.075);
  box-shadow: inset 0 1px 2px rgba(var(--bs-body-color-rgb),0.075);
  -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}
*/

/* Structure */


    #sidebar-ul{
      list-style: none;
      padding-left: 0;
      margin-top: 0;
    } 

      .nav-small-cap {
        margin-top: 24px;
        color: #2A3547;
        font-size: 12px;
        font-weight: 700;
        padding: 3px 12px;
        line-height: 26px;
        text-transform: uppercase;
      }
      .sidebar-link {
        text-decoration: none;
        border-radius: 7px;
        color: #2A3547;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        white-space: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 25px;
        position: relative;
        margin: 0px 0px 2px;
        padding: 10px;
        gap: 15px;
        font-weight: 400;
      }

      .sidebar-item.active,
      .sidebar-item:hover{
        background-color: rgba(93,135,255,0.1);
      }
      .sidebar-item:hover > .sidebar-link,
      .sidebar-item:hover > .sidebar-link i{
        color: var(--primary) !important;
      }

      .sidebar-item.selected > .sidebar-link,
      .sidebar-item.active > .sidebar-link{
        background-color: var(--primary);
        color: #fff;
      }



      .sub-menu-list{
        padding-left: 20px;
        overflow: hidden;
        transition: 0.2s all ease-in-out;
        max-height: 0;
      }

      .sidebar-item:hover .sub-menu-list{
        max-height: 500px;
      }

/* CROP */
.modal-dialog { max-width: 80%; }

.modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}

#image-crop {
  max-width: 1100px;
  max-height: 600px;
  width: auto;
  height: auto;
}


/*** Section buttons */
.form-layout-options{
  display: flex;
  flex-wrap: wrap;
  align-items:center;
}

.form-check-inline{
  border: 2px solid #ddd;
  padding: 10px;
  border-radius: 12px;
  max-width: 180px;
  cursor: pointer !important;
  transition: 0.2s all ease-in-out;
}
.form-check-inline label{
  cursor: pointer;
}
.form-check-inline.active,
.form-check-inline:hover{
  border: 2px solid var(--primary);
}
.form-check-inline img{ width: 100%; pointer-events: none;}

.form-check-inline.active:before{
  content: '';
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: url(/panel/icon-choosed-option.svg) no-repeat center center;
  background-size: 100%;
}
.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;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

:root{
  --defaultFont: 'Inter', 'Verdana', 'Helvetica', 'Arial', sans-serif;

  --primary: #1A8BE7;
  --secondary: #797979;
  --dark: #1D1D1F;
  --light: #EFEFEF;
  
  --fs-small: 0.875rem; /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-6: 1.155rem;     /* 18.5px */
  --fs-medium: 1.375rem;/* 22px */
  --fs-5: 1.75rem;      /* 28px */
  --fs-4: 2.125rem;     /* 34px */
  --fs-3: 2.625rem;     /* 42px */
  --fs-2: 3rem;         /* 48px */
  --fs-1: 3.25rem;      /* 52px */
}

*{
  border: 0;
  border-collapse: collapse;
  box-sizing: border-box;
  font-family: var(--defaultFont);
  border-spacing: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 120%;
}

p, span, small, a, figcaption{ color: var(--dark); }

html, body{
  scroll-behavior: smooth;
  background: var(--light);
}

.lh-sm{ line-height: 100% !important; }

a,
button,
.transition {
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
}

.w-fit{ width: fit-content; }
.bg-none{ background: none; }

.fs-small{ font-size: var(--fs-small) !important; }
.fs-base{ font-size: var(--fs-base) !important; }
.fs-medium{ font-size: var(--fs-medium); }
.fs-1{ font-size: var(--fs-1) !important; }
.fs-2{ font-size: var(--fs-2) !important; }
.fs-3{ font-size: var(--fs-3) !important; }
.fs-4{ font-size: var(--fs-4) !important; }
.fs-5{ font-size: var(--fs-5) !important; }
.fs-6{ font-size: var(--fs-6) !important; }


/* custom titles */
.title-primary,
.title-secondary{ color: var(--dark); margin-bottom: 0; }

.title-secondary{ font-size: var(--fs-4); }
.title-primary{ font-size: var(--fs-3); }

@media screen and (max-width: 576px){
  .title-primary{ font-size: 1.42rem; }
  .title-secondary{ font-size: var(--fs-medium); }
}

.text-primary{ color: var(--primary) !important; }
.text-secondary{ color: var(--secondary) !important; }
.text-dark{ color: var(--dark) !important; }
.text-light{ color: var(--light) !important; }

.bg-primary{ background: var(--primary) !important; }
.bg-secondary{ background: var(--secondary) !important; }
.bg-light{ background: var(--light) !important; }

.border-primary{ border-color: var(--primary) !important; }
.border-secondary{ border-color: var(--secondary) !important; }

.shadow{ box-shadow: rgba(17,12,46,0.1) 0px 25px 30px 0px; }

.rounded-6{ border-radius: 20px; }
@media screen and (max-width: 768px){
  .rounded-6{ border-radius: 12px; }
}

.spacement-sections{ padding: 4rem 1.5rem; }
@media screen and (max-width: 768px){
  .spacement-sections{ padding: 2.5rem 1rem; }
}
@media (max-width: 1400px) {
  .container {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 300px){
  .container{ min-width: 264px !important; }
}

/* Swipers */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-button-next, .swiper-button-prev{
  z-index: 1;
}
@media screen and (min-widht: 576px){
  .swiper-slide{ padding:1px; }
}
.swiper-button-prev:after,
.swiper-button-next::after {
  background: url(/src/arrow.svg) no-repeat center center;
  background-size: contain;
  content: "";
  height: 20px;
  width: 17px;
}
.swiper-button-next:after { transform: rotate(180deg); }
.swiper-button-prev { left: -40px; }
.swiper-button-next { right: -40px; }
@media screen and (max-width: 1400px){
 .swiper-button-prev { left: -26px; }
  .swiper-button-next { right: -26px; } 
}

.swiper-pagination{ z-index: 3 !important; }

.swiper-button-disabled{ opacity: 0 !important; }

/* Modals */
.modal-body .btn-close{
  position: absolute;
  right: 22px;
  top: 22px;
  width: 50px;
  height: 50px;
}

/* Buttons */
.btn { width: fit-content; }

.btn-primary,
.btn-outline-primary{
  border: 1px solid var(--primary) !important;
}
.btn-primary{ background: var(--primary) !important; }
.btn-outline-primary{ background: none; }

.btn-outline-primary{ color: var(--primary); }
.btn-outline-primary:hover{ color: #fff; }

/* Grid */
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
@media screen and (max-width: 1046px){
  .grid-cols-4{ grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 660px){
  .grid-cols-4{ grid-template-columns: repeat(1, 1fr); }
}

.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
@media screen and (max-width: 991px){
  .grid-cols-3{ grid-template-columns: repeat(1, 1fr); }
}

.grid-cols-2{ grid-template-columns: repeat(2, 1fr); }
@media screen and (max-width: 1200px){
  .grid-cols-2{ grid-template-columns: repeat(1, 1fr); }
}

.main { margin-top: 170px; }
@media screen and (max-width: 991px){
  .main{ margin-top: 92px; }
}
@media screen and (max-width: 576px){
  .main{ margin-top: 84px; }
}
main.unfocused{
  overflow: hidden !important;
  filter: blur(30px);
}

.image-clip-path{
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

/* avatar thumbs */
.avatar-1,
.avatar-1 > img{
  min-width: 160px;
  width: 160px;
  height: 160px;
}
.avatar-2,
.avatar-2 > img{
  min-width: 100px;
  width: 100px;
  height: 100px;
}
.avatar-3,
.avatar-3 > img{
  min-width: 64px;
  width: 64px;
  height: 64px;
}
.avatar-4,
.avatar-4 > img{
  min-width: 36px;
  width: 36px;
  height: 36px;
}
.avatar-5,
.avatar-5 > img{
  min-width: 22px;
  width: 23px;
  height: 23px;
}

/* image cover pages */
.image-cover-content{
  background-color: #fff;
  background-size: cover;
  background-repeat: none;
  background-position: top center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.full-image-cover{ width: 100%; height: 520px; }
.content-image-cover{ width: 100%; height: 420px; }
@media screen and (max-width: 992px){
  .content-image-cover{ height: 360px; }
}
@media screen and (max-width: 768px){
  .full-image-cover{ height: 320px; }
}
@media screen and (max-width: 576px){
  .image-cover-with-gptw{
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
  .full-image-cover,
  .content-image-cover{ height: 200px; }
}

/* Accordions */
.accordion-contents > details{ border-bottom: 1px solid var(--secondary); }
.accordion-contents > details:last-child{ border-bottom: 0px; }
.accordion-contents > details>summary{ font-size: var(--fs-6); }
.accordion-contents > details > summary::-webkit-details-marker { display: none; }
.accordion-contents > details>p{ font-size: 1.125rem; }

@media screen and (max-width: 576px){
  .accordion-contents > details>summary{ font-size: var(--fs-base); }
  .accordion-contents > details>p{ font-size: var(--fs-small); }
}
.accordion-contents>details[open]>summary { font-weight: 600; }
.accordion-contents>details[open]>summary>i { transform: rotate(180deg); }
.accordion-custom-items > details{
  margin-bottom: 12px;
  border-bottom: 0px;
}
.accordion-custom-items > details > summary{
  background: #fff;
  border-radius: 0.9rem;
}
.accordion-custom-items > details > summary,
.accordion-custom-items > details > p{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.accordion-custom-items > details > p{ margin-top: 1rem; }

/* FAQ Accordion */
.faq-accordion-content > details{
  background: #fff;
  padding: 0px 26px;
  border-radius: 16px;
  border: 0px;
}
.faq-accordion-legend{ font-size: var(--fs-medium); }
@media screen and (max-width: 576px){
  .faq-accordion-legend{ font-size: var(--fs-base); }
}


/***** Card Items With Icons ******/
.card-item-title{ font-size: var(--fs-medium); }
.card-item-icon{ font-size: var(--fs-4); }
.card-item-legend,
.card-item-link{ font-size: var(--fs-base); }
@media screen and (max-width: 576px){
  .card-item-title{ font-size: var(--fs-base); }
}

.justify-items-center{ justify-items: center; }

.card-flow-row{ display: flex; }
.card-flow-col{ display: grid; gap: 1rem; }
.card-format-icon .card-item-icon{ color: var(--primary); }
.card-format-title .card-item-title{ font-weight: bold; }

.carousel-four-views img{ width: 100%; height: auto; }

/* Content Cards */
.content-card .content-card-text{ padding-left: 3rem; padding-right: 0; }
.content-card-reverse{ flex-direction: row-reverse; }
.content-card-reverse .content-card-text{ padding-left: 0; padding-right: 3rem; }
@media screen and (max-width: 992px){
  .content-card-reverse{ flex-direction: row; }
  .content-card-text{ padding: 0px !important; }
}

/* breadcrumbs */
.breadcrumb-link:hover{ color: var(--primary) !important; }
.breadcrumb-link,
.breadcrumb-current-page{ font-size: var(--fs-6); }
@media screen and (max-width: 576px){
  .breadcrumb-link,
  .breadcrumb-current-page{ font-size: var(--fs-small); }
}

/* LGPD Notify Bar */
#cookie-consent{
  position: fixed; 
  bottom: 16px;
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
}
#cookie-consent aside {
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
  border: 1px solid rgba(0, 0, 0, 0.1); /* Borda sutil para destaque */
}
#cookie-consent .content-lgpd-notify{ display: flex; flex-direction: column; }
#cookie-consent .content-lgpd-notify span,
#cookie-consent .content-lgpd-notify div{
  width: 100%
}


/* RD Forms */
#bricks-component-vE88NxrPUTeKIcGiUefOvw,
#bricks-component-c3DwzRjDBmDXWVhtbpU0tQ,
#bricks-component-lZSuHcXU3Ft_Fe_1lsh22g{ border: 0px !important; }
#rd-text-m0l95av4 h1,
#rd-text-m0l95av4 h1 strong,
#rd-text-m0l95av5 h4,
#rd-text-m0l95av5 h4 span,
#rd-static_text-m0l9k776 span,
#news_rd span,
#modal-cta-default span,
#modal-cta-default p
#modal-cta-default a{ font-family: 'Inter' !important; color: var(--dark) !important; }


#modal-cta-default .btn-close{ z-index: 4; }
#news_rd .bricks-form__input,
#modal-cta-default .bricks-form__input{ padding: 12px 18px !important; border-radius: 1rem !important; }
#modal-cta-default #s2id_autogen4{ border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; overflow: hidden !important; width: 60px !important;  }
#modal-cta-default #rd-phone_field-m0lefcnp{ margin-left: -5px !important; }
#bricks-component-IwWX8Oc6BOEdjvWrgeRKNw{ border: 0px !important; }

#razonet-cadastro-leads-site-621dbc5d262478d45eda{ width: 100% !important; }
#rd-text-m0z7oeo4 p,
#rd-text-m0z7oeo4 p strong{ font-family: 'Inter' !important; font-size: 28px !important; }
#rd-column-m0l95av6 > div{ padding: 0px 50px !important; }

#rd-static_text-m0lefcnt > span,
.bricks-form__field__option,
.bricks-form__label{ font-family: 'Inter' !important; color: var(--dark) !important; }

#rdstation-bricks-embeddable-form-bricks-component-c3DwzRjDBmDXWVhtbpU0tQ .bricks-form__submit,
#rdstation-bricks-embeddable-form-bricks-component-lZSuHcXU3Ft_Fe_1lsh22g .bricks-form__submit{ width: fit-content !important; }
#rdstation-bricks-embeddable-form-bricks-component-c3DwzRjDBmDXWVhtbpU0tQ .bricks-form__submit{ margin: 0 auto !important; }
#rd-button-m0l95avf.bricks--component-button,
#rd-button-m0l95avf.bricks--component-button{
  width: fit-content !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  font-size: 15px !important;
}


@media screen and (max-width: 768px){
  #rd-text-m0z7oeo4 p,
  #rd-text-m0z7oeo4 p strong{ font-size: 20px !important; }
  #rd-column-m0l95av6 > div{ 
    padding: 0px 24px !important;
  }
}


/** pagination ***/
/* Ocultando os botões "Anterior" e "Próximo" */
.pagination{ display: flex; gap: 6px; }

.pagination .first,
.pagination .last{ display: none !important; }

.pagination a,
.pagination .current{
  display: flex;
  width: 38px;
  height: 38px;
  border-radius: 4px;
  overflow:hidden;
  font-size: var(--fs-6);
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #fff;
  text-decoration: none;
  color: var(--secondary);
}

.pagination a:hover,
.pagination .current{
  font-weight: bold;
  color: #fff;
  background: var(--primary);
}