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

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

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


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


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

/* Body-medium/body-14 */

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

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


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

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


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


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

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

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

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

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

.hero-description {
    color: #ECE6F2;
    text-align: left;
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    float: left;
    position: relative;
    line-height: 30px;
    padding-bottom: 24px;
}

.hero-button {
    background-color: transparent;
    border: 1px solid #00F71D;
    color: white;
    letter-spacing: -0.5px;
    display: flex
;
    padding: 16px;
    font-weight: 400;
 
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease; clear: both;
    gap: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

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

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

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


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

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



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

    section.platform-section.secao2 {
    padding: 70px 0 0;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}
    .slide-section {background-color: #fff;  width:100%; position:relative; display:block; float:left; padding:8px 0; }

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

.secao2 .platform-list li figure {
    padding: 0;
    border: none;
    width: 40px;
    height: 40px;
    position: relative;
    display: flex
;
    float: left;
    justify-content: center;
    margin: 0;
    margin-right: 8px;
    align-items: center;
    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%);
}

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

     .slide-section p {color:#667085;

/* Heading-light/Heading-20 */
font-family: Ubuntu;
font-size:18px;    width: 100%;
    float: left;
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; }

.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;
    display: block;
    float: left;
    border: 1px solid #A080C0;filter: grayscale(0);
    padding: 8px;
    border-radius: 8px;}        

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

     .slide-section .nav-link figure { position: relative;

    float: left;    display: flex!important
; width: 48px;
height:48px;
    align-items: center!important;
    justify-content: center!important;
    border: 1px solid #EBEEF4;    filter: grayscale(1); margin: 0;
    padding: 8px;
    border-radius: 8px;}




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



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


.platform-section figure#ilustra1 {
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    border-radius: 24px;
    width: 90%;
    margin-top: 3%;
}

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

section.platform-section.secao2 .platform-list li {    margin-bottom: 0;}
 section.platform-section.secao2 .platform-list li figure {margin-bottom: 40px;}

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

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

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

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 32px;
font-style: normal;    width: 53%;
font-weight: 500;
line-height: normal; line-height: 30px;
letter-spacing: -0.64px;}

.platform-section h2 b {color: var(--Gray-100, #667085);

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

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



/* .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: 108px 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: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0;
}

.banner-section .banner p {
    color: var(--base-white, #FFF);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding-left: 0; margin: 16px 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: 24px; 
letter-spacing: -0.4px;}

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

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



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





/* 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: 100px 0; width: 100%; position: relative; display: block; float: left;
}


.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;
    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: block;
    float: left; transition: 0.3s;padding: 32px 0;
    padding-bottom: 32px;
}



.platform-list li figure {
    padding: 0;
    border-radius: 8px;
    border: none;
    background: none;
    width: 48px;
    height: 60px;
    position: relative;
    display: flex
;
    float: left;
    justify-content: center;
    margin: 0;
    margin-right: 8px;
    align-items: flex-start;
}

.platform-list li  figure svg {width: auto;
    float: left;
    position: relative;}
.platform-list strong {
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
    width: 90%;
}

.platform-list li p {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;      padding: 0;  padding-right: 4%;

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


section.platform-section.secao2.lei figure#ilustra1 {      width: 100%!important;  height: auto;    margin-top: 11%;}



.cards-tipos {

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

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

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


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

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

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


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




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

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

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

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








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

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

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

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

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



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

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

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

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


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

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

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

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

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

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

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



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

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

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

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

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


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

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

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

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

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



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


@media (min-width: 1920px) {

}



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

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

  .platform-section h2 {    width: 57%;}

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

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

.platform-list li p {    font-size: 16px;    padding-right: 0;}

.platform-list li figure { height:100px }

section.platform-section.secao2.lei     .platform-list li p {
        font-size: 16px;
    }
.platform-section figure#ilustra1 {    width: 93%;
    margin-top: 0;}

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

     .slide-section p  {font-size: 16px;}

}




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




@media (max-width: 575.98px) {

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

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

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

    .hero-section figure { margin-top:64px; }

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

        .platform-section {
        padding: 50px 0 !important;
    }
    section.platform-section.secao2 {padding: 32px  0 0 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;}


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



    .platform-list strong { font-size: 15px;   width: 80%;}
    .platform-list li p {font-size: 14px; line-height: 24px;}
    .platform-list li figure {    height: 130px;}

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

    .platform-section .platform-list li {padding: 8px 0;}
section.platform-section.secao2 .platform-list li figure {
    margin-bottom: 60px;
}
       /* 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;    height: auto;        margin: 32px 0;}
section.banner-section.small .banner{padding: 24px;    height: auto;        margin: 32px 0;}
    .banner-section .banner h1 {
        display: block;
        width: 100%;
        float: left; line-height: 25px;
        font-size: 22px;
        margin-bottom: 24px;        margin: 0;
        position: relative;
    }
    .banner-section .banner p {          font-size: 16px; padding: 0;
        line-height: 24px;  clear: both;}

    .banner-section .banner button.hero-button.secundary {
    margin: 0; width: 100%;    border: 1px solid #00C716;
}
    
    .slide-section { padding: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;}

    .slide-section .nav-item p {        line-height: 16px;}


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


    .platform-section h2 {  font-size: 22px !important;        line-height: 19px; width: 56%;}
    .platform-section h2 b {    line-height: 33px;    font-size: 22px !important;}





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

}