/* ======================== COMO FUNCIONA ======================== */
section#funciona.interna-site {  width: -webkit-fill-available; display: flex; padding: 160px 0  var(--spac10); flex-direction: column;}
section#funciona.interna-site h1 {padding-bottom: var(--spac20); align-self: center; }
.servico section#funciona.interna-site h1 {padding-bottom: var(--spac10); align-self: center; }

section#funciona.interna-site .flex-container { padding-top: calc(52px + var(--spac20)); gap: var(--spac20); }
section#funciona.interna-site .flex-container .box-darkbg {display: flex; align-items: start; gap: var(--spac10); padding: 0;position: relative; flex-direction: row; min-height: 450px; align-items: end; }
section#funciona.interna-site .flex-container .box-darkbg ul { display: flex; }
section#funciona.interna-site .flex-container .box-darkbg ul li { padding: var(--spac8); display: flex; gap: var(--spac4); flex-direction: column; }
section#funciona.interna-site .flex-container .box-darkbg ul:first-child img { height: 32px; }

section#funciona.interna-site .flex-container .como-funciona-container {max-width: 980px; align-self: center;}

#header-como-funciona { visibility: hidden; top:0; transition: top 0.5s ease-in-out; position: fixed;left: 0;width: -webkit-fill-available;background:var(--lightbg);border-bottom: 1px solid var(--border-color);z-index: 8; }
#header-como-funciona .row { align-items: center;}
#header-como-funciona nav { display: flex; height: 48px;}
#header-como-funciona nav a { display: flex; height: -webkit-fill-available; font-size: 13px; align-items: center;border-bottom: 3px solid transparent; color: var(--text);}
#header-como-funciona nav a.active { border-bottom: 3px solid var(--darkgreen); color: var(--darkgreen);}
#header-como-funciona.fixed { visibility: initial; top:62px;}



@media (max-width: 1000px) { 
     #header-como-funciona h4 {display: none;}
     #header-como-funciona nav{width: -webkit-fill-available; gap: 0;}
     #header-como-funciona nav a{width: -webkit-fill-available;justify-content: center;}
     section#funciona.interna-site .flex-container .box-darkbg { flex-direction: column !important;align-items: start; gap:0;min-height: inherit; }
     section#funciona.interna-site .flex-container .box-darkbg ul li {flex-direction: row;}
     section#funciona.interna-site .flex-container .box-darkbg ul:last-child {width: -webkit-fill-available;display: flex;justify-content: center;align-items: center;}
     section#funciona.interna-site .flex-container .box-darkbg ul:last-child img {width: 95%;}
}
     
@media (max-width: 750px) { 
     section#funciona.interna-site {  padding-top: 100px;}
     #header-como-funciona {display: none;}
     section#funciona.interna-site .flex-container .box-darkbg ul li{padding: var(--spac6) 0;}
     section#funciona ul {flex-direction: column !important;}
     section#funciona.interna-site .flex-container {padding-top: calc(52px + var(--spac10));gap: var(--spac10);}
     section#funciona.interna-site .flex-container .como-funciona-container {gap: var(--spac10);}
}