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

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

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

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #00F71D!important;}


    .sitemap ul li p:hover {    color: #00F71D;}

/* menu dropdown- -----*/

.dropdown-menu.p-3.border-0.shadow-lg.canaisDropdown {
    min-width: 400px !important;
}



.banner-menu {
    height: 395px;
    overflow: hidden;
    border-radius: 16px;
}
.banner-menu p {color: var(--base-white, #FFF);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 400;margin: 0; padding: 2px 0;
line-height: normal;
letter-spacing: -0.32px;}
.banner-menu p b{color: #00F71D; font-weight: 400; margin: 0; padding: 0;}


 h6.text-purple.mb-3 {color: var(--Gray-100, #434855);

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


 h6.text-purple.mb-3 svg {width: auto; height: auto;}

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

#index .hero-button {border: 1px solid #00F71D;}

button.btn.header {
 
    padding: 12px 16px; transition: 0.3s;
    border-radius: 6px; color: #fff;
border: 1px solid var(--Green-050, #80E38A);
background: var(--Green-100, #00C716);color: var(--base-white, #FFF);
text-align: center;
font-family: Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */
}

button.btn.header:hover { background:#80E38A; }

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

/* Body-medium/body-14 */

font-size:16px!important; 
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: -150% !important; transition: 0.3s;
}
.dropdown-menu svg { width:40px; height:40px; }

.dropdown-menu strong {
    width: 100%;
    color: #420080!important;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: left;
    float: left;
}
.dropdown-menu small {
    color: var(--Gray-100, #434855);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    width: 100%;
    position: relative;
    float: left;
    display: block;    text-align: left;
}

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

.dropdown-menu .d-flex.btn:hover {border: 1px solid #862be2; background: #fafafa;}
.dropdown-menu .d-flex.btn:hover strong { color:#420080; }

/* ===== HERO SECTION (Topo Roxo) ===== */
.hero-section {
    background: #420080 url(../images/bg-hero.png) no-repeat;
    color: white;
    height: 930px;
    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;
}

#logos-redes span:hover svg path{stroke:#00F71D; }


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

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

.hero-description {
    color: #ECE6F2;
    text-align: center;
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 24px;
}


.hero-description b {
    color: var(--Purple-010, #ECE6F2);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 32px;
}

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

/* ===== LOGOS SECTION ===== */
.logos-section {
    background-color: #dee2e629;
    padding: 60px 0;
    border-top:none!important;
  display: block; position: relative;float: left;
    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: #434855;
    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%;
   
    padding-bottom: 64px;
}
.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; width: 100%; position: relative; display: block; float: left;padding: 64px 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 {
     margin: 2px 0 0 0;
    display: block;
    float: left;
    position: relative;
    width: 80%;
    color: var(--Green-100, #00C716);
    text-align: left;
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
}

.platform-subtitle {
color: var(--Purple-100, #420080);

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

p.platform-subtitle b {
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
}

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

.platform-list li {
    margin-bottom: 30px;
    font-size: 16px;
    color: #444;border-radius: 0px;
    border-bottom: 1px solid #F0E6FB;
    position: relative;
    display: block;
    float: left; transition: 0.3s;padding: 16px 0;
    padding-bottom: 32px;
}



.platform-list li figure {
    padding: 0;
    border-radius: 8px;
    border: 1px solid #c17eff21;
    width: 32px;
    height: 32px;
    position: relative;
    display: flex 
;
    float: left;
    justify-content: center; margin: 0;
    margin-right: 8px;
    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;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
    color: #434855;
    width: auto;
    float: left;
    position: relative;
    padding-left: 41px;
}
/* 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: 0; 
  margin-bottom: 124px;
}

.seal-box {
    padding: 20px 48px;
    display: flex
;
    align-items: center;
    gap: 16px;
    max-width: 500px;
    background-color: #f9f9f975;
    border-radius: 16px;
    width: 100%;
    border: 1px solid var(--base-gray, #EBEEF4);
    justify-content: center;
    align-content: center;
}

.seal-text {
    color: black;
    font-family: Ubuntu;
    font-size: 24px;    color: #434855;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.48px;
}

.seal-text b {    color: #434855;
/* Heading-light/Heading-24 */
font-family: Ubuntu;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 35px; /* 145.833% */
letter-spacing: -0.48px;}

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

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

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

  .platform-title {width: 100%;
    font-size: 28px!important;
  }
}

   section.platform-section.bg-roxo {
    background: #f5f6f9; 
    padding: 90px 0!important;
}

.blogpost {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 50px;
}


.cards-tipos {

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

.cards-tipos .lado1 {
    background: #420180;
    border-radius: 32px;
    padding: 46px 32px 32px 32px;
    color: #f5f6f9;
}
.cards-tipos .lado1 figure{ margin: 0;   margin-top: 0;}
.cards-tipos .lado1 figure img {width: 75%;}

.cards-tipos .lado1 h1{ line-height: 35px;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:14px; font-weight:300; text-align:left; color: #fff; position:relative; display:block; float:left;}


.cards-tipos .lado1 .hero-button {
    background: #420180; }

    .cards-tipos .lado1 .hero-button:hover {color: #fff;    background: #00C716;}

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

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

  .cards-tipos .lado2 h1 {line-height: 35px;font-size:32px; color: #420080; font-weight:500; text-align:left;
   position:relative; display:block; float:left;    margin-top: 2px;}
.cards-tipos .lado2 h1 b { color: #00C716;display: block; font-weight: 500;
    float: left;}
.cards-tipos .lado2 p {font-size:14px; font-weight:300; text-align:left; color: #434855; position:relative; display:block; float:left;}


.cards-tipos .lado2 .hero-button { border: 1px solid #00C716!important;}


    figure#iconfloat {
    position: absolute;
    left: 48%;
    width: auto;
    z-index: 99;
    top: 42%;
    box-shadow: 1px 14px 48px 0px rgb(111 63 158 / 51%);
    padding: 0;
    border-radius: 100px;
}

/* ===== 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/img-secao5-home.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;
}

       #index .confianca-section .card-image .card-drop figure { width: 56px; position: relative;float: left; display: block; margin-right: 16px;}
   

       #index .confianca-section .card-image .card-drop figure img { width:124%; }
.confianca-section .card-image .card-drop p {
    color: #434855;
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.44px;
    width: 80%;margin: 8px 0px;
    display: block;
    position: relative;
    float: left;
}


    .confianca-section .card-image .card-drop p  b      {    color: #434855;
font-family: Ubuntu;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.44px; margin: 0;}
 .confianca-section .card-image .card-drop h4 {
    position: relative;
    float: left;
    display: block;
    font-size: 12px;
    margin: 0;
    margin-left: 0;
    color: #00C716;
}


.card-drop a {    color: #59008c;
    font-family: Ubuntu;
    font-size: 14px;transition: 0.3s;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px; margin-top: 8px;
    text-decoration: none;    clear: both;
    float: left;}

    .card-drop a:hover {margin-left: 4px;     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: #434855; 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: #434855; font-weight:400; text-align:left; position:relative; display:block; float:left;}








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

figure#icon-center {
    position: relative;
    margin-top: -45px!important;
}

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 {
    text-align: center;
    margin: 0;
    margin-bottom: 64px;
    color: #7f7f7f;
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0;
}

.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: #00c7160d;}
.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:#434855; font-weight:300; font-size:16px;text-align: left; 
    position: relative; display: block; margin:0;    line-height: 24px;    letter-spacing: 0px; }



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


.carousel-inner {
    position: relative;
    width: 100%;
    overflow: initial;
}

.depoimentos-section h1 {font-size: 40px;
font-style: normal;
font-weight: 300; color: #434855; 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: #434855;


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: #434855;
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; cursor: pointer;
    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{} 




/*----- BLOG ----------------*/



.blog-title-section {
    width: 100%;
    padding: 96px 0 48px 0;
    margin: 24px 0 0 0;
    position: relative;
    display: block;
    float: left;
    border-bottom: 1px solid #ECE6F2;
    background: url(../images/divider-blog.png) no-repeat;
    background-position: top;
}


.blog-title-section figure { float:left; display:block; position:relative; }

.blog-title-section figure svg {margin-right: 8px;}
.blog-title-section h1 {    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;    color: #420080!important;
    line-height: normal;
    letter-spacing: -0.64px;}

    .blog-title-section h1 b {color: #434855;
/* Heading-light/Heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 45px;
letter-spacing: -0.64px;}


p#apoio {
    color: #434855;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 155%;
    margin-left: 8px !important;
    position: relative;
    display: block;
}       


      p#apoio b  {color: #420080; font-weight: 400;}

.card-post {
    border-right: 1px solid #ECE6F2;
    position: relative;
    display: flex
;
    float: left;
    width: 100%;
    padding: 16px!important;
    transition: 0.3s;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.card-post:hover {
    box-shadow: 0px 24px 32px 0px #ECE6F2;
    border-bottom: 1px solid #760de0;
}

.card-post:hover h1 {color: #420080; }

.card-post span { background:#ECE6F2; border-radius:4px;color: #420080; padding: 4px 8px; transition: 0.3s;
/* Body-medium/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */ }

.card-post h1 {color: #420080!important;
transition: 0.3s;
/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 18px; text-align: left; float: left; display: block;
font-style: normal; margin: 0;
font-weight: 500; padding-right: 0;
line-height: 26px; /* 130% */
letter-spacing: -0.4px;}


.card-post p {
    color: #434855;
    font-family: Ubuntu;
    font-size: 16px;
    text-align: left;
    float: left;
    display: block;
    font-style: normal;
    font-weight: 300;
    padding-right: 0px;
    line-height: 26px;
    letter-spacing: 0px;
}

.card-post svg {
    margin-left: 0px; transition: 0.3s;
}



.card-post:hover svg {margin-left: 10px;}
.card-post figure { transition:0.3s; width:100%; height: 210px; border-radius: 8px; position:relative; float:left; overflow:hidden; }
.card-post figure img{ transition:0.3s; width:100%; position:relative; float:left; }
.card-post:hover figure img {width: 105%; }

.card-post:hover span {background: #420080; color: #fff;}
.divider { width:100%; position:relative; display:block;float:left; background:#ECE6F2; height:1px; margin-bottom:64px; }


.blogpost .col-sm-4 {padding: 0;}



/* FAQ Section */
.faq-section { width: 100%; position: relative; display: block; float: left;
 padding: 0;
}

.faq-section h2 {color: var(--Purple-100, #420080); padding-bottom: 32px;
text-align: center;

/* Heading-Semibold/Heading-48 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;}

/* Accordion */
.accordion-button {
  background-color: transparent;
  box-shadow: none !important;
}


    .accordion h2 {
    padding: 0;
}

.accordion-button:not(.collapsed) {
  color: #420080;
  background-color: transparent;
}
.accordion-body {
  font-size: 0.95rem;
}

/* ===== CTA fiel ===== */
.faq-cta {
    padding: 48px;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}

.cta-card {
    background: #f5f7fa80;
    border-radius: 16px;
    padding: 48px;

    width: 100%;
    float: left;
}

.cta-avatars{ margin-bottom: 20px;     position: relative;}
.cta-avatars .avatar{
  width:56px; height:56px; object-fit:cover;
  border:3px solid #fff; box-shadow:0 4px 12px rgba(0,0,0,.06);
  margin-right:-10px; /* sobreposição */
}
.cta-avatars .avatar:last-child{ margin-right:0; }

.cta-title{
 color: var(--Purple-100, #420080);
text-align: center;

/* Text xl/Medium */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
}
.cta-subtitle{
  color: var(--Gray-100, #434855);
text-align: center;

/* Text lg/Normal */
font-family: Ubuntu;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 155.556% */
}

/* Botão pílula branco com sombra */
.btn-cta {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px; transition: 0.3s;
    padding: 16px 24px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, .06);
    color: var(--Base-black, #1E1F20);
    text-align: center;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 169%;
}
.btn-cta .chev-wrap{ color:#4B2ECC; display:flex; }
.btn-cta:hover{
  transform: translateY(-1px); background: #420080; color: #fff;
  box-shadow:0 10px 28px rgba(17,24,39,.1);
}
.btn-cta:hover .chev{ transform: translateX(2px); }
.chev{ transition: transform .2s ease; }

/* Responsivo */
@media (max-width: 576px){
  .cta-card{ border-radius:20px; padding:40px 16px; }
  .btn-cta{ min-width: 100%; }
}




/*------------------------------Newsletter -----------*/

.newsletter-section {
    background: #fafbfc;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 64px 50px;
}

.newsletter-section .title{
      font-weight: 600;
    color: #420080;
    font-size: 18px;
    letter-spacing: .2px;margin: 0!important;padding: 0;
}

.newsletter-section .subtitle{
color: #434855;
/* Heading-light/Heading-20 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 32px;
}

/* Avatares */
.avatar-stack{
  height:72px;
}
.faq .avatar{
  margin: 8px 0;
}

.avatar-lg{
  width:72px; height:72px; top:0; left:48px;
}
.avatar-right{ left:116px; }
.avatar-icon{
  background:#EEE6FF;
  color:#4B16B8;
  display:flex; align-items:center; justify-content:center;
}

/* Inputs */
.input-soft {
    background: #fff;
    border: 1px solid #E7E9EE;
    border-radius: 4px;
    padding: 12px 8px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .02);
    width: 100%;
    font-size: 16px;
}
.input-soft::placeholder{ color:#B2B7C2; }

label.form-label.mb-1 {
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

/* Botão */
.btn-brand {
    background: #420080;
    color: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(75, 22, 184, .25);
    font-size: 16px;
    padding: 13px;margin-top: 26px;
}
.btn-brand:hover{ background:#00C716; color:#fff; }

/* Texto auxiliar */
.helper-text {
    color: #434855;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 169%;
}





footer{  padding: 40px 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;padding: 8px 16px;}

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!important;
    align-items: center!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;
    gap: 2%!important;    width: 100% !important;
}

.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 16px; 
line-height: 32px;}
.contatos p b{color: #fff;}

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

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

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


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



.sitemap {text-align: left;float: left;display: block;position: relative; width: 100%; margin-top: 32px;}
.sitemap ul {
    text-align: left;
    float: left;
    display: flex
;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}
.sitemap ul li{text-align: left;float: left;display: block;position: relative; padding: 0; margin: 0; margin-right:74px; color: var(--Purple-010, #ECE6F2);

/* Body-Regular/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */}
.sitemap ul li h6{color: var(--Purple-050, #A080C0);

/* Body-medium/body-12 */
font-family: Ubuntu;
font-size: 14px;
font-style: normal; margin: 8px 0;
font-weight: 500;
line-height: 140%; /* 16.8px */}

.sitemap ul li h6 svg { margin-right:8px; }

.sitemap ul li p {color: var(--Purple-010, #ECE6F2);



/* Body-Regular/body-12 */
font-family: Ubuntu;
font-size: 14px; margin: 8px 0; padding: 0;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */}


.rodape { width:100%; position:relative; display:block; float:left; padding:16px 50px; background:#fff; }
.rodape p {color: var(--Gray-100, #434855);

/* Body-Regular/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal; text-align: center;
font-weight: 400;
line-height: 140%; /* 16.8px */}

.rodape a {color: var(--Gray-100, #434855);

/* Body-Regular/body-12 */
font-family: Ubuntu;
font-size: 12px; 
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */}

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




@media (min-width: 2720px) {


    nav.navbar.navbar-expand-md.fixed-top {height: 105px;}

    .navbar ul li a {
    color: #FFF;
    text-align: center;
    font-size: 18px; }

    .hero-title,.hero-subtitle {    font-size: 54px;}

    button.btn.header {    font-size: 16px;}

    h6.text-purple.mb-3 {     font-size: 20px; }
    .dropdown-menu strong,.dropdown-menu small  {    font-size: 16px;}

}


@media (min-width: 1920px) {

}



@media (max-width: 1610px) {



    .contatos {    gap: 4% !important;}

    footer {padding: 50px ;}

    section.platform-section.bg-roxo {    padding: 50px 0 !important;}

}

@media (max-width: 1370px) {

    .platform-subtitle {    margin-bottom: 48px;}

    .sitemap ul li {    margin-right: 60px;}


    nav.navbar.navbar-expand-md.fixed-top,#menu2 nav #interna  {height: 65px;}

    #menu2 nav #interna {    padding: 10px 10px 15px 10px!important;}


 .contatos {    gap: 2% !important;}


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

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



    .platform-list { margin:0; }
    .seal-section {    margin-bottom: 64px;}
    .platform-section {padding: 0 35px!important;}
    .platform-list li {         margin-bottom: 0;   padding-bottom: 8px;}

    .container, .container-lg, .container-md, .container-sm, .container-xl {        max-width: 1240px;}

    .hero-section {     padding: 100px 50px 100px 50px;   height: 810px!important;}
    .hero-title { padding: 24px 0 0 0; }
    .hero-description {    padding-bottom: 0;}

    .confianca-section {padding: 50px;}


    /*-header -----*/
    button.btn.header {padding: 8px;    font-size: 12px;}





    /* secao confianca ---*/



    .confianca-section .card-image .card-drop {    bottom: 120px;        padding: 16px;}

    .confianca-section .text .card-c {    margin-right: 16px;}


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

    .depoimentos-section h1 {    margin: 0 0 24px 0;}




    .simplifica-section p .simplifica-section p {
    text-align: center;
    margin: 0;
    margin-bottom: 64px;
    color: var(--Gray-100, #434855);
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.64px;
}   


.confianca-section .card-image .card-drop {.confianca-section .card-image .card-drop {
    position: absolute;
    bottom: 106px;
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    border: 2px solid #ddd;
    width: 450px;
}

.confianca-section .text .card-c {    margin-right: 24px;}

.simplifica-section {    padding: 0 50px 24px 50px;}

.depoimentos-section {padding: 24px 0;}

    .simplifica-section p {    margin-bottom: 24px;        font-size: 18px;}

    .simplifica-section .card-simplifica h1 {font-size: 18px;}

    .simplifica-section .card-simplifica {    margin: 16px 0;}

    .depoimentos-section {    padding: 50px 0!important;}


    .contatos p {    margin: 0 8px;}


    .banner-section {    padding: 0 50px!important;}

    #canal-pronto .platform-section .platform-list  {margin: 50px 0 0 0!important;}

    footer {
    padding: 50px!important;}

    footer span {font-size: 14px;}

    .sitemap ul li {    margin-right: 50px!important;}

      /* blog ----*/

    .blog-title-section {    padding: 90px 50px 10px 50px!important;
    margin: 24px 0 0 0;}


    .newsletter-section {    padding: 64px 50px!important;}

    .blogpost {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 50px;
}

.navbar ul li a { font-size:16px!important; }


}




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




@media (max-width: 575.98px) {

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


    .newsletter-section .title {    font-size: 18px !important;}

    .banner-section {
        padding: 0!important;
    }

    .dropdown-menu .d-flex.btn {    padding: 8px !important;}


    .hero-section {height: auto!important;}

    .hero-tag {    font-size: 10px;}

    button.navbar-toggler {
    border: 1px solid #ffffff3d;
    width: 40px;
    height: 40px;
    padding: 2px;
}


div#navbarNav {
    background: #31035e;
    padding: 16px;border-radius: 8px;
}

.navbar ul li a {    padding: 16px 0;font-size:16px!important; }


.navbar  .dropdown-menu { width:100%;        min-width: 100% !important; }

.navbar  .position-relative {display: none;}

.dropdown-menu .d-flex.btn {margin: 0;}

    .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-image img {
        max-width: 220%;
        bottom: 0;
        left: 2%;
    }

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

    .platform-section {padding: 0!important;}
    .seal-section { padding:0; }section.platform-section.secao1 {
    padding: 0 !important;
}

 
    .cards-tipos {padding: 0;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; text-align: center;}


    .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 {
        padding: 50px 0 100px;
    }

        .simplifica-section {
        padding: 0 0px 24px 0px;
    }


     .newsletter-section {
        padding: 50px 0px !important;
    }

    .blog-title-section {    padding: 80px 0 !important;}

    .platform-subtitle { font-size: 18px; float: left;}

    p.platform-subtitle b {
    font-size: 18px;}

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

    .seal-box {    padding: 16px;}

    .seal-text, .seal-text b {    font-size: 18px;}

    figure#iconfloat {display: none;}

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

.confianca-section .card-image .card-drop figure {margin-right: 8px;}

.confianca-section .card-image .card-drop {width: 320px;           padding: 16px 8px 8px 8px;     bottom: 30px;}
.confianca-section .card-image .card-drop p {width: 75%;}
.confianca-section .card-image .card-drop p,.confianca-section .card-image .card-drop p b {font-size: 16px;}

.simplifica-section h1 {
    font-size: 20px;}

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

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

    .simplifica-section .card-simplifica p { font-size: 14px!important;}

.simplifica-section p {    font-size: 16px!important;     margin-bottom: 16px;   line-height: 20px;        margin: 0;
        padding: 0;}


.simplifica-section .card-simplifica figure {    padding: 4px;    margin-bottom: 50px;}
.simplifica-section .card-simplifica h1 {
    color: #420080;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    float: left;
    position: relative;
    width: 80%;
    display: block;
    margin: 0;
}



    .secao4 .platform-text h2 {
        margin: 0;
        font-size: 22px;
        width: 100%;
        float: left;
    }


.blog-title-section h1 {    font-size: 24px!important;    padding-top: 38px;    line-height: 9px !important;}
.blog-title-section h1 b {    font-size: 22px!important;}

p#apoio {    margin-top: 24px;}

.blog-title-section figure {   margin-top: 24px;  height: 60px;}

.blogpost {padding: 0;}

    
.faq-section {padding:32px 0!important}

.cta-subtitle {font-size: 16px;}


    .depoimentos-section .card-depoimento {margin-bottom: 16px}
           .depoimentos-section h1    {font-size: 32px;}
    .depoimentos-section h1 b {font-size: 32px;}


    footer {    padding: 80px 16px!important;}

    footer h1 { text-align:left;         font-size: 24px!important}
    footer h1 b { font-size: 24px!important}

    footer span { text-align:left; }


    .contatos {
        justify-content: left;
        width: 100%;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex
;
        float: left;
        align-items: flex-start;
    }

    .contatos p {        width: 100%; margin:0; }

    div#logos-redes {
    width: 100%;
}


.sitemap ul {    flex-direction: column;
    justify-content: flex-end;}

}