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




/* secao 1 slide-section -------------------------------*/

    section.slide-section.sec1 {
    padding: 50px 50px 0px 50px;
}
    .slide-section { width:100%; position:relative; display:block; float:left; padding:100px 0; }

    .slide-section h2 {color: #420080 ;    font-size: 30px;
    margin: 0;
    padding: 16px 20px 16px 0;}

    .slide-section h2 b {color: #00C716; font-weight: 500;}

     .slide-section p {color:#667085;

/* Heading-light/Heading-20 */padding-right: 10%;
font-family: Ubuntu;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 160% */}


.slide-section .nav-link {
    border: none;
    border-bottom: 1px solid #EBEEF4 !important;
    display: flex
;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    opacity: 0.5;    width: 100%;
    justify-content: center;
    align-items: center;
}

    .nav-tabs {border: none;}

.slide-section .nav-item p { font-size:16px; padding-right:0; }

.slide-section li.nav-item {
    width: 30%;
}

#icon-titulo { width:80px; }

    .slide-section .nav-link.active { background:#FFF; opacity: 1;    border-bottom: 1px solid #A080C0 !important;}

     .slide-section .nav-link.active figure {      position: relative;
    float: left;
    border: 1px solid #A080C0;
    filter: grayscale(0);
    padding: 8px;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex
;
    align-items: center;
    justify-content: center;}        

    .slide-section .nav-link figure {  width: 48px;
    height: 48px;    display: flex
;
    display: flex
;
    align-items: center;
    justify-content: center;}

     .slide-section .nav-link.active  p  {  color: #420080;  font-weight: 400;}

     .slide-section .nav-link figure { position: relative;
    display: block;
    float: left;    display: flex
;
    border: 1px solid #EBEEF4;    filter: grayscale(1); margin: 0;
    padding: 8px;
    border-radius: 8px;}


    .tab-content p {color: #667085;
 min-height:  200px;
/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300; padding-right: 0;
line-height: 30px; /* 187.5% */
letter-spacing: -0.32px; }



/* secao 2 -----------------------------*/


.platform-section figure#ilustra1 {    padding: 32px 0 0 0; width: 100%;}
.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 {
    margin: 0;
    padding: 0;
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;    width: 70%;
    line-height: normal;
    letter-spacing: -0.64px;
}
.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;
    display: block;
    float: left;
}
    .platform-subtitle b {color: #00C716;}




/* secao 3 banner-canal-mulher-----------------------------*/



.banner-canal-mulher { width:100%; position:relative; display:block; float:left; padding:32px 0; background:#EBEEF4; border-radius: 24px;}
.banner-canal-mulher .lado1 {width:100%; position:relative; display:block; float:left; padding:48px; background:#fff; border-radius: 24px;}
.banner-canal-mulher .lado1 h1 {color: var(--Purple-100, #420080);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;}
.banner-canal-mulher .lado1 p {color: var(--Gray-100, #667085);

/* Body-Regular/body-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 155%; /* 24.8px */    margin: 24px 0;}
.banner-canal-mulher .lado1 .footer {width:100%; position:relative; display:block; float:left; padding:8px; background:#fff; border-radius: 24px;}
.banner-canal-mulher .lado1 .footer figure {border-radius: 8px; position: relative; display: block; margin-right: 8px;    margin-bottom: 0; float: left; width: 60px; height: 60px;}
.banner-canal-mulher .lado1 .footer figure img { width:100%; }
.banner-canal-mulher .lado1 .footer h1{color: var(--Purple-100, #420080);

/* Heading-bold/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;    width: 80%;
font-weight: 700;position: relative; display: block; float: left; 
line-height: normal; margin: 0;  margin-bottom: 16;
letter-spacing: -0.32px;}
.banner-canal-mulher .lado1 .footer p{color: var(--Gray-100, #667085);    margin-bottom: 0;

/* Body-Regular/body-14 */
font-family: Ubuntu;
font-size: 14px;position: relative; display: block; float: left; 
font-style: normal;
font-weight: 300;
line-height: 140%; /* 19.6px */margin: 0;}




   .banner-canal-mulher .lado2 iframe {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0;
    background: #fff;
    border-radius: 24px;
}



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



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

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


.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;
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0;
}

.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;
    top: -41.3%;
    right: 10%;
    position: absolute;
}



 

/* secao 4 section.platform-section.secao4 ---------------*/


.secao4 { width:100%; position:relative; display:block; float:left;  background: #f3f5f8b5 !important; padding:100px 0!important; }


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

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

    .secao4 ul li  p {width: 86%;    padding-left: 0;}

/* ===== LOGOS SECTION ===== */
.logos-section {
    background-color: #fff; float: left;
    padding: 60px 0;
    border-top: 10px solid #ECE6F2;
  
    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;
}

/* --- pesquisa --- */


section#pesquisa {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 124px 0;
}
#pesquisa .pesq-titulo, .pesquisa .pesq-titulo{
color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
}
#pesquisa .pesq-subtitulo, .pesquisa .pesq-subtitulo{
color: var(--Gray-100, #667085);max-width: 700px;
text-align: center;

/* Heading-light/Heading-24 */
font-family: Ubuntu;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 35px; /* 145.833% */
letter-spacing: -0.48px;
}

/* --- Cards Roxos --- */

#pesquisa .pesq-card-roxo, .pesquisa .pesq-card-roxo {
    position: relative !important;
    border-radius: 22px !important;
    color: #FFFFFF !important;
    min-height: 320px !important;
    overflow: hidden !important;
    padding: 32px !important;
    background: radial-gradient(1200px 360px at 15% 5%, rgba(255, 255, 255, .16), transparent 60%), linear-gradient(140deg, #783BB3 0%, #420080 45%, #783BB3 100%) !important;
    height: auto !important;
    margin: 0 0 32px 0;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}
#pesquisa .pesq-card-roxo::after, .pesquisa .pesq-card-roxo::after{
  content:"" !important;
  position:absolute !important; right:-30%; bottom:-35%;
  width:70%; height:70%;
  background:radial-gradient(60% 60% at 70% 70%, rgba(255,255,255,.14), transparent 70%) !important;
}

/* Texto dentro dos roxos */
#pesquisa .pesq-hero, .pesquisa .pesq-hero{
color: var(--base-white, #FFF);
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
}
#pesquisa .pesq-accent, .pesquisa .pesq-accent{    color: #00F71D;
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px; }

#pesquisa .pesq-info, .pesquisa .pesq-info{
    color: var(--base-white, #FFF);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
}
#pesquisa .pesq-seta, .pesquisa .pesq-seta{
  width:18px; height:18px; flex:0 0 18px; display:inline-block;
  background:
    linear-gradient(#00C716,#00C716) left 6px top 8px/10px 2px no-repeat,
    linear-gradient(#00C716,#00C716) left 12px top 6px/2px 6px no-repeat,
    linear-gradient(#00C716,#00C716) left top/2px 2px no-repeat;
  transform:rotate(-45deg);
  border-radius:2px;
  filter:drop-shadow(0 0 6px rgba(0,199,22,.35));
}

/* --- Cards Brancos --- */
#pesquisa .pesq-card-branco, .pesquisa .pesq-card-branco{
  min-height:280px !important;
  border-radius:22px !important;
  background:#FFFFFF !important;
  border:1px solid #EDF0F6 !important;

}

#pesquisa .pesq-card-branco {width: 100%; text-align: center;}
 .pesquisa .pesq-card-branco img { width:69%; }



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

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

.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: 30px;
    font-size: 16px;
    color: #444;border-radius: 0px;
    border-bottom: 1px solid #FFF;
    position: relative;
       display: flex
;    align-items: center;
    float: left; transition: 0.3s;padding: 0 0 16px 0;
    padding-bottom: 32px;
}



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

.platform-list li figure {
    padding: 0;
    border-radius: 8px;
    border: none;
    border-bottom: 1px solid #00c716;
    background: #00C7160F;
    width: 48px;
    height: 48px;
    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;
    margin-bottom: 5px;
    width: 80%;
    float: left;
    position: relative;
    padding-left: 16px;
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
}

ul.platform-list span {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.32px;
    margin-bottom: 24px;
    width: 100%;
    position: relative;
    display: block; }

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


/*- secao pesquisa ------*/




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

.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 */


.secao4 {    padding: 50px !important;}

.platform-section h2, .platform-section h2 b{    font-size: 30px;}

.platform-list li {    margin-bottom: 10px;}

section#pesquisa { padding: 50px;}

#pesquisa .pesq-titulo, .pesquisa .pesq-titulo {    font-size: 40px;}
#pesquisa .pesq-subtitulo, .pesquisa .pesq-subtitulo {font-size: 20px;}


.faq-section {    padding: 0;}

.banner-section .banner h1,.banner-section .banner h1 b {    font-size: 16px;}

#pesquisa .pesq-accent, .pesquisa .pesq-accent, #pesquisa .pesq-hero, .pesquisa .pesq-hero {font-size: 32px;}


 .pesquisa .pesq-card-branco img { width:77%; } 

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


}




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




@media (max-width: 580px) {


        .banner-canal-mulher {    padding: 24px 0;}
    .banner-canal-mulher .lado1 {    margin-bottom: 24px; padding: 16px;}

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

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

.slide-section h2 {    font-size: 24px;}

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


.platform-section h2 {        font-size: 20px !important;}

.platform-section h2 b {    line-height: 30px; font-size:18px!important; }


.platform-section figure#ilustra1 img {width: 100%;}
    .hero-description {    font-size: 12px;}

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

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


.slide-section p {    color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300; 
    line-height: 24px;}


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

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


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

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



    /* pesquisas -----*/

    #pesquisa .pesq-titulo, .pesquisa .pesq-titulo {font-size: 24px;}
    #pesquisa .pesq-subtitulo, .pesquisa .pesq-subtitulo { font-size:18px;line-height:24px; }

    #pesquisa .pesq-card-roxo, .pesquisa .pesq-card-roxo {padding: 24px!important;}
    #pesquisa .pesq-hero, .pesquisa .pesq-hero { font-size:24px; }
#pesquisa .pesq-accent, .pesquisa .pesq-accent{font-size:24px; }

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


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



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

}