/**
* Theme Name: Tricamp
*/


:root {
  --bs-blue: #2f3764;
  --bs-indigo: #6610f2;
  --bs-purple: #5533ff;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #50d85a;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #1d8eea;
  --bs-secondary: #15247a;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #dfdfdf;
  --bs-dark: #212529;
  --bs-font-sans-serif: 'Open Sans', sans-serif;
  --bs-font-monospace: 'Open Sans', sans-serif;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
}

* {
  color: #73737e;
}

html {
  font-size: 62.5%;
  /* 1rem = 10px */
}

body {
  font-size: 1.6rem;
  /* 16px */
}

.p-20 {
  padding: 2rem !important;
}

.ps-20 {
  padding-left: 2rem !important;
}

.pe-20 {
  padding-right: 2rem !important;
}

.py-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important
}

.px-20 {
  padding-right: 2rem !important;
  padding-left: 2rem !important
}

.pt-20 {
  padding-top: 2rem !important;
}

.p-30 {
  padding: 3rem !important;
}

.ps-30 {
  padding-left: 3rem !important;
}

.pe-30 {
  padding-right: 3rem !important;
}

.py-30 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-30 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pt-30 {
  padding-top: 3rem !important;
}

.pb-30 {
  padding-bottom: 3rem !important;
}

.p-50 {
  padding: 5rem !important;
}

.ps-50 {
  padding-left: 5rem !important;
}

.pe-50 {
  padding-right: 5rem !important;
}

.py-50 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-50 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.pt-50 {
  padding-top: 5rem !important;
}

.pb-50 {
  padding-bottom: 5rem !important;
}

.p-60 {
  padding: 6rem !important;
}

.ps-60 {
  padding-left: 6rem !important;
}

.pe-60 {
  padding-right: 6rem !important;
}

.py-60 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px-60 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.pt-60 {
  padding-top: 6rem !important;
}

.pb-60 {
  padding-bottom: 6rem !important;
}

.p-70 {
  padding: 7rem !important;
}

.ps-70 {
  padding-left: 7rem !important;
}

.pe-70 {
  padding-right: 7rem !important;
}

.py-70 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.px-70 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.pt-70 {
  padding-top: 7rem !important;
}

.pb-70 {
  padding-bottom: 7rem !important;
}

.p-75 {
  padding: 7.5rem !important;
}

.ps-75 {
  padding-left: 7.5rem !important;
}

.pe-75 {
  padding-right: 7.5rem !important;
}

.px-75 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.py-75 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.pt-75 {
  padding-top: 7.5rem !important;
}

.pb-75 {
  padding-bottom: 7.5rem !important;
}

.p-90 {
  padding: 9rem !important;
}

.ps-90 {
  padding-left: 9rem !important;
}

.pe-90 {
  padding-right: 9rem !important;
}

.py-90 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.px-90 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.pt-90 {
  padding-top: 9rem !important;
}

.pb-90 {
  padding-bottom: 9rem !important;
}

.p-120 {
  padding: 12rem !important;
}

.ps-120 {
  padding-left: 12rem !important;
}

.pe-120 {
  padding-right: 12rem !important;
}

.py-120 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.px-120 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.pt-120 {
  padding-top: 12rem !important;
}

.pb-120 {
  padding-bottom: 12rem !important;
}

.pb-160 {
  padding-bottom: 16rem !important;
}

.m-10 {
  margin: 1rem !important;
}

.ms-10 {
  margin-left: 1rem !important;
}

.me-10 {
  margin-right: 1rem !important;
}

.my-10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-10 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}


.m-20 {
  margin: 2rem !important;
}

.ms-20 {
  margin-left: 2rem !important;
}

.me-20 {
  margin-right: 2rem !important;
}

.my-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mx-20 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.ms-30 {
  margin-left: 3rem !important;
}

.me-30 {
  margin-right: 3rem !important;
}

.my-30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-30 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.m-50 {
  margin: 5rem !important;
}

.ms-50 {
  margin-left: 5rem !important;
}

.me-50 {
  margin-right: 5rem !important;
}

.my-50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx-50 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mt-50 {
  margin-top: 5rem !important;
}

.mb-50 {
  margin-bottom: 5rem !important;
}

.m-60 {
  margin: 6rem !important;
}

.ms-60 {
  margin-left: 6rem !important;
}

.me-60 {
  margin-right: 6rem !important;
}

.my-60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mx-60 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mt-60 {
  margin-top: 6rem !important;
}

.mb-60 {
  margin-bottom: 6rem !important;
}

.m-70 {
  margin: 7rem !important;
}

.ms-70 {
  margin-left: 7rem !important;
}

.me-70 {
  margin-right: 7rem !important;
}

.my-70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mx-70 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mt-70 {
  margin-top: 7rem !important;
}

.mb-70 {
  margin-bottom: 7rem !important;
}

.m-75 {
  margin: 7.5rem !important;
}

.ms-75 {
  margin-left: 7.5rem !important;
}

.me-75 {
  margin-right: 7.5rem !important;
}

.my-75 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.mx-75 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.mt-75 {
  margin-top: 7.5rem !important;
}

.mb-75 {
  margin-bottom: 7.5rem !important;
}

.m-120 {
  margin: 12rem !important;
}

.ms-120 {
  margin-left: 12rem !important;
}

.me-120 {
  margin-right: 12rem !important;
}

.my-120 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.mx-120 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.mt-120 {
  margin-top: 12rem !important;
}

.mb-120 {
  margin-bottom: 12rem !important;
}

.w-60 {
  width: 60% !important;
}



.bg-primary {
  --bs-bg-opacity: 1;
  background-color: #1d8eea !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-secondary) !important;
}

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: var(--bs-blue) !important;
}

.bg-light-blue {
  --bs-bg-opacity: 1;
  background-color: #f2fcff !important;
}

.btn-white {
  background: #fff;
}

.btn-primary {
  background-color: var(--bs-primary) !important;
}

.btn-secoundary {
  background-color: var(--bs-secondary) !important;
}


a {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

hr {
  color: #dfdfdf !important;
}

h1 {
  font-size: 5.4rem !important;
}

.lh-60 {
  line-height: 6.0rem;
}

.text-primary {
  --bs-text-opacity: 1;
  color: #1d8eea !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary) !important;
}

.text-green {
  --bs-text-opacity: 1;
  color: #50d85a !important;
}

.text-dark-blue {
  color: #111b4f !important;
}

.fs-54 {
  font-size: 5.4rem !important;
}

.fs-48 {
  font-size: 4.8rem !important;
}

.fs-40 {
  font-size: 4rem !important;
}

.fs-36 {
  font-size: 3.6rem !important;
}

.fs-28 {
  font-size: 2.8rem !important;
}

.fs-22 {
  font-size: 2.2rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.bbw-10 {
  border-bottom-width: 1rem !important;
}

.bb-1 {
  border: none !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: var(--bs-light) !important;
}

.bb-2 {
  border: none !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  border-bottom-color: var(--bs-light) !important;
}

.bw-2 {
  border-width: 2px !important;
}

.s-100 {
  height: 10rem !important;
  width: 10rem !important;
  display: inline-block !important;
  line-height: 10rem !important;
}

.border-light {
  border-color: var(--bs-light) !important;
}

/* Esconde ícone padrão do Bootstrap */
.navbar-toggler-icon {
  display: none;
}


.navbar-toggler .icon-opened {
  display: inline;
}

.navbar-toggler .icon-closed {
  display: none;
}

.collapsed .icon-closed {
  display: inline;
}

.collapsed .icon-opened {
  display: none;
}

nav.navbar {
  border-bottom: 1px solid #dfdfdf !important;
}

.navbar-nav a {
  border: 3px solid transparent;
  line-height: 10.3rem;
  font-size: 1.8rem;
  border-bottom-color: white !important;
}

.navbar-nav a:hover,
.navbar-nav .active {
  color: var(--bs-primary) !important;
  background: linear-gradient(to bottom, #1d8eea .3rem, #ffffff .3rem) !important;
  border-bottom-color: white !important;
}


a.call {
  color: #000 !important;
  font-size: 1.5rem;
  ;
}

a.call i {
  font-size: 5.6rem;
}

a.call:hover {
  color: #1d8eea !important;
  border-color: transparent !important;
}

.list-style-square {
  list-style-type: square;
  padding-left: .5rem;
  /* recuo opcional */
}

.list-style-square .list-group-item {
  list-style-type: square;
  display: list-item;
  /* ESSENCIAL: volta o marcador */
}

.solucoes h5 {
  font-size: 1.4rem;
}

.carousel-item {
  height: calc(100vh - 12rem);
  /* altura total da viewport */
}

.slide-cover-img {
  height: 100vh;
  object-fit: cover;
}



.solucoes-section li {
  font-size: 1.8rem;
}

.solucoes-section i {
  padding: 5px 8px;
}


.depoimentos-section {
  background: #2f3764;
  padding-bottom: 15.0rem;
  position: relative;
  z-index: 1;
}

.depoimentos-section .floating-cards {
  position: absolute;
  bottom: -22.0rem;
  left: 0;
  right: 0;
  z-index: 2;
}

.depoimentos-section .testimonial-card {
  background-color: #002266;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}


.news-section {
  background: #fff;
}

.news-section .capa {
  position: relative;
  display: inline-block;
  width: 100%;
}

.news-section .capa .badge {
  position: absolute;
  top: 20px;
  left: 20px;
}

.news-section .capa .pin {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.news-section h3 {
  font-size: 2.0rem;
}

.news-section h3 a {
  line-height: 3.2rem !important;
}

.page-home .news-section .capa img {
  height: 25.0rem !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.contato-section h1 {
  font-size: 6.5rem !important;
  font-weight: 400;
}

.contato-section i {
  height: 6.0rem;
  width: 6.0rem;
  display: block;
  line-height: 6.0rem;
}

.page-sobre h1 {
  font-size: 7.4rem !important;
}



.page-sobre .fullwidth-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.page-sobre .fullwidth-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-sobre .capa {
  position: relative;
  display: inline-block;
  width: 100%;
}

.page-sobre .capa .destaque {
  position: absolute;
  top: 60px;
  left: 0;
}

.page-sobre .capa h3 {
  font-size: 4.8rem !important;
}

.page-sobre .capa .fs-1 {
  font-size: 6.0rem !important;
}

.page-sobre .capa p {
  font-size: 1.8rem !important;
}

.page-sobre .mmv h3 {
  font-size: 3.6rem !important;
}

.page-sobre .mmv h3 small {
  font-size: 2.2rem !important;
  padding: 16px 18px !important;
}

.page-sobre .equipe-section a {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 4.0rem;
}

.page-sobre .equipe-section h4 {
  font-size: 1.8rem !important;
}

.page-sobre .equipe-section h5 {
  font-size: 1.6rem !important;
}

.page-solucoes h1 {
  font-size: 7.0rem !important;
}

/* .page-solucoes h2 {
  font-size: 3.6rem !important;
} */

.page-solucoes .checklist i {
  padding: 5px 8px;
}

.page-solucoes .conheca-section .text-secondary {
  color: #0a3054 !important;
}

.page-solucoes .aprimorar-section h2 {
  font-size: 4.8rem !important;
}

.page-solucoes .aprimorar-section h3 {
  font-size: 2.2rem !important;
}

.page-solucoes .aprimorar-section p {
  color: #dfdfdf !important;
}

.page-solucoes .solucoes-section h1 {
  font-size: 5.4rem !important;
}

.page-blog .blog-section .bg {
  background: #0b3054 url('./assets/img/bg-blog2.png') no-repeat top right;
  background-size: cover;
}

.page-blog .blog-section .bg-blog {
  background-color: #0b3054;
}

.page-blog .news-section .capa img {
  height: 380px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.pagination a,
.pagination .active span {
  padding: 0;
  line-height: 6.0rem;
  width: 6.0rem;
  height: 6.0rem;
  text-align: center;
  border: none;
  margin-right: 2.0rem;
}

.pagination a:hover {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.fullwidth-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.fullwidth-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.bg-footer {
  background: #111b4f !important;
}


.slider-track {
  transition: transform 0.3s ease-in-out;
}

.slick-prev:before,
.slick-next:before {
  content: none !important;
}

.custom-arrow {
  background: transparent;
  color: white;
  border: none;
  width: 4.0rem;
  height: 4.0rem;
  font-size: 3.4rem !important;
  border-radius: 50%;
  z-index: 10;
  font-size: 1.5rem;
}

.slick-prev {
  left: -5.0rem;
}

.slick-next {
  right: -5.0rem;
}

.slick-prev,
.slick-next {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.logo-box {
  height: 20.0rem !important;
}

.card:has(.linkedin){

  margin-top: 40px!important;
}

.linkedin {
  width: 100%;
  background-size: contain;
  background-position: 0;
  background-image: url('../../uploads/capa-linkedin.png');
  background-repeat: no-repeat;
  background-position: top;
}

.page-blog-single .share-buttons a {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 4.0rem;
}


.footer .container {
  border-bottom: 1.0rem solid #1d8eea;
}

.footer h2 {
  font-size: 2.2rem !important;
  font-weight: 40.0rem !important;
}

.cncb-js-restore {
  color: #fff !important;
}

#btnTop {
  display: none; /* oculto por padrão */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1050;
}

.bi-spin {
  display: inline-block;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (max-width: 576px) {

  .me-sm-20 {
    margin-left: 2rem !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .hide-mobile {
    display: none !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .p-sm-30 {
    padding: 3rem !important;
  }

  .px-sm-30 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-sm-30 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pts-45 {
    padding-top: 4.5rem !important;
  }

  .pt-sm-60 {
    padding-top: 6.0rem !important;
  }

  .ws-75 {
    width: 75% !important;
  }

  .fs-sm-42 {
    font-size: 4.2rem !important;
  }

  .fs-sm-64 {
    font-size: 6.4rem !important;
  }

  .navbar:has(.show),.navbar:has(.collapsing)  {
    background-color: #1d8eea!important;
  }

  .navbar:has(.collapsed)  {
    background-color: #fff!important;
  }

  .navbar:has(.show) .logo,.navbar:has(.collapsing) .logo {
    display: none !important;
  }

  .navbar:has(.collapsed) .logo  {
    display: block !important;
  }


  .navbar:has(.show) .logo-branca,.navbar:has(.collapsing) .logo-branca {
    display: block !important;  
  }

  .navbar:has(.collapsed) .logo-branca  {
    display: none !important;
  }

  .navbar .container {
    padding: 0 !important;
    margin: 0 !important;
  }

  .navbar .container .ms-5 {
    margin-left: 0 !important;
  }

  .navbar .container a {
    /* padding-left: 50px; */
    text-align: center;
    text-transform: uppercase;
    border-bottom-color: #1d8eea !important;
    color: #fff!important;
  }

  .navbar .container a.active, .navbar .container a:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #1d8eea !important;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .page-sobre h1 {
    font-size: 6rem !important;
  }

  .page-solucoes h1 {
    font-size: 6rem !important;
  }

  .depoimentos-section .floating-cards {
    position: unset;
  }

  .solucoes-section .container, .news-section .container {
    padding: 0!important;
    margin: 0!important;
  }

  .footer {
    text-align: center !important;
  }
}