hero/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
  body {
    font-family: "Inter" !important;
    margin: 0;
  }

  a {
    text-decoration: none;
    transition: 0.3s;
  }

  a:hover {
    text-decoration: none;
  }

  .main { padding-top: 90px; }

  @media (max-width: 767px) {
    .main { padding-top: 70px; }
  }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
  .header {
    padding: 20px 0;
    transition: all 0.5s;
    z-index: 997;
    border-bottom: 1px solid #EBE9F5;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
  }

  .header .logo img {
    height: 50px;
  }

  @media (max-width: 767px) {
    .header {
      padding: 10px 0;
      background: rgba(255, 255, 255, 1);
    }
  }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
  @media (min-width: 1200px) {
    .navmenu {
      padding: 0;
    }

    .navmenu ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
    }

    .navmenu li {
      position: relative;
    }

    .navmenu a,
    .navmenu a:focus {
      color: #05050F;
      font-size: 15px;
      font-weight: 500;
      line-height: normal;
      padding: 10px 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      white-space: nowrap;
      transition: all 0.5s;
      border-radius: 150px;
    }

    .navmenu a:hover,
    .navmenu a:focus,
    .navmenu a:active,
    .navmenu li:hover>a,
    .navmenu .active,
    .navmenu .active:focus {
      background: #EBE9F5;
    }

    .navmenu .dropdown ul {
      margin: 0;
      padding: 10px 0;
      background: var(--nav-dropdown-background-color);
      display: block;
      position: absolute;
      visibility: hidden;
      left: 14px;
      top: 130%;
      opacity: 0;
      transition: 0.3s;
      border-radius: 4px;
      z-index: 99;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }

    .navmenu .dropdown ul li {
      min-width: 200px;
    }

    .navmenu .dropdown ul a {
      padding: 10px 20px;
      font-size: 15px;
      text-transform: none;
      color: var(--nav-dropdown-color);
    }

    .navmenu .dropdown ul a i {
      font-size: 12px;
    }

    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul li:hover>a {
      color: var(--nav-dropdown-hover-color);
    }

    .navmenu .dropdown:hover>ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
    }

    .navmenu .dropdown .dropdown ul {
      top: 0;
      left: -90%;
      visibility: hidden;
    }

    .navmenu .dropdown .dropdown:hover>ul {
      opacity: 1;
      top: 0;
      left: -100%;
      visibility: visible;
    }
  }

  /* Navmenu - Mobile */
  @media (max-width: 1199px) {
    .mobile-nav-toggle {
      color: #2D3183;
      font-size: 28px;
      line-height: 0;
      margin-right: 10px;
      cursor: pointer;
      transition: color 0.3s;
    }

    .navmenu {
      padding: 0;
      z-index: 9997;
    }

    .navmenu ul {
      display: none;
      list-style: none;
      position: absolute;
      inset: 80px 0 20px 0;
      padding: 10px 0;
      margin: 0;
      overflow-y: auto;
      transition: 0.3s;
      z-index: 9998;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
      border-radius: 30px;
      border: 1px solid rgba(255, 255, 255, 0.20);
      background: rgba(20, 20, 22, 0.60);
      backdrop-filter: blur(10px);
    }

    .navmenu a,
    .navmenu a:focus {
      color: #FFF;
      font-size: 14px;
      font-weight: 400;
      padding: 15px 20px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      transition: 0.3s;
    }

    .header .btn-consultas, .header .btn-consultas:focus {
      margin: 10px;
    }

    .mobile-nav-active {
      overflow: hidden;
    }

    .mobile-nav-active .mobile-nav-toggle {
      color: #fff;
      position: absolute;
      font-size: 32px;
      top: 15px;
      right: 15px;
      margin-right: 0;
      z-index: 9999;
    }

    .mobile-nav-active .navmenu {
      position: fixed;
      overflow: hidden;
      inset: 0;
      background: rgba(33, 37, 41, 0.8);
      transition: 0.3s;
      top: 0;
      bottom: 0;
      height: 100vh;
      left: 0;
      right: 0;
    }

    .mobile-nav-active .navmenu>ul {
      display: block;
    }
  }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
  .footer {
    background: #EBE9F5;
    padding: 20px;
  }

  .footer .links h4 {
    color: #15153D;
    font-size: 16px;
    font-weight: 700;
  }

  .footer .links a {
    color: #2D2E83;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.5s;
    cursor: pointer;
    display: block;
    padding: 5px 0;
  }

  .footer .links a:hover {
    opacity: 0.5;
    text-decoration: underline;
  }

  .footer img {
    max-width: 150px;
    margin: 20px 0;
  }

  .footer p {
    color: #2D2E83;
    font-size: 10px;
    font-weight: 500;
  }

  .btns-footer a {
    display: block;
    margin: 10px 0;
    text-align: center;
  }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
  #preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    transition: all 0.6s ease-out;
  }

  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #ffffff;
    border-color: #6228E1 transparent #6228E1 transparent;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: animate-preloader 1.5s linear infinite;
  }

  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
  .scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 26px;
    bottom: -35px;
    z-index: 99999;
    background-color: #E05928;
    border: 1px solid #E05928;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
  }

  .scroll-top i {
    font-size: 24px;
    color: #FFF;
    line-height: 0;
  }

  .scroll-top:hover {
    border-radius: 150px;
    background: #E05928;
    box-shadow: 0 0 16.6px 0 #E05928;
    color: #FFF;
  }

  .scroll-top.active {
    visibility: visible;
    opacity: 1;
    bottom: 35px;
  }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .scroll-top {
    display: none !important;
  }
}

/*--------------------------------------------------------------
# BOTÕES
--------------------------------------------------------------*/
  .btn-laranja {
    border-radius: 150px;
    background: #E94E1B;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    transition: all 0.5s;
    cursor: pointer;
    padding: 10px 20px;
  }

  .btn-login,
  .btn-login:focus {
    border-radius: 150px;
    background: rgba(174, 168, 210, 0.40);
    border: 1px solid rgba(174, 168, 210, 0);
    color: #2D2E83;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    margin: 0;
    transition: all 0.3s;
    cursor: pointer;
  }

  .btn-login:hover,
  .btn-login:focus:hover {
    border: 1px solid #AEA8D2;
    background: rgba(174, 168, 210, 0.00);
    color: #2D2E83;
  }

  .btn-consultas,
  .btn-consultas:focus {
    border-radius: 150px;
    background: #2D2E83;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #2D2E83;
    padding: 8px 20px;
    margin: 0 0 0 10px;
    transition: all 0.3s;
    cursor: pointer;
  }

  .btn-consultas:hover,
  .btn-consultas:focus:hover {
    color: #FFF;
    border: 1px solid #15153D;
    background: #15153D;
  }

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0;
  scroll-margin-top: 90px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 66px;
  }
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
  .section-title {
    color: #05050F;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
  }

  .section-subtitle {
    color: #6159A0;
    font-size: 18px;
    font-weight: 400;
  }

  @media (max-width: 767px) {
    .section-title {
      font-size: 26px;
      text-align: left !important;
    }
  }

/*--------------------------------------------------------------
# BANNER
--------------------------------------------------------------*/
  .hero {
    position: relative;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 100px 0;
    background-position: top right;
    background-size: cover;
  }

  .hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(21, 21, 61, 0.90) 0%, rgba(21, 21, 61, 0.00) 100%);
    z-index: 1;
  }

  .hero .container,
  .hero .container-fluid {
    position: relative;
    z-index: 2;
  }

  .hero .content-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 3rem;
  }

  @media (max-width: 991px) {
    .hero .content-col {
      padding-right: 15px;
      margin-bottom: 3rem;
    }
  }

  .hero .main-heading h1 {
    color: #FFF;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
  }

  @media (max-width: 991px) {
    .hero .main-heading h1 {
      font-size: 36px;
    }
  }

  @media (max-width: 575px) {
    .hero .main-heading h1 {
      font-size: 30px;
    }
  }

  @media (max-width: 767px) {
    .hero {
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #000;
    }

    .hero .main-heading h1 {
      font-size: 3rem;
    }

    .hero .content {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  }

  .hero .description {
    margin-bottom: 2.5rem;
  }

  .hero .description p {
    color: #FFF;
    font-size: 45px;
    font-weight: 600;
  }

  .cta-button .btn {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    border-radius: 150px;
    background: #E94E1B;
    border: unset;
    display: inline-flex;
    align-items: center;
    padding: 7px 20px 12px;
    letter-spacing: 1px;
    transition: all 0.5s ease;
  }

  .cta-button .btn:hover {
    color: #FFF;
    border-radius: 150px;
    background: #95300F;
  }

  @media (max-width: 767px) {
    .hero {
      min-height: auto;
      padding: 120px 0 60px 0;
      background-position: center;
    }
    
    .hero .main-heading h1 {
      font-size: 18px !important;
      text-align: center;
    }

    .hero .description p {
      font-size: 21px !important; 
      line-height: 1.2;
      text-align: center;
    }

    .cta-button .btn {
      font-size: 18px;
      width: 100%;
      justify-content: center;
    }
  }

/*--------------------------------------------------------------
# BENEFICIOS
--------------------------------------------------------------*/
  .beneficio-box img {
    width: 30px;
    margin-bottom: 15px;
  }

  .beneficio-box h4 {
    color: #2D2E83;
    font-size: 24px;
    font-weight: 700;
  }

  .beneficio-box p {
    color: rgba(21, 21, 61, 0.80);
    font-size: 17px;
    font-weight: 400;
    width: 70%;
  }

  @media (max-width: 768px) {
    .beneficio-box {
      margin-bottom: 30px;
      flex: auto;
    }

    .beneficio-box p {
      width: 100%; /* Ocupar a largura total no mobile */
      margin: 0 auto;
    }
  }

/*--------------------------------------------------------------
# TIPOS DE PLANOS
--------------------------------------------------------------*/
  .box-tipo-planos {
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    padding: 80px 50px;
  }

  .box-tipo-planos.individual {
    background: linear-gradient(180deg, rgba(21, 21, 61, 0.00) 0%, #15153D 100%), url("../img/Card-Individual.webp") lightgray -103.886px 41.081px / 185.319% 88.317% no-repeat;
    background-size: cover;
    background-position: top center;
  }

  .box-tipo-planos.familiar {
    background: linear-gradient(180deg, rgba(21, 21, 61, 0.00) 0%, #15153D 100%), url("../img/Card-Familia.jpg") lightgray -103.886px 41.081px / 185.319% 88.317% no-repeat;
    background-size: cover;
    background-position: top;
  }

  .box-tipo-planos.empresarial {
    background: linear-gradient(180deg, rgba(21, 21, 61, 0.00) 0%, #15153D 100%), url("../img/Card-Empresa.jpg") lightgray -103.886px 41.081px / 185.319% 88.317% no-repeat;
    background-size: cover;
    background-position: top center;
  }

  .box-tipo-planos h4 {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    margin-top: 250px;
  }

  .box-tipo-planos p {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
  }

  @media (max-width: 768px) {
    .box-tipo-planos {
      margin-bottom: 20px;
      padding: 40px 20px;
    }
    
    .box-tipo-planos h4 {
      margin-top: 150px; /* Reduz o espaço superior no mobile */
    }
  }

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
  .cta {
    padding: 10% 0;
    background-image: url('../img/cta.png'), url('../img/cta2.png'); 
    background-repeat: no-repeat, no-repeat;
    background-position: center left, center right;
    background-size: contain, contain;
    background-color: #EBE9F5;
    text-align: center;
  }

  .cta h2 {
    color: #05050F;
    font-size: 34px;
    font-weight: 600;
  }

  .cta p {
    color: rgba(21, 21, 61, 0.80);
    font-size: 24px;
    font-weight: 500;
  }

  @media (max-width: 768px) {
    .cta {
      padding: 60px 20px;
      background-image: none; /* Imagens laterais do CTA costumam poluir no mobile */
      background-color: #EBE9F5;
    }

    .cta h2 { font-size: 26px; }
    .cta p { font-size: 18px; }
  }

/*--------------------------------------------------------------
# PASSOS
--------------------------------------------------------------*/
  .passos h2 {
    color: #05050F;
    font-size: 34px;
    font-weight: 600;
  }

  .box-passos {
    border-radius: 20px;
    background: #EBE9F5;
    padding: 20px;
    padding-top: 40px;
  }

  .box-passos img {
    width: 75px;
    margin-bottom: 15px;
  }

  .box-passos p {
    color: rgba(5, 5, 15, 0.80);
    font-size: 15px;
    font-weight: 500;
  }

  .box-passos .line {
    width: 55px;
    height: 2px;
    background: rgba(45, 49, 131, 0.13);
  }

  @media (max-width: 768px) {
    .box-passos {
      margin: 15px 30px;
      width: auto;
    }

    .passos .seta-baixo img {
      width: 30px;
    }
  }

/*--------------------------------------------------------------
# USOS
--------------------------------------------------------------*/
  .box-usos {
    border-radius: 20px;
    border: 1px solid #EBE9F5;
    background: #FFF;
    overflow: hidden;
  }

  .box-usos .back {
    background-position: top right;
    background-size: cover;
    width: 100%;
    height: 280px;
  }
  
  .box-usos .back-uso {
    background-image: url("../img/OqFazer.webp");
  }
  
  .box-usos .back-quem {
    background-image: url("../img/ParaQuemEh.jfif");
  }
  
  .box-usos .content {
    padding: 35px;
  }

  .box-usos img {
    height: 35px;
    margin-bottom: 20px;
  }

  .box-usos h3 {
    color: #05050F;
    font-size: 26px;
    font-weight: 600;
  }

  .box-usos ul {
    margin: 0;
    padding: 0 17px;
    list-style: unset;
    list-style-image: url("../img/icones/Arrow.svg");
  }

  .box-usos ul li {
    color: rgba(21, 21, 61, 0.80);
    font-size: 20px;
    font-weight: 500;
    padding-top: 5px;
  }

  @media (max-width: 768px) {
    .usos {
      padding-top: 0;
    }

    .usos .col {
      padding: 0;
      margin-bottom: 20px;
    }

    .box-usos {
      border-radius: unset;
      border: unset;
    }
  }

/*--------------------------------------------------------------
# PLANOS
--------------------------------------------------------------*/
  .planos {
    background: #EBE9F5;
    padding: 60px 30px;
  }

  .plano-card {
    border-radius: 20px;
    background: #FFF;
    padding: 40px 20px 30px 20px; /* Um pouco mais de padding no topo para a label */
    border: 1px solid transparent;
    transition: all 0.5s;
    height: 100%; /* Garante altura igual entre os cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* Elementos do Header */
  .plano-card .plano-header .plano-icon-main {
    position: relative;
  }

  .plano-card .plano-header .plano-icon-main img {
    max-height: 70px;
    position: relative;
  }

  .plano-card .plano-header .plano-icon-main::before {
    content: "";
    position: absolute;
    border-radius: 150px;
    background: #D9EAFB;
    height: 100px;
    width: 100px;
    left: calc(50% - 50px);
    top: -15px;
    z-index: 0;
  }

  .plano-card .plano-header .plano-titulo {
    color: #15153D;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 10px;
  }

  .plano-card .plano-header .plano-subtitulo {
    color: #2D2E83;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }

  .plano-card .plano-header .plano-descricao {
    color: #61606B;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
    max-width: 80%;
    margin: 0 auto;
  }

  .plano-card.azul .badge {
    background: #0033A9;
  }

  .plano-card.laranja .badge {
    background: #E94E1B;
  }

  .plano-card.verde .badge {
    background: #00C324;
  }

  /* Divisores horizontais */
  .plano-card .plano-divider {
    border-top: 1px solid #EBE9F5;
    margin: 20px 0;
    opacity: 1;
  }

  /* Bloco de Preço */
  .plano-card .plano-pricing {
    text-align: center;
    padding: 0;
    color: #15153D;
    line-height: 1;
  }

  .plano-card .plano-pricing .price {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2D3183;
  }

  .plano-card .plano-pricing .currency {
    font-size: 16px;
    font-weight: 700;
    margin-right: 4px;
  }

  .plano-card .plano-pricing .amount {
    font-weight: 800;
    font-size: 42px;
  }

  .plano-card .plano-pricing .period {
    font-size: 15px;
    margin-left: 5px;
    font-weight: 400;
  }

  /* Lista de Benefícios (Flexbox com Ícone ao Lado) */
  .plano-card .plano-features {
    padding: 10px 10px;
    flex: 1;
  }

  .plano-card .plano-features .beneficios .beneficio-icon {
    position: relative;
    display: flex;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
  }

  .plano-card .plano-features .beneficios .beneficio-icon img {
    max-width: 20px;
    max-height: 25px;
    z-index: 1;
    position: relative;
  }

  .plano-card .plano-features .beneficios .beneficio-icon::before {
    content: "";
    position: absolute;
    border-radius: 150px;
    background: #D9EAFB;
    height: 40px;
    width: 40px;
    left: 0px;
    top: 0px;
    z-index: 0;
  }

  .plano-card .plano-features .beneficio-texto p {
    color: #15153D;
    font-size: 16px;
    line-height: 1;
    margin: 0;
  }

  .plano-card.azul .plano-features .beneficios .beneficio-icon::before {
    background: #0033A9;
  }

  .plano-card.laranja .plano-features .beneficios .beneficio-icon::before {
    background: #E94E1B;
  }

  .plano-card.verde .plano-features .beneficios .beneficio-icon::before {
    background: #00C324;
  }

  /* Botão de Ação */
  .plano-card .btn-plano {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 20px;
    border-radius: 150px;
    background: #2D3183;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s;
    cursor: pointer;
    text-decoration: none;
  }

  .plano-card .btn-plano:hover {
    background: #15153D;
    color: #FFF;
  }

  .plano-card .btn-plano img {
    height: 18px;
    margin-right: 10px;
    margin-bottom: -3px;
  }

  /* Hover no Card Branco */
  .plano-card:hover {
    border: 1px solid #EBE9F5;
    background: #FFF;
    box-shadow: 0 15px 35px 0 rgba(45, 49, 131, 0.15);
  }

  /*--------------------------------------------------------------
  # CONFIGURAÇÕES DO CARD RECOMENDADO (ESCURO)
  --------------------------------------------------------------*/
  .plano-card.plano-recomendado {
    background: #111439; /* Azul bem escuro da imagem */
    position: relative;
  }

  .plano-card.plano-recomendado:hover {
    background: #15153D;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.3);
  }

  /* Label Laranja Superior */
  .plano-card.plano-recomendado .label-recomendado {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 150px;
    background: #E94E1B; /* Laranja vibrante */
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 6px 24px;
    letter-spacing: 0.5px;
    white-space: nowrap;
  }

  /* Inversão de cores de textos internos no Card Escuro */
  .plano-card.plano-recomendado .plano-header .plano-titulo,
  .plano-card.plano-recomendado .plano-descricao,
  .plano-card.plano-recomendado .plano-pricing .price,
  .plano-card.plano-recomendado .plano-features .beneficio-texto p {
    color: #FFF;
  }

  .plano-card.plano-recomendado .plano-header .plano-subtitulo {
    color: #E94E1B; /* Texto laranja de apoio "Mais cuidado para quem você ama!" */
    font-weight: 600;
  }

  .plano-card.plano-recomendado .plano-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Botão Laranja no Card Recomendado */
  .plano-card.plano-recomendado .btn-plano {
    background: #E94E1B;
  }

  .plano-card.plano-recomendado .btn-plano:hover {
    background: #FF6633;
  }

  .planos-info {
    color: #2D2E83;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
  }

  .planos-info i {
    font-size: 22px;
    margin-right: 5px;
  }

/*--------------------------------------------------------------
# RESPONSIVIDADE
--------------------------------------------------------------*/
@media (max-width: 992px) {
  .planos {
    padding: 40px 15px;
  }
  
  .plano-card {
    margin-bottom: 40px;
  }
}
/*--------------------------------------------------------------
# PLATAFORMA
--------------------------------------------------------------*/
  .plataforma img {
    max-width: 100%;
  }

  .plataforma h3 {
    color: #15153D;
    font-size: 34px;
    font-weight: 600;
  }

  .plataforma p {
    color: rgba(21, 21, 61, 0.70);
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
  }

  @media (max-width: 768px) {    
    .plataforma h3 {
      font-size: 26px;
      border-top: 2px solid rgba(45, 49, 131, 0.13);
      margin-top: 30px;
      padding-top: 20px;
    }
    
    .plataforma p {
      border-bottom: 2px solid rgba(45, 49, 131, 0.13);
      padding-bottom: 30px;
    }
  }

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
  .faq h3.titulo {
    color: #15153D;
    font-size: 16px;
    font-weight: 400;
  }

  .faq h3.subtitulo {
    color: #05050F;
    font-size: 34px;
    font-weight: 600;
  }

  .faq h3.subtitulo span {
    color: #2D3183;
  }

  .faq .faq-container .faq-item {
    position: relative;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
  }

  .faq .faq-container .faq-item h3 {
    border-radius: 20px;
    border: 1px solid #AEA8D2;
    padding: 15px 20px;
    color: #05050F;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    cursor: pointer;
    padding-right: 40px;
  }

  .faq .faq-container .faq-item.faq-active h3 {
    color: #2D3183;
    border-radius: 20px 20px 0 0;
    background: #EBE9F5;
    border: 1px solid #EBE9F5;
  }

  .faq .faq-container .faq-item .faq-content {
    border-radius: 0 0 20px 20px;
    background: #EBE9F5;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    height: 0;
    transition: all 1s;
  }

  .faq .faq-container .faq-item .faq-content p {
    margin-bottom: 0;
    padding: 15px 20px;
  }

  .faq .faq-container .faq-item .faq-content ul {
    margin-bottom: 0;
    padding: 0px 45px 20px 65px;
  }

  .faq .faq-container .faq-item .faq-toggle {
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 18px;
    line-height: 0;
    transition: 0.3s;
    cursor: pointer;
    color: #05050F;
  }

  .faq .faq-container .faq-active .faq-content {
    height: auto;
  }

  .faq .faq-container .faq-active .faq-toggle {
    transform: rotate(45deg);
  }

  .box-ajuda {
    border-radius: 20px;
    background: #EBE9F5;
    padding: 30px;
  }

  .box-ajuda p {
    color: #05050F;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 103%;
    margin: 0;
  }

  .box-ajuda img {
    display: block;
    margin: 20px auto;
  }


/*--------------------------------------------------------------
# ESPECIALISTAS
--------------------------------------------------------------*/
  .testeira {
    background: #EBE9F5;
    padding: 25px 0;
  }

  .testeira h3 {
    color: #15153D;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
  }

  .testeira p,
  .testeira a {
    color: rgba(21, 21, 61, 0.70);
    font-size: 12px;
    font-weight: 400;
    margin: 0;
  }

  .testeira p span {
    color: #2D2E83;
    font-weight: 600;
  }

  .btn-voltar {
    color: #15153D;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    text-decoration: unset;
    display: block;
    width: fit-content;
    padding: 10px;
  }

  .btn-voltar:hover,
  .btn-voltar:focus,
  .btn-voltar:active {
    color: #2D2E83;
  }

  .btn-voltar img {
    height: 13px;
    margin-top: -5px;
    margin-right: 5px;
  }

  .chamada h3 {
    color: #15153D;
    font-size: 36px;
    font-weight: 600;
  }

  .chamada p {
    color: rgba(21, 21, 61, 0.70);
    font-size: 18px;
    font-weight: 400;
  }

  .chamada img {
    max-width: 100%;
  }

  .card-area img {
    max-width: 100%;
    border-radius: 8px;
  }

  .card-area h4 {
    color: #2D2E83;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
  }

  .card-area p {
    color: rgba(21, 21, 61, 0.80);
    font-size: 14px;
    font-weight: 400;
  }

  .cta-especialidades {
    border-radius: 20px;
    background: #EBE9F5;
    padding: 45px;
  }

  .cta-especialidades h3 {
    color: #15153D;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
  }

  .cta-especialidades p {
    color: rgba(21, 21, 61, 0.70);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 20px 0 40px;
  }

  .cta-especialidades .cta-button .btn {
    margin: 0 auto;
    display: block;
    width: fit-content;
  }

  @media (max-width: 768px) {
    .especilidades .section-title {
      margin: 0;
    }

    .card-area {
      flex: auto;
      margin-bottom: 30px;
    }
  }



/*--------------------------------------------------------------
# COOKIES
--------------------------------------------------------------*/
  .cookies_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #EBE9F5;
    padding: 20px 40px;
    z-index: 9998;
  }

  .cookies_bar p {
    color: rgba(5, 5, 15, 0.80);
    margin: 0;
  }

  .cookies_bar a {
    color: rgba(5, 5, 15, 0.80);
    text-decoration: underline !important;
    cursor: pointer;
  }

  .cookies_bar a.btn-cookies {
    background: #E94E1B;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    padding: 10px;
    display: block;
    margin-top: 5px;
    border-radius: 150px;
    border: unset;
    transition: all 0.5s;
    text-decoration: unset !important;
  }

  .cookies_bar a.btn-cookies:hover {
    color: #FFF;
    background: #95300F;
  }

  @media (max-width: 768px) {
    .cookies_bar a.btn-cookies { margin-top: 20px; }
  }




/*--------------------------------------------------------------
# RESPONSIVO
--------------------------------------------------------------*/
.mobile { display: none !important; }

@media (max-width: 1200px) {
  .mobile { display: block !important; }
  .desktop { display: none !important; }
}