@charset "UTF-8";
/***
 * Theme Name: Stellantis LP Visitacao online
 * Theme URI: https://vm50.com.br
 * Developer: Valnei Lorenzetti
 * Theme URI: https://vm50.com.br
 * Description: Tema exclusivo para a Stellantis LP Visitacao online
 * Version: 1.0.0
 ***/
/**
 * Tamanho basico das telas:
 * Phone     min-width:    0  /  max-width:  809
 * Tablet    min-width:  810  /  max-width: 1199
 * Desktop   min-width: 1200  /  max-width:  -x-
 *
 * Bootstrap
 * -sm-  quebra em 576  / max-width: 540
 * -md-  quebra em 768  / max-width: 720
 * -lg-  quebra em 992  / max-width: 960
 * -xl-  quebra em 1200 / max-width: 1140
 * -xxl- quebra em 1400 / max-width: 1320
 *
 * font-size = 16px
**/
/** Configuração do tema*/
/**
 *
 * Font weight:
 * 100 = Thin
 * 200 = Extra Light (Ultra Light)
 * 300 = Book / Demi/ Light
 * 400 = Normal (Regular)
 * 500 = Medium
 * 600 = Semi Bold (Demi Bold)
 * 700 = Bold
 * 800 = Extra Bold (Ultra Bold)
 * 900 = Black (Heavy)

 * 100 = UltraThin
 * 150 = ExtraThin
 * 200 = Thin
 * 250 = ExtraLite
 * 300 = Lite
 * 350 = Book
 * 375 = Text
 * 400 = Normal
 * 425 = Thick
 * 450 = ExtraThick
 * 500 = Dark
 * 550 = ExtraDark
 * 600 = Bold
 * 650 = ExtraBold
 * 700 = UltraBold
 * 800 = Black
 * 900 = ExtraBlack
 * 999 = UltraBlack
 *
*/
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans:wght@100..900&display=swap");
* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

html {
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 16px;
  scroll-behavior: smooth; }

body {
  width: 100%;
  min-width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
  overflow-x: hidden;
  position: relative;
  color: #282B34;
  font-family: 'Encode Sans Expanded', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal; }
  body.page-template-page-solucoes {
    padding: 0 !important; }
  body.home {
    padding-top: 0 !important; }

h1 {
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; }

h2 {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; }

h3 {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  line-height: 100%; }

p {
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: auto; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img, svg, iframe, input, select, textarea, button, div, span {
  outline: 0; }

button {
  cursor: pointer; }

.centro {
  text-align: center; }

.direita {
  text-align: right; }

.italico {
  font-style: italic; }

.bold {
  font-weight: 500; }

strong, b {
  font-weight: 500; }

section {
  overflow-y: hidden;
  position: relative;
  z-index: 0; }
  section .pra-aparecer {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition: all 1s ease; }
    section .pra-aparecer.aparece {
      opacity: 1; }

a {
  color: #43AAA0; }
  a:hover {
    color: #A0D4CD; }

img {
  width: auto;
  max-width: 100%;
  height: auto; }

.container {
  width: auto;
  max-width: 1128px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 6px; }

.base-iframe {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden; }
  .base-iframe iframe {
    width: 100vw;
    height: 100%;
    border: 0;
    border-collapse: collapse;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.escondido {
  display: none !important; }

.botao {
  width: auto;
  height: 50px;
  padding: 0 30px;
  display: inline-block;
  position: relative;
  border: 1px solid #000000;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.5s ease;
  font-size: 20px;
  text-decoration: none;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0.5px; }
  .botao.botao-laranja {
    background-color: #EF7D00;
    color: #FFFFFF;
    border-color: #EF7D00; }
    .botao.botao-laranja:hover {
      background-color: #ECA935;
      border-color: #ECA935; }
  .botao.botao-laranja-vazado {
    background-color: #FFFFFF;
    color: #EF7D00;
    border-color: #EF7D00; }
    .botao.botao-laranja-vazado:hover {
      background-color: #EF7D00;
      color: #FFFFFF; }
  .botao.botao-verde {
    background-color: #43AAA0;
    color: #FFFFFF;
    border-color: #43AAA0; }
    .botao.botao-verde:hover {
      background-color: #A0D4CD;
      border-color: #A0D4CD; }
  .botao.botao-100 {
    width: 100%;
    max-width: 100%; }

.travado {
  width: 100vw;
  height: 100vw;
  overflow: hidden; }
  .travado .vm50_fundo_mobile {
    display: block; }

.desktop-only {
  display: none; }

.tablet-only {
  display: none; }

.mobile-only {
  display: block; }

::before, ::after {
  box-sizing: border-box; }

.select2-container--default .select2-selection--single {
  height: 50px !important;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 0.35px;
  color: #282B34; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px !important;
  right: 4px !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 6px 0 6px !important; }

.cortina {
  position: fixed;
  width: 0;
  height: 0;
  overflow: auto;
  z-index: 1000;
  box-sizing: border-box;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0; }
  .cortina.show {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1; }

.video-modal,
.modal {
  position: fixed;
  z-index: -1;
  left: 50%;
  top: 40%;
  width: 0;
  height: 0;
  overflow: auto;
  background-color: #FFFFFF;
  transition: all 1s ease;
  opacity: 0;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
  .video-modal.show,
  .modal.show {
    width: 50%;
    height: auto;
    opacity: 1;
    z-index: 9999; }

.video-modal.show {
  width: 560px; }

.modal-miolo {
  padding: 20px;
  border: none;
  position: relative; }

.modal-fechar {
  width: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: all 0.5s ease;
  z-index: 3; }
  .modal-fechar path {
    fill: #000000; }
  .modal-fechar:hover path {
    fill: #43AAA0; }

#videomodal-iframe {
  width: 100%;
  max-width: 100%; }

.politicas {
  max-height: 74vh;
  text-align: left;
  overflow-x: auto;
  margin-right: 20px; }
  .politicas h2 {
    margin-top: 0;
    color: #243782; }
  .politicas h3 {
    margin-bottom: 20px;
    color: #8E8E8E;
    font-size: 15px;
    line-height: normal;
    font-weight: 700; }
  .politicas p {
    margin-bottom: 20px;
    color: #8E8E8E;
    font-size: 15px;
    line-height: normal; }

/** Implementação de modulos gerais */
.topo {
  width: 100%;
  height: 90px;
  background-color: #FFFFFF;
  position: relative; }
  .topo .container .logo {
    position: absolute;
    left: 0;
    top: 25px; }
    .topo .container .logo svg {
      width: auto;
      height: 40px; }
      .topo .container .logo svg path {
        fill: #243782; }
  .topo .container .botao-area {
    width: auto;
    height: auto;
    position: absolute;
    top: 25px;
    right: 0; }
    .topo .container .botao-area .botao {
      height: 40px;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 40px;
      letter-spacing: 0.5px; }

.hero {
  width: 100%;
  height: 708px;
  background-color: transparent;
  position: relative;
  background-position: center right;
  background-size: cover; }
  .hero .container {
    height: 100%; }
    .hero .container .texto {
      width: 65%;
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%); }
      .hero .container .texto h1 {
        text-align: left;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #ECA935; }
      .hero .container .texto p {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.6px;
        color: #FFFFFF; }

.marcas {
  width: 100%;
  height: 228px;
  background-color: #D9D9D9;
  position: relative; }
  .marcas .container h2 {
    margin-top: 55px;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px; }
  .marcas .container .marcas-base {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .marcas .container .marcas-base .marcas-item {
      width: 84px;
      height: 60px;
      margin-right: 30px;
      display: inline-block;
      position: relative; }
      .marcas .container .marcas-base .marcas-item img {
        width: auto;
        max-width: 90px;
        height: auto;
        max-width: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }

.porque {
  width: 100%;
  max-width: 100%;
  height: 1113px;
  background-color: transparent;
  position: relative; }
  .porque .fundo-verde {
    width: 100%;
    height: 100%;
    background-color: #A0D4CD;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .porque .fundo-imagem {
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    filter: blur(2.5px); }
  .porque .container {
    z-index: 2; }
    .porque .container h2 {
      text-align: center;
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.9px;
      text-transform: uppercase;
      color: #243782; }
    .porque .container p {
      margin-bottom: 80px;
      color: #FFFFFF;
      text-align: center;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.5px; }
    .porque .container .fases {
      width: 100%;
      height: 553px;
      border-radius: 10px;
      border: 2px solid #FFFFFF;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(5px); }
      .porque .container .fases .fases-base {
        display: flex;
        justify-content: center;
        align-items: top; }
        .porque .container .fases .fases-base .fase-item {
          width: 223px;
          height: auto;
          display: inline-block;
          vertical-align: top;
          margin-right: 26px;
          margin-top: -23px;
          text-align: center; }
          .porque .container .fases .fases-base .fase-item svg {
            width: 60px;
            height: 53px; }
          .porque .container .fases .fases-base .fase-item h3 {
            color: #FFFFFF;
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 0.5px; }
          .porque .container .fases .fases-base .fase-item p {
            color: #FFFFFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.4px; }
      .porque .container .fases .video {
        width: 940px;
        height: auto;
        margin: -75px auto 0 auto; }
        .porque .container .fases .video h2 {
          border-top: 1px solid #D9D9D9;
          padding-top: 27px;
          color: #243782;
          text-align: center;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          letter-spacing: 0.5px;
          text-transform: uppercase; }
        .porque .container .fases .video p {
          margin-bottom: 16px;
          color: #FFFFFF;
          text-align: center;
          font-family: "Encode Sans Expanded";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: 0.35px; }
        .porque .container .fases .video .video-area {
          width: 939px;
          height: 528px;
          background-position: center center;
          background-size: cover;
          position: relative; }
          .porque .container .fases .video .video-area .video-area-cortina {
            width: 100%;
            height: 100%;
            filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.35));
            position: absolute; }
          .porque .container .fases .video .video-area .video-area-botao {
            width: 170px;
            height: 170px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer; }
            .porque .container .fases .video .video-area .video-area-botao svg {
              width: 100%;
              height: 100%; }

.como {
  width: 100%;
  max-width: 100%;
  height: 474px;
  background-color: #FFFFFF;
  position: relative;
  overflow-y: unset; }
  .como .container {
    height: 100%;
    padding-left: 218px; }
    .como .container img {
      width: 315px;
      height: 529px;
      aspect-ratio: 53/89;
      position: absolute;
      left: 0;
      bottom: 0; }
    .como .container h2 {
      color: #EF7D00;
      text-align: center;
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.9px;
      text-transform: uppercase; }
    .como .container p {
      color: #282B34;
      text-align: center;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.5px; }
    .como .container .passos {
      display: flex;
      justify-content: center;
      align-items: top;
      position: relative; }
      .como .container .passos .fio {
        width: 465px;
        height: 1px;
        background-color: #D9D9D9;
        position: absolute;
        left: 225px;
        top: 37px;
        z-index: -1; }
      .como .container .passos .passo-item {
        width: 215px;
        text-align: center; }
        .como .container .passos .passo-item .passo-item-numero {
          width: 70px;
          height: 70px;
          margin: 0 auto;
          border-radius: 50%;
          background-color: #EF7D00;
          color: #FFFFFF;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
        .como .container .passos .passo-item.passo-1 .passo-item-numero {
          background-color: #FECD50; }
        .como .container .passos .passo-item.passo-2 .passo-item-numero {
          background-color: #ECA935; }
        .como .container .passos .passo-item.passo-3 .passo-item-numero {
          background-color: #EF7D00; }
        .como .container .passos .passo-item .passo-item-texto {
          margin-top: 16px; }
          .como .container .passos .passo-item .passo-item-texto h3 {
            color: #ECA935;
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 0.5px; }
          .como .container .passos .passo-item .passo-item-texto p {
            color: #282B34;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.4px; }

.formulario {
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: #f9f9f9;
  position: relative; }
  .formulario .container h2 {
    color: #243782;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase; }
  .formulario .container p {
    color: #282B34;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px; }
  .formulario .container .explicacoes {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #D9D9D9;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    gap: 40px; }
    .formulario .container .explicacoes .explicacao {
      width: 33%; }
      .formulario .container .explicacoes .explicacao h3 {
        margin: 0 0 16px 0;
        color: #243782;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
      .formulario .container .explicacoes .explicacao p {
        margin: 0;
        text-align: left;
        color: #282B34;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.35px; }
      .formulario .container .explicacoes .explicacao ul {
        margin: 0;
        padding: 0; }
        .formulario .container .explicacoes .explicacao ul li {
          list-style: none;
          padding: 0;
          margin-bottom: 14px;
          color: #282B34;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: 0.35px; }
  .formulario .container .formulario-area {
    width: 100%;
    max-width: 100%;
    height: auto; }
    .formulario .container .formulario-area .formulario-area-campo {
      width: 100%;
      max-width: 100%;
      height: auto;
      margin-top: 35px;
      margin-bottom: 20px; }
      .formulario .container .formulario-area .formulario-area-campo label {
        display: block;
        margin-bottom: 16px;
        color: #243782;
        text-align: left;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.5px; }
      .formulario .container .formulario-area .formulario-area-campo select {
        width: 100%;
        max-width: 100%;
        height: 50px;
        border: 1px solid #D9D9D9;
        border-radius: 10px;
        padding: 0 16px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: 0.35px;
        color: #282B34; }
        .formulario .container .formulario-area .formulario-area-campo select.erro {
          border-color: #EF7D00; }
      .formulario .container .formulario-area .formulario-area-campo #estado {
        width: 60px;
        margin-right: 30px; }
      .formulario .container .formulario-area .formulario-area-campo #cidade {
        width: calc(100% - 95px); }
      .formulario .container .formulario-area .formulario-area-campo #outra-area {
        margin-top: 16px; }
      .formulario .container .formulario-area .formulario-area-campo input[type="text"],
      .formulario .container .formulario-area .formulario-area-campo input[type="email"],
      .formulario .container .formulario-area .formulario-area-campo input[type="date"] {
        width: 100%;
        max-width: 100%;
        height: 50px;
        border: 1px solid #D9D9D9;
        border-radius: 10px;
        padding: 0 16px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: 0.35px;
        color: #282B34; }
        .formulario .container .formulario-area .formulario-area-campo input[type="text"]::placeholder,
        .formulario .container .formulario-area .formulario-area-campo input[type="email"]::placeholder,
        .formulario .container .formulario-area .formulario-area-campo input[type="date"]::placeholder {
          color: #8E8E8E; }
        .formulario .container .formulario-area .formulario-area-campo input[type="text"].erro,
        .formulario .container .formulario-area .formulario-area-campo input[type="email"].erro,
        .formulario .container .formulario-area .formulario-area-campo input[type="date"].erro {
          border-color: #EF7D00; }
      .formulario .container .formulario-area .formulario-area-campo .termos-base {
        border: 1px solid transparent; }
        .formulario .container .formulario-area .formulario-area-campo .termos-base.erro {
          border-color: #EF7D00; }
      .formulario .container .formulario-area .formulario-area-campo .formulario-area-campo-duplo {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px; }
        .formulario .container .formulario-area .formulario-area-campo .formulario-area-campo-duplo .campo-duplo-item {
          width: 100%;
          max-width: 100%;
          height: auto; }

.calendario {
  width: 456px;
  min-height: 318px;
  background-color: #FFFFFF;
  padding: 16px;
  border: 1px solid transparent; }
  .calendario .calendario-header {
    width: 100%;
    max-width: 100%;
    height: 40px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 20px;
    color: #282B34;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.4px; }
  .calendario table {
    width: 100%;
    max-width: 100%;
    border: 0;
    margin: 0;
    padding: 8px; }
    .calendario table thead tr th {
      color: #8E8E8E;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
    .calendario table tbody tr td {
      height: 50px;
      border-radius: 10px;
      color: #D9D9D9;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 50px; }
      .calendario table tbody tr td.disponivel {
        color: #282B34;
        cursor: pointer; }
        .calendario table tbody tr td.disponivel:hover {
          background-color: #A0D4CD;
          color: #FFFFFF; }
      .calendario table tbody tr td.selecionado {
        background-color: #43AAA0;
        color: #FFFFFF; }
        .calendario table tbody tr td.selecionado:hover {
          background-color: #43AAA0;
          color: #FFFFFF; }
  .calendario.erro {
    border-color: #EF7D00; }

.horarios-disponiveis {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 318px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: baseline;
  gap: 16px;
  padding-top: 30px;
  border: 1px solid transparent; }
  .horarios-disponiveis .horario-item {
    width: 220px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #8E8E8E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    display: none; }
    .horarios-disponiveis .horario-item svg path {
      stroke: #8E8E8E; }
    .horarios-disponiveis .horario-item:hover {
      background-color: #A0D4CD;
      color: #FFFFFF; }
      .horarios-disponiveis .horario-item:hover svg path {
        stroke: #FFFFFF; }
    .horarios-disponiveis .horario-item.selecionado {
      background-color: #43AAA0;
      color: #FFFFFF; }
      .horarios-disponiveis .horario-item.selecionado svg path {
        stroke: #FFFFFF; }
  .horarios-disponiveis .horario-carregando {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 318px;
    border-radius: 10px;
    border: 1px dashed #D9D9D9;
    position: relative; }
    .horarios-disponiveis .horario-carregando .horario-carregando-miolo {
      width: auto;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .horarios-disponiveis .horario-carregando .horario-carregando-miolo p {
        margin: 0;
        color: #8E8E8E;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.375px; }
        .horarios-disponiveis .horario-carregando .horario-carregando-miolo p:first-child {
          margin-bottom: 8px; }
        .horarios-disponiveis .horario-carregando .horario-carregando-miolo p strong {
          font-weight: 700; }
  .horarios-disponiveis.erro {
    border-color: #EF7D00; }

.agenda-sucesso .aviso {
  border: 1px solid #A0D4CD;
  border-radius: 10px;
  padding: 16px;
  background-color: #43AAA0; }
  .agenda-sucesso .aviso p {
    text-align: center;
    color: #FFFFFF; }

.depoimento {
  width: 100%;
  max-width: 100%;
  min-height: 525px;
  background-color: #FFFFFF;
  position: relative; }
  .depoimento .container {
    height: 100%; }
    .depoimento .container p {
      color: #282B34;
      text-align: center;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.5px; }
    .depoimento .container .depoimento-base {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-top: 50px; }
      .depoimento .container .depoimento-base .depoimento-item {
        width: 309px;
        min-height: 245px;
        border-radius: 10px;
        background: rgba(243, 150, 113, 0.1);
        padding: 36px 28px;
        position: relative; }
        .depoimento .container .depoimento-base .depoimento-item::before {
          content: url('data:image/svg+xml; utf8, <svg width="63" height="47" viewBox="0 0 63 47" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(243,150,113,1)" d="M16.256 20.9281C20.0107 21.2694 22.9547 22.5707 25.088 24.8321C27.2213 27.0507 28.288 29.9521 28.288 33.5361C28.288 37.4614 27.0507 40.5547 24.576 42.8161C22.144 45.0774 18.7307 46.2081 14.336 46.2081C9.64268 46.2081 6.08001 44.8214 3.64801 42.0481C1.21601 39.2747 1.33514e-05 35.1574 1.33514e-05 29.6961C1.33514e-05 24.4481 0.93868 19.2427 2.81601 14.0801C4.73601 8.87473 7.36001 4.1814 10.688 6.86646e-05H23.104C21.0987 4.13874 19.52 7.87207 18.368 11.2001C17.2587 14.5281 16.5547 17.7707 16.256 20.9281ZM50.752 20.9281C54.5067 21.2694 57.4507 22.5707 59.584 24.8321C61.7173 27.0507 62.784 29.9521 62.784 33.5361C62.784 37.4614 61.5467 40.5547 59.072 42.8161C56.64 45.0774 53.2267 46.2081 48.832 46.2081C44.1387 46.2081 40.576 44.8214 38.144 42.0481C35.712 39.2747 34.496 35.1574 34.496 29.6961C34.496 24.4481 35.4347 19.2427 37.312 14.0801C39.232 8.87473 41.856 4.1814 45.184 6.86646e-05H57.6C55.5947 4.13874 54.016 7.87207 52.864 11.2001C51.7547 14.5281 51.0507 17.7707 50.752 20.9281Z" /></svg>');
          position: absolute;
          top: -23px;
          left: 0; }
        .depoimento .container .depoimento-base .depoimento-item p {
          color: #282B34;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 25px;
          /* 166.667% */
          letter-spacing: 0.375px; }
        .depoimento .container .depoimento-base .depoimento-item .depoimento-autor {
          width: 100%;
          max-width: 100%;
          margin-top: 20px; }
          .depoimento .container .depoimento-base .depoimento-item .depoimento-autor img {
            width: 40px;
            float: left;
            margin-right: 14px; }
          .depoimento .container .depoimento-base .depoimento-item .depoimento-autor h3 {
            margin: 0;
            color: #282B34;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 0.4px; }
          .depoimento .container .depoimento-base .depoimento-item .depoimento-autor h4 {
            margin: 0;
            color: #282B34;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.35px; }

.cta_pronto {
  width: 100%;
  max-width: 100%;
  min-height: 293px;
  position: relative; }
  .cta_pronto .container {
    height: 293px; }
    .cta_pronto .container .cta_pronto-base {
      width: 100%;
      max-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 30px; }
      .cta_pronto .container .cta_pronto-base h2 {
        margin: 0;
        color: #FFFFFF;
        text-align: center;
        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase; }

.faq {
  width: 100%;
  max-width: 100%;
  position: relative; }
  .faq .container h2 {
    color: #243782;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase; }
  .faq .container .faq-base .faq-item {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-bottom: 30px; }
    .faq .container .faq-base .faq-item h3 {
      width: 100%;
      height: 75px;
      background-color: #f9f9f9;
      border: 1px solid #D9D9D9;
      border-radius: 10px;
      margin: 0;
      padding: 0 48px;
      position: relative;
      color: #282B34;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0.5px;
      cursor: pointer; }
      .faq .container .faq-base .faq-item h3::after {
        content: url('data:image/svg+xml; utf8, <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.30405 22.176V-9.53674e-07H14.496V22.176H8.30405ZM4.79817e-05 14.016V8.16H22.8481V14.016H4.79817e-05Z" fill="rgba(36,55,130,1)"/></svg>');
        width: 12px;
        height: 6px;
        position: absolute;
        right: 30px;
        top: 2px;
        transition: all 0.5s ease; }
    .faq .container .faq-base .faq-item p {
      display: none;
      margin: 16px;
      color: #000000;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.4px; }
    .faq .container .faq-base .faq-item.ativo h3::after {
      content: url('data:image/svg+xml; utf8, <svg width="19" height="8" viewBox="0 0 19 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-2.86102e-06 7.99999V-9.53674e-06H18.112V7.99999H-2.86102e-06Z" fill="rgba(243,150,113,1)"/></svg>'); }
    .faq .container .faq-base .faq-item.ativo p {
      display: block; }
  .faq .container .faq-rodape {
    color: #282B34;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 208.333% */
    letter-spacing: 0.3px; }

.rodape {
  width: 100%;
  min-height: 320px;
  background-color: #243782;
  color: #FFFFFF;
  position: relative; }
  .rodape .container .rodape-base {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    padding-top: 60px; }
    .rodape .container .rodape-base .rodape-item svg {
      width: auto;
      height: 55px;
      margin-bottom: 22px; }
      .rodape .container .rodape-base .rodape-item svg path {
        fill: #FFFFFF; }
    .rodape .container .rodape-base .rodape-item p {
      color: #FFFFFF;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.3px; }
    .rodape .container .rodape-base .rodape-item a {
      color: #FFFFFF;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.325px;
      text-decoration: none; }
      .rodape .container .rodape-base .rodape-item a svg {
        height: 20px;
        margin-left: 17px; }
        .rodape .container .rodape-base .rodape-item a svg path {
          fill: #FFFFFF; }
      .rodape .container .rodape-base .rodape-item a:hover {
        color: #EF7D00; }
        .rodape .container .rodape-base .rodape-item a:hover svg path {
          fill: #EF7D00; }
    .rodape .container .rodape-base .rodape-item.rodape-2 {
      display: flex;
      justify-content: space-between;
      padding-top: 20px; }
    .rodape .container .rodape-base .rodape-item.rodape-3 {
      text-align: right; }
      .rodape .container .rodape-base .rodape-item.rodape-3 a {
        margin: 0; }
  .rodape .container .rodape-direitos {
    width: 550px;
    margin: 50px auto 30px auto;
    border-top: 1px solid #D9D9D9;
    padding-top: 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.325px; }
    .rodape .container .rodape-direitos span {
      margin: 0 16px;
      cursor: pointer;
      transition: all 0.5s ease; }
      .rodape .container .rodape-direitos span:hover {
        color: #EF7D00; }

/** Responsividade */

/*# sourceMappingURL=style.css.map */