/* 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-section figure img {width: 100%;}

.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%;
}





/* secao 2 -----------------------------*/
.secao2 {
    padding: 96px 0px 0px 0!important;
}

.platform-section figure#ilustra1 {    padding: 48px 0 0 0;}
.platform-section figure#ilustra1  img { width:100%; }
.secao2 .platform-list li {background: #fff; border: none;    margin-bottom: 8px!important;}
.secao2 .platform-list li p {color: #555;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
}

.secao2 .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%);}

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

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


    .platform-section h2 b {  color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 45px;
    letter-spacing: -0.64px;}

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

    .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: -0.32px;    margin-top: 1%;
}

section.platform-section.secao2.reports {
    padding-bottom: 100px !important;
}


section.platform-section.secao2.reports 

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

section.platform-section.secao2.reports .icon-box { margin-bottom:16px; }

section.platform-section.secao2.reports  h2, .secao4 h2{ width:100%; }
/* --- -secao 3 ----------*/
/* 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: -0.32px;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.secao3 .item-box {
    background: #fff;

    border-radius: 15px;
    padding: 15px;
    height: 100%;
    transition: all 0.3s ease;
}

.secao3 .item-box p {
    color: var(--Base-black, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-weight: 300;
    line-height: 155%;
}


.secao3 .row.justify-content-center.mt-4.g-3 {
    border: 1px solid var(--Gray-050, #aaafba3d);
    border-radius: 8px;
}



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


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

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

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

section.banner-section.small  .banner button.hero-button.secundary {margin: 0;
    width: 100%;
    position: relative; font-size: 16px!important;
    display: block;
    float: left;}


    section.banner-section.small .banner h1 {     font-size: 24px;}

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



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


.banner-section .banner {
    position: relative;
    width: 100%;
    height: 320px;
    display: block;
    margin: 40px 0 80px 0;
    float: left;
    padding: 104px 64px;
    border-radius: 24px;
    background: url(../images//bg-banner-cta.jpg);
    background-size: cover;
}
.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 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 {
    text-align: left;
    float: left;
    display: block;
    position: relative;
    letter-spacing: -0.64px;
    width: auto;
    color: var(--base-white, #FFF);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}

.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;}



section.info-section {
    margin-top: 64px !important;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}

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: -0.32px;
}


.icon-box {
    border-radius: 8px;
    border-bottom: 1px solid var(--Purple-100, #420080);
    background: rgba(236, 230, 242, 0.50);
    padding: 8px;
}.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%);
}




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



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


.secao4  figure#ilustra1 { text-align:right; }

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

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


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

.secao4 .platform-list li {border-radius: 8px;
border: 1px solid var(--base-gray, #EBEEF4);color: var(--Gray-100, #667085);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 156.25% */
letter-spacing: -0.32px;
background: var(--base-white, #FFF);}


.secao4 .platform-list li figure {border-radius: 8px;
background: #FFF;
box-shadow: -6px 8px 24px 0 rgba(18, 136, 81, 0.05);}

/* ===== Secao 4 ===== */
.secao4 .secao4-card{
  background: #fff;
  border: 1px solid #EDEAF3;            /* borda clarinha como no print */
  border-radius: 20px; margin: 16px 0;

  overflow: hidden;             padding: 16px;             /* garante os cantos arredondados */
}

.secao4 .secao4-card figure {
    width: 100%;
    height: 275px;
    border-radius: 16px;
    margin: 0;
    background: linear-gradient(180deg, #fff 0%, #fff 60%, #e9e9e975 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    overflow: hidden;
    display: flex
;
    align-items: center;
    justify-content: center;
    align-content: center;    padding: 16px;
}
.secao4 .secao4-card figure img {width: 90%;}


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

.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: -0.32px;
}

.secao4 p {
    color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 169%;
}

/* ===== 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: -0.32px;
}

.secao6-card {
    border: 1px solid #EBEEF4;
    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: -0.32px;
}

.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: -0.32px;
}



/* ===== 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;
}


button.accordion-button { padding: 32px 0 32px 0 ; color:#101828!important; }

.accordion-body.text-secondary {padding: 0 0 32px 0;}


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

    .platform-text figure img {box-shadow: 3px 11px 34px 5px #9a46e53d; width: 100%;
    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 0 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: -0.32px;
}
/* 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: -0.32px;}

.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: -0.32px;
    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;}





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 */
.platform-section h2 {
    color: #420080;
    margin: 0;
    width: 55%;
    padding: 0;
    font-size: 32px;
}
section.platform-section.secao2.eme {
    padding: 50px !important;
}

  .secao4 {     padding: 50px!important; }
.secao4 .platform-text h2 {width: auto;        margin: 0;}



  .platform-section h2 { width:50%;    font-size: 30px; }
    .platform-section h2 b{    font-size: 28px;}

    .secao2 {    padding: 50px 0 !important;}

    .secao2 h3 {font-size: 15px;    line-height: 26px;}

}




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




@media (max-width: 575.98px) {

    .hero-section { height: auto;    padding: 96px 16px 0 16px;}
.hero-image {
   text-align: center;
        padding-top: 0;
        display: block;
        flex-wrap: nowrap;
        overflow: hidden;
        width: 100%;
        height: 270px;
        position: relative;
        float: left;
}


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

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

        section.platform-section.secao2.eme, section.platform-section.secao4{
        padding: 50px 0 !important;
    }

    section.platform-section.secao2.reports {
    padding-bottom: 10px !important;
}


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

    /*secao 2 -----*/


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

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

   .platform-section h2 {
    color: #420080;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}   
    
    .secao2 .platform-list li {    padding: 8px !important;}

    .platform-list li p {font-size: 14px;}

  .platform-section .platform-subtitle { font-size:20px; position:relative; float:left; display:block; }

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

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

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

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


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


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

    .secao3 { padding:16px; }
.secao3 .titulo {        font-size: 24px;
        margin-top: 16px;
        width: 100%;
        position: relative;
        display: block;
        float: left;}
    .secao3 .titulo,.secao3 .texto-verde {    font-size: 24px;}

    .secao3 .subtitulo {line-height: 24px}



    /* secao6 -----*/

    .secao6 .secao6-title {    font-size: 20px;}

    .secao6-subtitle {line-height: 24px;}

        /* secao banner small ------*/

        .banner-section .banner figure#icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .banner-section .banner figure#atendente {display: none;}
    .banner-section .banner {padding: 24px!important;    height: auto!important;        margin: 32px 0!important;}
section.banner-section.small .banner{padding: 24px;    height: auto;        margin: 32px 0;}
    .banner-section .banner h1 {
        display: block;
        width: 100%;
        float: left; line-height: 20px;
        font-size: 18px;
        margin-bottom: 24px;        margin: 0;
        position: relative;
    }
    .banner-section .banner p {          font-size: 16px;
        line-height: 24px;  clear: both;}

    .banner-section .banner button.hero-button.secundary {
    margin: 0!important; width: 100%;    border: 1px solid #00C716;
}
    

    .platform-list {    margin: 0!important;}


    .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;}

}