.section-como-funciona {  background-color: #000;  /*padding: 80px 20px 130px;*/}/* Abas estilo navegador */.passos-nav {  display: flex;  justify-content: center;  flex-wrap: wrap;  margin-bottom: 2rem;  position: relative;  z-index: 1;  border-bottom: 2px solid #bf01c9;}.tab-btn {  background: #1a1a1a;  border: none;  border-radius: 8px 8px 0 0;  color: white;  font-weight: 600;  padding: 0.75rem 1.5rem;  cursor: pointer;  margin-right: 2px;  transition: background 0.3s ease, color 0.3s ease;  box-shadow: 0 -2px 0 transparent inset;}.tab-btn:hover {  background: rgba(255, 122, 0, 0.1);}.tab-btn.ativo {  background: #bf01c9;  color: #000;  box-shadow: 0 -2px 0 #000 inset;}/* Conteúdo da aba com fade-in suave */.passos-conteudo {  position: relative;  min-height: 220px;}.tab-passo {  background: rgba(255, 255, 255, 0.05);  padding: 2rem;  border-radius: 0 0 8px 8px;  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);  opacity: 0;  visibility: hidden;  transform: translateY(10px);  transition: all 0.4s ease;  position: absolute;  width: 100%;  left: 0;  top: 0;}.tab-passo.ativo {  opacity: 1;  visibility: visible;  transform: translateY(0);  position: relative;}/* Layout interno: ícone + texto + imagem */.passo-content {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: center;  gap: 2rem;}.passo-texto {  flex: none;  max-width: 460px;  display: flex;  align-items: flex-start;  gap: 1rem;}.passo-texto i {  font-size: 2rem;  color: #bf01c9;}.passo-texto p {  margin: 0;  font-size: 1.8rem;  line-height: 1.6;}.passo-imagem {  flex: none;  max-width: 600px;}.passo-imagem img {  width: 100%;  height: auto;  border-radius: 8px;}@media (max-width: 768px) {  /* Navegação vertical com linha lateral */  .passos-nav {    flex-direction: column;    align-items: stretch;    border-bottom: none;    border-left: 2px solid #bf01c9;  }  .tab-btn {    width: 100%;    border-radius: 0;    margin: 0 0 4px 0;    text-align: left;    padding: 1rem;  }  .tab-btn.ativo {    border-radius: 0;  }  /* Layout vertical */  .passo-content {    flex-direction: column;    align-items: flex-start;    gap: 1.5rem;  }  .passo-texto {    flex-direction: column;    align-items: center;    text-align: center;  }  .passo-texto i {    font-size: 2rem;    margin-bottom: 0.5rem;    color: #bf01c9;  }  .passo-texto p {    font-size: 1.2rem;    line-height: 1.6;    margin: 0;  }  .passo-imagem {    max-width: 100%;  }  .passo-imagem img {    width: 100%;    height: auto;    border-radius: 8px;  }}