/* Reset básico */
body {
  margin: 0;

  background-color: #ffffff;
  color: #333;
 
}

.row>* {margin-top:0!important; }


nav.navbar.navbar-expand-md.fixed-top {
    height: 85px;
    background: linear-gradient(294deg, rgb(86 11 155 / 77%) 9.06%, rgb(66 11 137 / 71%) 94.84%);
    backdrop-filter: blur(6px);
    border-bottom: 2px solid #611ea1;
}


.navbar ul li a {color: #FFF;
text-align: center;

/* Body-medium/body-14 */

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 19.6px */gap: 8px;}

.nav-link:focus, .nav-link:hover {
    color: #00F71D;
}


.dropdown-menu {
    overflow: hidden;
    min-width: 900px !important;
    left: -320% !important; transition: 0.3s;
}
.dropdown-menu svg { width:40px; height:40px; }

.dropdown-menu strong {color: #1E1F20; text-align: left;
    float: left;
    position: relative;
    display: block;
    width: 100%;}
.dropdown-menu small {color: #1E1F20; text-align: left;
    float: left;
    position: relative;
    display: block;
    width: 100%;}


    .dropdown-menu .d-flex.btn {
    border-radius: 8px;gap: 8px;
    border: 1px solid var(--Purple-010, #ECE6F2);
    padding: 8px 16px;
    transition: 0.3s;
    display: block;
    float: left;
    position: relative;
}


/* ===== HERO SECTION (Topo Roxo) ===== */
.hero-section {
    background: #420080;
    color: white;
    height: auto;
    min-height: 700px;
    padding: 140px 0 100px 0;
    background-position: center;
    background-size: cover;
}

.hero-text {
    width: 100%;
    position: relative;
    display: flex
;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.hero-tag {
    border-radius: 1111px;
    border: 1px solid rgba(255, 255, 255, 0.27);
    background: rgba(66, 0, 128, 0.30);
    padding: 8px 16px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 10%;
    position: relative;
    display: block;
    float: left;
}

.hero-tag b {font-weight: 600;}

.hero-title {
    color: #00F71D;
    text-align: left;
    font-family: Ubuntu;
    font-size: 40px;
    font-style: normal;width: 100%;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;    float: left;
    position: relative;
    padding: 24px 0 8px 0;
}
.hero-subtitle {
color:#FFF;
/* Heading-Semibold/Heading-40 */
font-family: Ubuntu;
font-size: 40px;width: 100%;
font-style: normal;    text-align: left;
font-weight: 500;
line-height: normal;    float: left;
    position: relative;
letter-spacing: -0.8px;
}

.hero-description {
    color: #ECE6F2;
    text-align: left;
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    float: left;
    position: relative;
    line-height: 30px;
    padding-bottom: 24px;
}
.hero-button {
    background-color: transparent;
    border: 1px solid #00F71D;
    color: white;
    letter-spacing: -0.5px;
    display: flex
;
    padding: 16px;
    font-weight: 400;
 
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease; clear: both;
    gap: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.hero-button b {font-weight: 500;}

.hero-button:hover {
  background-color: #00F71D;
  color: #5C1BB4;
}

.hero-button:hover svg path  {stroke: #5C1BB4;}  


.hero-image {
    text-align: center;
    padding-top: 51px;
    display: flex
;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
/* Imagem dashboard e mobile */
.hero-image img {
  max-width: 100%;
}


.hero-section figure { width:100%; }
.hero-section figure img {width: 100%;}

section.platform-section.secao2.secao1 {padding:  100px 0; }

section.platform-section.secao2.secao1  .platform-list p {    text-align: left;}

section.platform-section.secao2.secao1 .platform-text {    text-align: left!important;}

section.platform-section.secao2.secao1 .platform-text h2 {       width: 50%;}
section.platform-section.secao2.secao1 .platform-text  figure {float: left;}
section.platform-section.secao2.secao1 .platform-text p {  color: var(--Gray-100, #667085);

/* Heading-light/Heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 45px;
letter-spacing: -0.64px;  width: auto;}


/* secao 2 -----------------------------*/
/* secao 2 -----------------------------*/
section.platform-section.secao2 {}

section.platform-section.secao2 {padding:  0 96px 0 ; width:100%; position:relative; display:block; float:left; }
section.platform-section.secao2.secao1 .platform-list li {background: none; border: none;    margin-bottom: 0;    padding: 0 22px 22px 0 !important;}

section.platform-section.secao2 h2 {width:100%; position:relative; display:block; float:left;}

            section.platform-section.secao2    .col-sm-12.platform-text {text-align: center;}

            section.platform-section.secao2  figure { float:initial; }


section.platform-section.secao2 h4 { width:100%; position:relative; display:block; float:left;color: var(--Green-100, #00C716);
text-align: center;

/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 130% */
letter-spacing: -0.4px; }
section.platform-section.secao2 p {color: var(--Gray-100, #667085);
text-align: center;
 width:100%; position:relative; display:block; float:left;
/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 200;
line-height: 30px; /* 187.5% */
letter-spacing: 0px;}

.secao1 .platform-list li figure {border-radius: 8px;
border-bottom: 1px solid var(--Green-100, #00C716);
background: linear-gradient(138deg, rgba(0, 199, 22, 0.06) 12.72%, rgba(0, 199, 22, 0.03) 145.05%);}

.secao1 .platform-text figure { width:70px; }
.secao1 .platform-text figure  img {width: 100%;}


     .secao1 .platform-list li p   {color: var(--Gray-100, #667085);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: 0px;}

.platform-section figure#ilustra1 {    padding: 48px 0 0 0;}

.platform-section figure#ilustra1 img {width: 100%;}

.platform-section .platform-list li {    padding-bottom: 16px;}

#canal-pronto .platform-section .platform-list {margin: 0;    padding: 124px 0;}

.platform-section h2 {     color: #420080;     margin: 0;
    padding: 0;}

.platform-subtitle {font-size: 28px;
    margin: 0;
    font-weight: 200;
    color: #667085;}

    .platform-subtitle b {color: #00C716;}


.secao2 h3 {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px; border-left: 4px solid #A080C0; border-radius: 4px;
    font-style: normal; padding-left: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
}


.secao2 .platform-list { margin-top:64px; }


/* --- -secao 3 ----------*/

p.info-text {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
}
/* Secao 3 */
.secao3 .icon-wrapper {
    display: flex;
    justify-content: center;
}

.secao3 .icon-main {
    background: linear-gradient(135deg, #7E3AF2, #9A4DF5);
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 15px rgba(126, 58, 242, 0.4);
}

.secao3 .titulo {
    font-size: 28px;
    font-weight: 700;
    color: #420080;/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;
}

.secao3 .texto-verde {
    color: #00C716;/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;
}

.secao3 .subtitulo {
    color: #667085;text-align: center;
/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: 0px;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}
section.info-section {
    margin-top: 64px !important;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}
.secao3 .item-box {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    padding: 15px;
    height: 100%;
    transition: all 0.3s ease;
}


section.info-section p.info-text {text-align: right; float: right;}

.secao3 .item-box:hover {
    box-shadow: 0px 4px 15px rgba(0,0,0,0.08);
}

.secao3 .icon-card {
    width: 46px;
    min-width: 46px;
    height: 46px;
    background: #4ADE80;
    display: flex;box-shadow: -6px 8px 24px 0 rgba(18, 136, 81, 0.05);


    align-items: center;
    justify-content: center;
    border-radius: 8px;
}


.icon-box {
    border-radius: 8px;
    border-bottom: 1px solid var(--Purple-100, #420080);
    background: rgba(236, 230, 242, 0.50);
    padding: 8px;margin-bottom: 16px;
}

.icon-box.green {
    border-radius: 8px;
    border-bottom: 1px solid var(--Green-100, #00C716);
    background: linear-gradient(138deg, rgba(0, 199, 22, 0.06) 12.72%, rgba(0, 199, 22, 0.03) 145.05%);margin-bottom: 16px;
}



/* .banner-section -------------*/


.banner-section { width:100%; position:relative; display:block; float:left; }


.banner-section .banner figure#icon {
    width: 64px;
    background: #420080b8;
    border: 1px solid #ab52ff87;
    height: 64px;
    border-radius: 8px;
    padding: 8px;
    display: flex
;
    float: left;
    margin-right: 16px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;    margin-bottom: 0;
}

.banner-section .banner {
    position: relative;
    width: 100%;
    height: 320px;
    display: block;
    margin: 40px 0 80px 0;
    float: left;
    padding: 85px 64px;
    border-radius: 24px;
    background: url(../images//bg-banner-cta.jpg);
    background-size: cover;
}

.banner-section .banner h1 {
    color: #FFF;
    width: 100%;
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
    margin-bottom: 8px;
}
.banner-section .banner p {
    color: #FFF;
    width: auto;
    text-align: left;
    float: left;
    display: block;
    position: relative;
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.64px;
}

.banner-section .banner h1 b { color: var(--Accent-green-100, #00F71D);

/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: -0.4px;}


.banner-section .banner figure#atendente {
    float: right;
    bottom: 0;
    right: 10%;
    position: absolute;
    margin: 0;
    text-align: right;
}

.banner-section .banner figure#atendente img {
    width: 60%;
}

       .banner-section .banner  button.hero-button.secundary { border: 1px solid #00C716;   margin: 24px 0px 0px 0px;}



/* secao 4 secao4 ---------------*/


/* secao 4 secao4 ---------------*/



.secao4 { width:100%; position:relative; display:block; float:left; padding:100px 0!important;     background-color: #fbfbfb !important;}
.secao4 .platform-text figure {
    display: block;
    float: left;
    margin-right: 16px; width: 70px;
    position: relative;
}

.secao4 .platform-text figure  img {width: 100%;}


.secao4 .platform-list { margin-top:32px; }


.secao4 .platform-text h2 {
    color: #420080;
    margin: 0;
    padding: 0; margin-bottom: 16px;
}

.secao4 .platform-text h2 b {
    color: #00C716;
    font-weight: 500;
}

.secao4 .platform-list li {padding-bottom: 16px;
    border-radius: 8px;
    border: 1px solid var(--base-gray, #EBEEF4);
    background: var(--base-white, #FFF);}

    .secao4 .platform-list li figure {box-shadow: -6px 8px 24px 0 rgb(69 101 86 / 9%);}

    .secao4 span {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    display: flex
;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin: 16px 0;
    gap: 8px;
}

/* ===== Secao 4 ===== */
.secao4 .secao4-card{
  background: #fff;
  border: 1px solid #EDEAF3;            /* borda clarinha como no print */
  border-radius: 20px; margin: 16px 0;
  box-shadow: 0 6px 24px rgba(22, 6, 61, 0.06); /* sombra bem suave */
  overflow: hidden;                      /* garante os cantos arredondados */
}

.secao4 .secao4-thumb{
  height: 270px;                         /* ajuste se quiser maior/menor */
  border-radius: 16px;
  margin: 28px 18px 14px;                /* respiro entre borda e thumb */
  background: linear-gradient(180deg, #F7F6FB 0%, #F3F1F8 60%, #F0EEF6 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}


.secao4 .secao4-body{
  padding: 10px 24px 24px;
}

.secao4 .secao4-title{
color: var(--Purple-100, #420080);

/* Heading-bold/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0px;
}

.secao4 p{
color: rgba(0, 0, 0, 0.80);

/* body-light/body-14 */
font-family: Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 169%; /* 23.66px */
}

.secao4 .platform-list li p {color: var(--Gray-100, #667085);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 156.25% */
letter-spacing: 0px;}


/* ===== Secao 6 ===== */
.secao6-icon {
  background: linear-gradient(135deg, #420080, #6f28b1);
  width: 60px;
  height: 60px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0px 5px 15px rgba(66, 0, 128, 0.3);
}

.secao6-title {
color: var(--Purple-100, #420080);
    text-align: center;
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
}

.secao6-subtitle {
color: var(--Gray-100, #667085);
text-align: center;

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: 0px;
}

.secao6-card {
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    text-align: left;
    transition: all 0.3s ease;
    margin: 16px 0;
    width: 100%; min-height: 210px;
    position: relative;
    display: block;
    float: left;
}

.secao6-card:hover {
  box-shadow: 0px 4px 15px rgba(0,0,0,0.08);
}

.secao6-card-icon {
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 6px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    box-shadow: -6px 8px 24px 0 rgb(19 46 33 / 15%);
}

.secao6-card h3 {
color: var(--Purple-100, #420080);

/* Heading-Semibold/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */ margin: 0;
letter-spacing: 0px;
}

.secao6-card p {
 color: var(--Gray-100, #667085);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 156.25% */
letter-spacing: 0px;
}



/* ===== LOGOS SECTION ===== */
.logos-section {
    background-color: #fff;
    float: left;
    padding: 124px 0 64px 0;
 
    width: 100%;
}

.logos-section .floating-span {
    position: relative;
    top: -120px;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;

    /* Animação fluída */
    animation: floatY 2.5s ease-in-out infinite;
}

@keyframes floatY {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(20px); }
    100% { transform: translateY(0); }
}


.logos-title {
    color: #667085;
    text-align: center;
   
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: -5%;
    background: url(../images/linhas-logos.png) no-repeat;
    background-position: center;
}

.logos-title b {color: #420080;

/* Heading-bold/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;}

.logos-title span {

/* Heading-light/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;}

/* Carrossel */
.logo-carousel-wrapper {
  overflow: hidden;
  width: 100%;
}

.logo-carousel {
  display: flex;
  animation: scroll 40s linear infinite;
  width: max-content;
}

.logo-slide {
  flex: 0 0 auto;
  padding: 0 45px;
  margin-top: 48px}

.logo-slide img {
  height: auto;
  object-fit: contain;
}

/* ===== PLATAFORMA SECTION ===== */
.platform-section {
  background-color: #fff;
  padding: 0;
}


.platform-text figure { display: block;
    float: left; margin-right: 16px; 
    position: relative;}

    .platform-text figure img {box-shadow: 3px 11px 34px 5px #9a46e53d;
    border-radius: 10px;}

.platform-title {
    color: #00B04C;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    display: block;
    float: left;
    position: relative;    width: 85%;
}



.platform-list {
    list-style: none;
    padding-left: 0;
    position: relative;
    display: block;
    float: left;
    margin: 32px 0;
}

.platform-list li {
      margin-bottom: 24px;
    font-size: 16px;
    color: #444;
    border-bottom: 1px solid #FFF; border-right: 1px solid #00C716;
    position: relative;
    display: flex;
    float: left; gap: 16px;
    transition: 0.3s;
    padding: 22px!important; 
    background: #EBEEF44D;
    border-radius: 8px;
}

.platform-list li:hover {background: #e9e6ed21;border-radius: 8px;}

.platform-list li:hover strong {color: #00B04C;}

.platform-list li figure {
    padding: 0;
    border-radius: 8px;
    border: none;

    background: #fff;
    width: 46px;
    min-width: 46px;
    height: 44px;
    position: relative;
    display: flex
;
    float: left;
    justify-content: center;
    margin: 0;
    margin-right: 0;
    align-items: center;
}

.platform-list li  figure svg {width: auto;
    float: left;
    position: relative;}

.platform-list strong {
    display: block;font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #420080;transition: 0.3s;
    width: auto;
    float: left;
    position: relative; 
}

.platform-list li p {
    display: block;
   
   width: auto;
    float: left;
    position: relative;
    padding-left: 0;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal; margin:0;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0px;
}
/* Imagem da plataforma */
.platform-image img {
  max-width: 100%;
}

button.hero-button.secundary {
    background: #00C716;
    border: 1px solid #00F71D;
}

button.hero-button.secundary:hover {background:#00F71D;}

/* ===== SEAL SECTION (Selo de pioneirismo) ===== */
.seal-section {
  background-color: #fff;
  padding: 80px 0;
}

.seal-box {
  border: 1px solid #e0e0e0;
  padding: 20px 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 500px;
  background-color: #f9f9f9;
}

.seal-text {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

/* ===== SCROLL ANIMATION ===== */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Responsivo simples */
@media (max-width: 768px) {
  .hero-title {
    font-size: 28px;
  }

  .hero-subtitle {
    font-size: 20px;
  }

  .platform-title {
    font-size: 22px;
  }
}



.cards-tipos {

  width: 100%;
  position: relative; display: block; float: left;  border-radius: 32px; padding: 32px 96px;
  background: #420080;
} 

.cards-tipos .lado1 figure{    margin-top: 50px;}
.cards-tipos .lado1 figure img {width: 100%;}

.cards-tipos .lado1 h1{ font-size:32px; font-weight:500; color: #fff; text-align:left; position:relative; display:block; float:left; }
.cards-tipos .lado1 h1 b {color: #00F71D;font-weight:500;display: block;
    float: left;}
.cards-tipos .lado1 p{font-size:16px; font-weight:300; text-align:left; color: #fff; position:relative; display:block; float:left;}


.cards-tipos .lado2 {width: 100%;
  position: relative; display: block; float: left;  border-radius: 32px; padding: 32px;
  background: #FFFFFF;}
.cards-tipos .lado2 figure{    margin: 0;}

.cards-tipos .lado2 figure img {width: 100%;}

  .cards-tipos .lado2 h1 {font-size:32px; color: #420080; font-weight:500; text-align:left; position:relative; display:block; float:left;}
.cards-tipos .lado2 h1 b { color: #00C716;display: block; font-weight: 500;
    float: left;}
.cards-tipos .lado2 p {font-size:16px; font-weight:300; text-align:left; color: #667085; position:relative; display:block; float:left;}


/* ===== confianca-section ===== */
.confianca-section {
    width: 100%; position: relative; display: block; float: left;
  background-color: #fff;
  padding: 100px 0;
}




.confianca-section .card-image {
    width: 100%;
    height: 550px;
    background: url(../images/bg-confianca.png) no-repeat;
    position: relative;
    display: flex
;
    float: left;
    border-radius: 32px;
    background-size: contain;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
    .confianca-section .card-image .card-drop {
    position: absolute;
    bottom: 83px;
    background: #fff;
    border-radius: 24px;
    padding: 32px;
    border: 2px solid #ddd;
    width: 450px;
}

       .confianca-section .card-image .card-drop figure { width: 48px; position: relative;float: left; display: block;}
       .confianca-section .card-image .card-drop figure img { width:100%; }
  .confianca-section .card-image .card-drop p {
    position: relative;
    float: left;
    display: block;
    margin: 0;
    margin-left: 16px;
    font-size: 14px;
    color: #667085;
    width: 68%;
}
 .confianca-section .card-image .card-drop h4 {
    position: relative;
    float: left;
    display: block;
    font-size: 12px;
    margin: 0;
    margin-left: 16px;
    color: #00C716;
}

figure#arrow {
    width: 70px;
    margin: 0;
    float: right;
    position: absolute;
    right: 24px;
}
.confianca-section .text { width: 100%; position: relative;float: left; display: block;     padding: 50px 0 0 0;}
.confianca-section .text figure {
    width: 32px;
    height: 32px;
    display: flex
;
    float: left;
    background: #fff;
    border-radius: 4px;
    background-color: #ece6f254;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.confianca-section .text h1 {font-size:32px;width: 100%;  color: #420080; font-weight:500; text-align:left; position:relative; display:block; float:left;}
.confianca-section .text p {font-size:20px; color: #667085; font-weight:300; text-align:left; position:relative; display:block; float:left;}

.confianca-section .text .card-c {
    display: flex
;
    float: left;
    background: #fff;
    border-radius: 4px;
    width: auto;
    position: relative;
    flex-direction: column;
    margin-right: 48px;
    margin-top: 32px;
}
.confianca-section .text .card-c figure{position:relative; display:block; float:left; background: #fff;border-radius: 4px;text-align:left; }
.confianca-section .text .card-c h1{    font-size: 24px;
    color: #420080;
    font-weight: 600;
    text-align: left;
    position: relative;
    display: block;
    float: left;
    width: auto; margin: 0}
.confianca-section .text .card-c p{font-size:16px; color: #667085; font-weight:400; text-align:left; position:relative; display:block; float:left;}








.simplifica-section { border-top: 4px solid #EBEEF4; padding: 100px 0; background:#ededed24; width:100%; position:relative; display:block; text-align: center;  float: left;}

figure#icon-center {
    position: relative;
    margin-top: -140px;
}

figure#icon-center img {box-shadow: 3px 11px 34px 5px #9a46e53d;
    border-radius: 10px;}

.simplifica-section h1{ color:#420080; font-weight:500; font-size:32px; text-align:center; margin: 0;}
.simplifica-section p {color:#667085; font-weight:300; font-size:16px; text-align:center; margin: 0; margin-bottom: 64px}

.simplifica-section figure#ilustra img{ width:100% }
.simplifica-section .card-simplifica {width:100%; position:relative; display:block;  float: left; margin: 16px 0}
.simplifica-section .card-simplifica figure {border-radius: 8px; padding: 16px; margin-right: 16px;
    border-bottom: 1px solid #00C716; position: relative; display: block;float: left;background-color: #00c7161a;}
.simplifica-section .card-simplifica h1 {
    color: #420080;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    float: left;
    position: relative;
    width: 82%;
    display: block; margin: 0;
}
.simplifica-section .card-simplifica p {color:#667085; font-weight:300; font-size:16px;text-align: left; position: relative; display: block; margin:0; }



.depoimentos-section {  padding: 100px 0; background:#fff; width:100%; position:relative; display:block; text-align: center;  float: left;}

.depoimentos-section h1 {font-size: 40px;
font-style: normal;
font-weight: 300; color: #667085; margin: 0 0 64px 0;
line-height: normal;
letter-spacing: -0.8px;}
.depoimentos-section  h1 b {font-size: 40px; color: #420080;
font-style: normal;
font-weight: 500;}

.depoimentos-section .card-depoimento {border-radius: 16px;
border: 1px solid #ECE6F2; padding: 20px; width: 100%; position: relative; display: block; float: left;
background: #FFF;
box-shadow: 8px 24px 48px 0px rgba(160, 128, 192, 0.15);}

.depoimentos-section .card-depoimento p{color: #667085;


font-family: Ubuntu;
font-size: 16px;
font-style: normal; text-align: left;
font-weight: 300;
line-height: 30px; /* 187.5% */
letter-spacing: 0px;}

.depoimentos-section .card-depoimento .desc{ width:100%; display: block;
    float: left;
    position: relative; }
.depoimentos-section .card-depoimento .desc figure {
    width: 60px;
    height: 60px;
    overflow: hidden; margin-right: 8px;
    border-radius: 4px;
    display: block;
    float: left;
    position: relative;
}

.depoimentos-section .card-depoimento .desc h1 {
    font-family: Ubuntu;
    color: #420080;
    font-size: 16px;
    text-align: left;
    float: left;
    font-style: normal;
    font-weight: 500;
    display: block;
    position: relative;
    line-height: normal;
    letter-spacing: 0px;
    width: 80%;
    margin: 2px 0 0;
}

.depoimentos-section .card-depoimento .desc p{font-family: Ubuntu; color: #667085;
font-size: 14px;
font-style: normal;text-align: left; float: left;display: block; position: relative;
font-weight: 300;
line-height: 120%; /* 19.6px */}

.depoimentos-section .card-depoimento .btn-ver {
    color: #420080;
    position: relative;
    display: flex
;
    float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    gap: 8px; margin: 8px 0 0 0;
    padding: 8px;
    border: 1px solid #e9ecef75;
    border-radius: 8px;
    transition: 0.3s;
}

.depoimentos-section .card-depoimento .btn-ver:hover {border: 1px solid #420080;
    background: #4200800a;}

.depoimentos-section .card-depoimento .logo{} 



footer{  padding: 80px 0; background:#420080; width:100%; position:relative; display:block; text-align: center;     border-top: 4px solid #b896d8b8; float: left;}

footer h1 {font-family: Ubuntu;
font-size: 40px; text-align: left;float: left;display: block;position: relative;
font-style: normal;
font-weight: 400; color: #A080C0;
line-height: normal;
letter-spacing: -0.8px;}
footer h1 b {font-family: Ubuntu; color: #fff;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.8px;}
footer span {
    text-align: left;
    float: left;
    display: flex
;
    position: relative;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    margin: 16px 0;
    font-weight: 300;
    color: #fff;
    line-height: 32px;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

footer button.hero-button.secundary { margin:16px 0; float: left;}

footer button.hero-button.secundary figure{margin: 0;}

footer figure#selos { float:left; display:block; position:relative; margin:16px 0;    clear: both;}


.contatos {
    float: left;
    display: flex
;
    position: relative;
    border-bottom: 1px solid #ece6f236;
    padding-bottom: 16px;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.contatos p {text-align: left;float: left;display: block;position: relative;font-family: Ubuntu;
font-size: 16px; 
font-style: normal; transition: 0.3s; cursor: pointer;
font-weight: 400; color: #A080C0;  margin:0 24px; 
line-height: 32px;}
.contatos p b{color: #fff;}

.contatos p svg { margin-right:8px }

.contatos p:hover { color:#00F71D; }

.contatos p:hover svg path {stroke:#00F71D; }



/***---------------------- MEDIA QUERYS 0------------------0------------------0------------------0------------------0------------------
 * 0------------------0------------------0------------------0------------------0------------------0------------------
 * 
 * 0------------------0------------------0------------------0------------------0------------------0-----------------*/


@media (min-width: 1920px) {

}



@media (max-width: 1370px) {
  /* estilo para XL e maior */

  section.platform-section.secao2.secao1  { padding:50px!important; }


  .secao4 { padding:50px!important; }
  .secao4 .platform-text h2 { width:95%; }

  .platform-list {    margin: 0;}
}




@media (min-width: 768px) {
  /* estilo para MD e maior */
}




@media (max-width: 575.98px) {


    section.platform-section.secao2.secao1 .platform-text h2 {    width: 100%;        margin-top: 16px;}
    section.platform-section.secao2.secao1 .platform-text p {font-size: 22px;}

    section.platform-section.secao2.secao1 .platform-text figure { width:64px; }

    section.platform-section.secao2.secao1 { padding:50px 0!important; }
    .hero-section { height: auto;    padding: 140px 0 0 0;}
.hero-image {
   text-align: center;
        padding-top: 0;
        display: block;
        flex-wrap: nowrap;
        overflow: hidden;
        width: 100%;
        height: 270px;
        position: relative;
        float: left;
}

    .hero-description {    font-size: 12px;}

         .hero-image img {
        max-width: 220%;
        bottom: 0;
        left: 2%;
    }

    .logos-title {     margin-top: -30%; }


    section.platform-section.secao2 { padding:0; }

    section.platform-section.secao2 figure {        margin: 0;
               width: auto;}

        section.platform-section.secao2 h4 {margin-top: 12px}

        section.info-section p.info-text {text-align: center!important;}

        .banner-section .banner figure#atendente {display: none}

        .banner-section .banner {  margin: 80px 0 80px 0;  padding: 16px;}

        .banner-section .banner button.hero-button.secundary {margin: 0;}

            .secao4 {
        padding: 32px 0!important;
    }


    .secao4 .platform-text h2 {
        width: 100%;
    }

    .platform-section {padding: 0;}
    .seal-section { padding:0; }

    .cards-tipos {padding: 16px;border-radius: 24px;}
    .cards-tipos .lado1 h1 {
    font-size: 26px;}


    .banner-section .banner h1 {        font-size: 18px !important; margin:0!important; padding:0; }

    .banner-section .banner p {font-size: 14px;    letter-spacing: 0;}

    .cards-tipos .lado1 p {
    font-size: 14px;}

    .lado1 .hero-button { margin:24px 0 48px 0; }
    .cards-tipos .lado1 figure {margin: 0;}


    .cards-tipos .lado2 {border-radius: 24px;
    padding: 16px;}

      .cards-tipos .lado2 h1 {
    font-size: 26px;}

    .cards-tipos .lado2 p {
    font-size: 14px;}
    .confianca-section .text {padding: 0; margin: 24px 0 0 0;}


.confianca-section .card-image {    height: 350px;}

.confianca-section .card-image .card-drop {width: 320px;        bottom: 30px;}

.confianca-section .text h1 {
    font-size: 26px;}

    .confianca-section .text p {
    font-size: 14px; }







           .depoimentos-section h1    {font-size: 32px;}
    .depoimentos-section h1 b {font-size: 32px;}

}