/* CORE-MA Vagas — estilos do front-end (cadastro, login, painel, formulário e listagem) */ /* Declaradas no inteiro (não só dentro dos cards) para que TODOS os elementos do plugin — inclusive o hero, que é irmão dos cards — herdem as cores corretamente. */ body.cmv-standalone { --ink:#00204c; --teal:#1F6F5C; --teal-dark:#154F42; --gold:#D4A537; --gold-dark:#B3871F; --paper:#F5F3EE; --card:#FFFFFF; --text:#1A2027; --muted:#5B6570; --line:#E3DFD4; --radius:14px; margin: 0; font-family: 'Inter', sans-serif; color: var(--text); background: var(--paper); -webkit-font-smoothing: antialiased; } body.cmv-standalone *, body.cmv-standalone *::before, body.cmv-standalone *::after { box-sizing: border-box; } body.cmv-standalone img { max-width: 100%; display: block; } body.cmv-standalone a { text-decoration: none; color: inherit; } .cmv-form, .cmv-painel, .cmv-listagem, .cmv-single-wrap { --ink:#00204c; --teal:#1F6F5C; --teal-dark:#154F42; --gold:#D4A537; --gold-dark:#B3871F; --paper:#F5F3EE; --card:#FFFFFF; --text:#1A2027; --muted:#5B6570; --line:#E3DFD4; --radius:14px; font-family: 'Inter', sans-serif; color: var(--text); max-width: 720px; margin: 40px auto; padding: 0 16px; } .cmv-listagem, .cmv-single-wrap { max-width: 1180px; } /* --- cabeçalho e rodapé próprios (mini-tema das 5 páginas) --- Usamos !important nas cores/fundo aqui de propósito: como wp_head() ainda carrega o CSS global do tema/Elementor (cores, links etc.), sem isso esse CSS global pode "vazar" para dentro do nosso cabeçalho e deixar o texto apagado/sem contraste. */ .cmv-site-header { background: #00204c !important; } .cmv-site-header-inner { max-width: 1180px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .cmv-site-brand { display: flex; align-items: center; gap: 10px; } .cmv-logo-img { height: 42px; width: auto; display: block; } .cmv-site-header .cmv-logo-img { height: 36px; } .cmv-site-nav { display: flex; align-items: center; gap: 22px; font-size: 13.5px; font-weight: 600; } .cmv-site-nav a { color: #ffffff !important; opacity: 0.92; } .cmv-site-nav a:hover { color: #D4A537 !important; opacity: 1; } .cmv-nav-cta { background: #D4A537 !important; color: #00204c !important; padding: 9px 16px; border-radius: 999px; font-weight: 700; opacity: 1 !important; } .cmv-site-footer { background: #00204c !important; margin-top: 60px; } .cmv-site-footer-inner { max-width: 1180px; margin: 0 auto; padding: 22px 24px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12.5px; color: #9FB3C8 !important; } .cmv-site-footer-inner a { color: #D9E2EA !important; font-weight: 600; } .cmv-site-footer-inner a:hover { color: #D4A537 !important; } .cmv-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; box-shadow: 0 8px 24px rgba(0,32,76,0.06); } .cmv-form h2, .cmv-painel h2, .cmv-single-body h1 { font-family: 'Fraunces', serif; color: var(--ink); font-weight: 600; margin-bottom: 6px; } .cmv-sub { color: var(--muted); font-size: 13.5px; margin-bottom: 18px; } .cmv-form label { display:block; font-size: 13px; font-weight: 600; color: var(--ink); margin: 14px 0 6px; } .cmv-form input[type=text], .cmv-form input[type=email], .cmv-form input[type=password], .cmv-form input[type=file], .cmv-form select, .cmv-form textarea { width: 100%; padding: 11px 13px; border: 1.5px solid var(--line); border-radius: 9px; font-family: inherit; font-size: 14.5px; background: #fff; color: var(--text); } .cmv-form textarea { resize: vertical; } .cmv-form input:focus, .cmv-form select:focus, .cmv-form textarea:focus { outline: 2px solid var(--teal); border-color: var(--teal); } .cmv-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .cmv-form-acoes { display: flex; gap: 12px; margin-top: 24px; } .cmv-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding: 12px 22px; border-radius: 9px; font-weight: 700; font-size: 14.5px; cursor: pointer; border: none; text-decoration:none; } .cmv-btn-primary { background: var(--teal); color: #fff; } .cmv-btn-primary:hover { background: var(--teal-dark); } .cmv-btn-outline { background: #fff; border: 1.5px solid var(--line); color: var(--ink); } .cmv-btn-outline:hover { border-color: var(--teal); color: var(--teal); } .cmv-btn-sm { padding: 8px 14px; font-size: 13px; } .cmv-btn-lg { padding: 15px 28px; font-size: 15.5px; } .cmv-alert { padding: 13px 16px; border-radius: 9px; font-size: 14px; font-weight: 600; margin-bottom: 18px; } .cmv-alert-ok { background: #E4F3EC; color: var(--teal-dark); border: 1px solid #B9DECB; } .cmv-alert-erro { background: #FBE7E5; color: #A83A2F; border: 1px solid #F0C2BC; } /* login (campos gerados pelo wp_login_form) */ #cmv-login-form label { display:block; font-size: 13px; font-weight: 600; margin: 14px 0 6px; } #cmv-login-form input[type=text], #cmv-login-form input[type=password] { width: 100%; padding: 11px 13px; border: 1.5px solid var(--line); border-radius: 9px; font-size: 14.5px; } #cmv-login-form p.login-remember { font-size: 13px; margin: 12px 0; } #cmv-login-form p.login-submit input { background: var(--teal); color: #fff; border: none; padding: 12px 22px; border-radius: 9px; font-weight: 700; font-size: 14.5px; cursor: pointer; margin-top: 8px; } #cmv-login-form p.login-submit input:hover { background: var(--teal-dark); } /* painel */ .cmv-painel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom: 24px; flex-wrap:wrap; } .cmv-empty { background: var(--card); border: 1px dashed var(--line); border-radius: var(--radius); padding: 40px; text-align:center; color: var(--muted); } .cmv-tabela { display:flex; flex-direction:column; gap: 10px; } .cmv-linha { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; display:flex; align-items:center; justify-content:space-between; gap: 14px; flex-wrap: wrap; } .cmv-linha-info strong { font-size: 15.5px; color: var(--ink); } .cmv-tag-status { display:inline-block; margin-left: 8px; font-size: 11px; font-weight:700; padding: 3px 9px; border-radius: 999px; background:#EDF3F1; color: var(--teal-dark); text-transform: uppercase; } .cmv-status-draft { background:#FBF2DE; color:#9A6B0B; } .cmv-linha-meta { font-size: 13px; color: var(--muted); margin-top: 3px; } .cmv-linha-acoes { display:flex; gap: 14px; font-size: 13.5px; font-weight: 600; } .cmv-linha-acoes a { color: var(--teal-dark); } .cmv-link-excluir { color: #B3392E !important; } /* listagem pública */ .cmv-filtros { display:grid; grid-template-columns: 1.4fr 1fr 1fr auto; gap: 10px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; margin-bottom: 28px; } .cmv-filtros input, .cmv-filtros select { padding: 10px 12px; border: 1.5px solid var(--line); border-radius: 8px; font-size: 14px; font-family: inherit; } .cmv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .cmv-card-vaga { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 6px 18px rgba(0,32,76,0.06); transition: transform .15s; display:flex; flex-direction:column; } .cmv-card-vaga:hover { transform: translateY(-3px); } .cmv-card-img { position: relative; height: 140px; background: var(--paper); } .cmv-card-img img { width:100%; height:100%; object-fit: cover; } .cmv-img-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size: 34px; } .cmv-img-placeholder-lg { font-size: 60px; height: 220px; background: var(--paper); border-radius: 14px; } .cmv-badge-tipo { position:absolute; top:10px; left:10px; background: rgba(0,32,76,0.85); color:#fff; font-size: 11px; font-weight:700; padding: 4px 10px; border-radius: 999px; } .cmv-badge-static { position: static; display:inline-block; } .cmv-badge-selo { position:absolute; top:8px; right:8px; width:28px; height:28px; border-radius:50%; background:#fff; border: 2px solid var(--gold); display:flex; align-items:center; justify-content:center; color: var(--gold-dark); font-size:13px; } .cmv-card-body { padding: 16px 18px 18px; display:flex; flex-direction:column; gap:6px; flex:1; } .cmv-card-body h3 { font-family:'Fraunces', serif; font-size:16.5px; color: var(--ink); } .cmv-card-empresa, .cmv-card-meta { font-size: 12.5px; color: var(--muted); font-weight: 600; } .cmv-card-foot { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top: 10px; border-top: 1px dashed var(--line); } .cmv-salario { font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 13px; color: var(--ink); } .cmv-editar-mini { font-size: 12px; font-weight: 700; color: var(--teal-dark); margin-top: 4px; } /* --- HEROS DE MARCA: faixa das páginas internas + hero de Vagas --- Agora que as páginas são independentes do tema (mini-tema próprio), estes elementos já nascem com a largura total do , então não precisam mais do truque de "sangria total" (100vw). */ .cmv-hero-full { width: 100%; position: relative; overflow: hidden; } .cmv-hero-full::before { content: ""; position: absolute; top: -140px; right: 6%; width: 380px; height: 380px; background: radial-gradient(circle, rgba(212,165,55,0.20), transparent 70%); pointer-events: none; } .cmv-hero-full::after { content: ""; position: absolute; bottom: -160px; left: 2%; width: 320px; height: 320px; background: radial-gradient(circle, rgba(31,111,92,0.28), transparent 70%); pointer-events: none; } .cmv-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: 0.06em; color: var(--gold); background: rgba(212,165,55,0.14); border: 1px solid rgba(212,165,55,0.4); padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; text-transform: uppercase; } /* faixa das páginas internas: cadastro, login, painel, formulário */ .cmv-hero-slim { background: linear-gradient(120deg, var(--ink) 0%, #002d68 60%, var(--teal-dark) 130%); padding: 40px 24px 34px; margin-bottom: 36px; } .cmv-hero-slim-inner { max-width: 1180px; margin: 0 auto; display: flex; align-items: flex-start; gap: 18px; position: relative; z-index: 1; } .cmv-hero-slim .cmv-seal-mini { width: 54px; height: 54px; font-size: 18px; } .cmv-hero-slim h1 { font-family: 'Fraunces', serif; color: #fff; font-size: 27px; line-height: 1.2; margin: 0; } .cmv-hero-slim p { color: #CFE0DA; font-size: 13.5px; margin: 6px 0 0; } .cmv-seal-mini { border-radius: 50%; border: 2px solid var(--gold); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--gold); font-family: 'Fraunces', serif; font-weight: 700; width: 36px; height: 36px; font-size: 13px; } /* hero grande: listagem pública de Vagas */ .cmv-hero-vagas { background: linear-gradient(135deg, var(--ink) 0%, #002d68 55%, var(--teal-dark) 130%); padding: 68px 24px 44px; text-align: center; position: relative; } .cmv-hero-inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; } .cmv-hero-vagas h1 { font-family: 'Fraunces', serif; color: #fff; font-size: 36px; line-height: 1.22; margin-bottom: 12px; } .cmv-hero-vagas p { color: #CFE0DA; font-size: 15px; } .cmv-filtros { margin-top: -46px; position: relative; z-index: 3; } .cmv-stats-mini { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--card); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 26px; overflow: hidden; } .cmv-stats-mini div { text-align: center; padding: 14px 10px; border-right: 1px solid var(--line); } .cmv-stats-mini div:last-child { border-right: none; } .cmv-stats-mini .v { display: block; font-family: 'Fraunces', serif; font-weight: 700; font-size: 20px; color: var(--teal); } .cmv-stats-mini .l { display: block; font-size: 11.5px; color: var(--muted); margin-top: 2px; } /* modelo de página de largura total */ .cmv-page-fullwidth { width: 100%; max-width: 100%; } /* página única da vaga */ .cmv-voltar { display:inline-block; margin-bottom: 18px; font-size: 13.5px; font-weight:600; color: var(--muted); } .cmv-single-card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; overflow:hidden; box-shadow: 0 12px 30px rgba(0,32,76,0.08); } .cmv-single-img img { width:100%; height:260px; object-fit:cover; } .cmv-single-body { padding: 30px 34px 36px; } .cmv-badge-row { display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap; } .cmv-tag { background:#EDF3F1; color: var(--teal-dark); font-size: 12px; font-weight:700; padding: 5px 12px; border-radius: 999px; } .cmv-single-empresa { color: var(--muted); font-size: 14.5px; font-weight:600; margin-bottom: 20px; } .cmv-single-meta { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; background: var(--paper); border-radius:12px; padding:16px; margin-bottom:22px; } .cmv-single-meta div { text-align:center; } .cmv-single-meta .v { display:block; font-family:'IBM Plex Mono', monospace; font-weight:600; font-size:13.5px; color:var(--ink); } .cmv-single-meta .l { display:block; font-size:11px; color:var(--muted); margin-top:2px; } .cmv-single-body h4 { font-family:'Inter',sans-serif; font-size:14.5px; color:var(--ink); margin:20px 0 8px; } .cmv-desc, .cmv-single-body ul { font-size: 14.5px; line-height:1.75; } .cmv-single-body ul { padding-left: 18px; } .cmv-single-acoes { margin-top: 26px; } @media (max-width: 860px){ .cmv-row, .cmv-single-meta { grid-template-columns: 1fr; } .cmv-filtros { grid-template-columns: 1fr 1fr; } .cmv-grid { grid-template-columns: 1fr 1fr; } .cmv-hero-slim-inner { flex-direction: column; align-items: center; text-align: center; } .cmv-hero-vagas h1 { font-size: 28px; } } @media (max-width: 560px){ .cmv-filtros { grid-template-columns: 1fr; } .cmv-grid { grid-template-columns: 1fr; } .cmv-single-body { padding: 24px 20px 28px; } }