/* =========================================== ESTILO TECO - JOBS =========================================== */ Vaga

Vaga de Teste

Freelance Full time

?? Publicado 2 semanas atrás ?? Salário $2,589.00 – $98,745.00 / Mensal

Vaga de Teste Vaga de Teste Vaga de Teste Vaga de Teste Vaga de Teste. Vaga de Teste Vaga de Teste Vaga de Teste Vaga de Teste.

/* =============================== Container principal da vaga =============================== */ .estilo_teco_01 { display: flex !important; /* Flexbox para organizar o conteúdo interno */ flex-direction: column !important; /* Por padrão, os elementos ficam empilhados verticalmente */ width: 100% !important; /* Ocupa 100% do espaço disponível */ padding: 0 !important; /* Remove padding padrão */ margin: 0 !important; /* Remove margem padrão */ box-sizing: border-box; /* Inclui padding e border no tamanho total */ background-color: #f9f9f9; /* Cor de fundo do card */ border: 1px solid #ddd; /* Borda sutil */ border-radius: 6px; /* Cantos arredondados */ transition: background-color 0.3s ease;/* Transição suave ao passar o mouse */ cursor: pointer; /* Indica que o card é clicável */ overflow: hidden; /* Evita que elementos internos vazem do card */ } /* =============================== Hover do card =============================== */ .estilo_teco_01:hover { background-color: #f1f1f1; /* Leve mudança de cor ao passar o mouse */ } /* =============================== Remove marcadores / bullets do

=============================== */ .estilo_teco_01 li { list-style: none !important; /* Remove bullets padrão de lista */ margin: 0 !important; /* Remove margem padrão */ padding: 0 !important; /* Remove padding padrão */ } /* =============================== Ocultar o box 2 (imagem/logo) =============================== */ .estilo_teco_01 .careerfy-jobs-box2 { display: none !important; /* Box2 não será exibido */ } /* =============================== Box 1 - conteúdo principal da vaga =============================== */ .estilo_teco_01 .careerfy-jobs-box1 { width: 100% !important; /* Ocupa 100% do card */ max-width: 100% !important; /* Limita largura máxima */ flex: 1 1 100% !important; /* Cresce e encolhe conforme necessário */ box-sizing: border-box; /* Padding e border dentro do tamanho total */ padding: 15px !important; /* Espaçamento interno */ margin: 0 !important; /* Sem margem externa */ color: #333; /* Cor do texto */ font-family: Arial, sans-serif; /* Fonte principal */ } /* =============================== Todos os elementos dentro do box1 =============================== */ .estilo_teco_01 .careerfy-jobs-box1 > * { width: 100% !important; /* Ocupa 100% do espaço do box1 */ margin: 0 !important; /* Remove margens internas */ padding: 0 !important; /* Remove padding interno */ box-sizing: border-box; /* Garantir que padding não expanda o tamanho */ } /* =============================== Título da vaga =============================== */ .estilo_teco_01 .careerfy-jobs-style9-title { font-size: 18px !important; /* Tamanho da fonte do título */ font-weight: bold !important; /* Fonte em negrito */ color: #222 !important; /* Cor do título */ } /* Wrapper do título */ .estilo_teco_01 .careerfy-jobs-style9-titlewrp { width: 100% !important; /* Ocupa toda a largura disponível */ } /* =============================== Descrição da vaga =============================== */ .estilo_teco_01 .job-desc-link, .estilo_teco_01 .job-desc-link p { display: block !important; /* Cada parágrafo ocupa linha inteira */ width: 100% !important; /* Ocupa 100% da largura */ text-align: justify !important; /* Texto justificado */ margin-top: 10px !important; /* Espaçamento superior */ color: #555 !important; /* Cor do texto da descrição */ line-height: 1.5; /* Espaçamento entre linhas */ } /* =============================== DATA DE PUBLICAÇÃO + SALÁRIO =============================== */ .estilo_teco_01 .careerfy-jobs-style9-options { display: flex !important; /* Flexbox para alinhar horizontalmente */ flex-direction: row !important; /* Elementos lado a lado */ align-items: center; /* Alinhamento vertical central */ gap: 20px; /* Espaço entre data e salário */ margin-top: 10px; /* Distância do título ou descrição */ } /* Cada item dentro de .careerfy-jobs-style9-options (data / salário) */ .estilo_teco_01 .careerfy-jobs-style9-options .job-meta-link { display: flex; /* Mantém ícone e texto lado a lado */ align-items: center; /* Alinha ícone e texto verticalmente */ margin: 0 !important; /* Remove margem padrão */ font-size: 14px; /* Tamanho da fonte da meta */ color: #0073e6; /* Cor azul para destaque */ white-space: nowrap; /* Não quebra linha */ } /* Ícones dentro de cada item (data ou salário) */ .estilo_teco_01 .careerfy-icon { color: #0073e6 !important; /* Azul ícones */ margin-right: -10px; /* Espaço entre ícone e texto */ } /* =============================== Links sem efeito padrão (nenhuma borda ou sublinhado) =============================== */ .estilo_teco_01 a, .estilo_teco_01 a:hover, .estilo_teco_01 a:focus { outline: none !important; /* Remove contorno ao focar */ box-shadow: none !important; /* Remove sombra de foco */ text-decoration: none !important; /* Remove sublinhado */ color: inherit !important; /* Mantém cor definida acima */ } ul.row, ul.row > li { list-style: none !important; } /* =============================== CONFIGURAÇÕES MOBILE =============================== */ /* ===================================== TÍTULO DA VAGA – MOBILE (+20px) ===================================== */ @media (max-width: 768px) { .estilo_teco_01 .careerfy-jobs-style9-title { font-size: 26px !important; /* 18px + 20px */ line-height: 1.2 !important; } } @media (max-width: 768px) { /* Container da data + salário */ .estilo_teco_01 .job-meta-info { display: flex !important; flex-direction: column !important; /* salário embaixo da data */ gap: 6px !important; } /* Cada linha (data / salário) */ .estilo_teco_01 .job-meta-line { width: 100% !important; } /* Link interno */ .estilo_teco_01 .job-meta-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; width: auto !important; } /* Small NÃO pode ser block */ .estilo_teco_01 .careerfy-jobs-style9-options { display: inline-flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap !important; } /* Ícone SEMPRE ao lado do texto */ .estilo_teco_01 .careerfy-jobs-style9-options i { display: inline-block !important; margin: 0 !important; } } @media (max-width: 768px) { /* garante alinhamento à esquerda */ .estilo_teco_01 .job-meta-info { align-items: flex-start !important; text-align: left !important; } .estilo_teco_01 .job-meta-link { justify-content: flex-start !important; text-align: left !important; } .estilo_teco_01 .careerfy-jobs-style9-options { justify-content: flex-start !important; text-align: left !important; } } /* ===================================== APROXIMAR DATA DE PUBLICAÇÃO E SALÁRIO ===================================== */ /* Container que envolve data + salário */ .estilo_teco_01 .job-meta-info { gap: 6px !important; /* reduz espaço horizontal */ margin-top: 4px !important; /* aproxima do título */ } /* Remove margens extras do small */ .estilo_teco_01 .careerfy-jobs-style9-options { margin: 0 !important; padding: 0 !important; } /* Ajusta espaçamento vertical entre linhas */ @media (max-width: 768px) { .estilo_teco_01 .job-meta-info { gap: 4px !important; /* ainda mais próximo no mobile */ } } /* =========================================================== BOTÃO "LER MAIS" – APENAS NO MOBILE – ABAIXO DA DESCRIÇÃO =========================================================== */ @media (max-width: 768px) { /* garante que o link vire bloco */ .careerfy-jobs-box1 .job-desc-link { display: block; } /* botão Ler mais */ .careerfy-jobs-box1 .job-desc-link::after { content: "Ler mais"; display: block; margin-top: 12px; width: fit-content; background: #ffffff; color: #000000; border: 1px solid #ddd; border-radius: 6px; padding: 10px 16px; font-size: 14px; font-weight: 600; text-align: left; } } /* ======================================= TRANSFORMA O BOTÃO "LER MAIS" CLICÁVEL ======================================= */ @media (max-width: 768px) { /* transforma o pseudo-botão em área clicável */ .careerfy-jobs-box1 .job-desc-link { position: relative; z-index: 5; /* acima do overlay */ } .careerfy-jobs-box1 .job-desc-link::after { cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease; } /* efeito ao tocar */ .careerfy-jobs-box1 .job-desc-link:active::after { background-color: #0073e6; color: #ffffff; transform: scale(0.96); } } /* ============================== BADGE "NOVA" – VAGA RECENTE ============================== */ .job-badge-new { position: absolute; top: 12px; left: 12px; background: #e63946; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; z-index: 20; line-height: 1; } /* Garante que o card seja referência */ .careerfy-jobs-wrapper-style9 { position: relative; } /* =============================== CENTRALIZAR TÍTULO – SOMENTE DESKTOP =============================== */ @media (min-width: 769px) { .estilo_teco_01 .careerfy-jobs-style9-title { text-align: center !important; display: block; width: 100%; } .estilo_teco_01 .careerfy-jobs-style9-titlewrp { text-align: center !important; } }