/* ===========================
   REVELAR RH — SITE PÚBLICO
   =========================== */

/* Reset e base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.pub-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* ---- NAVBAR ---- */
.pub-navbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    background: rgba(104, 52, 76, 0.97);
    backdrop-filter: blur(8px);
    border-bottom: 2px solid #B88F6E;
    transition: box-shadow 0.3s;
}
.pub-navbar.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.3); }
.pub-navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}
.pub-brand { display: flex; align-items: center; text-decoration: none; }
/* A logo branca oficial (logo-revelar-white.png) já é o asset para fundo escuro — o filtro de
   inversão anterior transformava o PNG de fundo branco num quadrado branco sólido. */
.pub-logo { height: 44px; }
.pub-nav-links {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.pub-nav-links a {
    color: rgba(255,255,255,0.85);
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.2s;
}
.pub-nav-links a:hover { color: #B88F6E; }
.pub-btn-login {
    background: #B88F6E !important;
    color: #fff !important;
    padding: 0.45rem 1.2rem !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: background 0.2s !important;
}
.pub-btn-login:hover { background: #a07a5a !important; }
.pub-hamburger {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

/* ---- HERO ---- */
.pub-hero {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(135deg, #68344c 0%, #7A1050 40%, #2d0420 100%);
    display: flex;
    align-items: center;
    padding-top: 70px;
    overflow: hidden;
}
.pub-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="80" cy="20" r="40" fill="rgba(184,143,110,0.06)"/><circle cx="10" cy="80" r="30" fill="rgba(184,143,110,0.04)"/></svg>') no-repeat;
    background-size: cover;
}
.pub-hero-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(184,143,110,0.12) 0%, transparent 60%);
}
.pub-hero-content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    padding: 4rem 1.5rem;
}
.pub-hero-tag {
    display: inline-block;
    background: rgba(184,143,110,0.2);
    color: #B88F6E;
    border: 1px solid rgba(184,143,110,0.4);
    border-radius: 100px;
    padding: 0.3rem 1rem;
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.pub-hero-title {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 1.5rem;
}
/* Bronze claro — o #B88F6E original ficava apagado sobre o vinho do gradiente (contraste baixo) */
.pub-hero-accent { color: #C9A882; }
.pub-hero-sub {
    color: rgba(255,255,255,0.75);
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}
.pub-hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.pub-btn {
    display: inline-block;
    padding: 0.85rem 2rem;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}
.pub-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.pub-btn-gold { background: #B88F6E; color: #fff; }
.pub-btn-gold:hover { background: #a07a5a; }
.pub-btn-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.5); }
.pub-btn-outline:hover { border-color: #B88F6E; color: #B88F6E; }
.pub-hero-scroll {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.4);
    font-size: 1.5rem;
    animation: bounce 2s infinite;
}
@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }

/* ---- NÚMEROS ---- */
.pub-numeros {
    background: linear-gradient(90deg, #B88F6E, #a07a5a);
    padding: 3rem 1.5rem;
}
.pub-numeros-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    text-align: center;
}
.pub-numero-item { padding: 1rem; }
.pub-numero-valor {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}
.pub-numero-label {
    display: block;
    color: rgba(255,255,255,0.85);
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* ---- SECTIONS ---- */
.pub-section { padding: 5rem 0; }
.pub-section-gray { background: #F5F4F2; }
.pub-section-header { text-align: center; margin-bottom: 3.5rem; }
.pub-section-tag {
    display: inline-block;
    color: #B88F6E;
    font-family: 'Poppins', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}
.pub-section-title {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 700;
    color: #68344c;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.pub-section-sub { color: #707070; max-width: 560px; margin: 0 auto; line-height: 1.7; }

/* ---- SOBRE ---- */
.pub-sobre-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 4rem;
    align-items: center;
}
.pub-foto-frame {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(104,52,76,0.2);
}
.pub-foto-frame img {
    width: 100%;
    display: block;
    border-radius: 16px;
}
.pub-foto-badge {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(104,52,76,0.9), transparent);
    padding: 2rem 1.5rem 1.5rem;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.pub-foto-badge strong { font-family: 'Poppins',sans-serif; font-size: 1.1rem; }
.pub-foto-badge span { font-size: 0.8rem; color: #B88F6E; margin-top: 0.2rem; }
.pub-sobre-texto { display: flex; flex-direction: column; gap: 1rem; }
.pub-sobre-texto p { color: #444; line-height: 1.8; }
.pub-sobre-bio { font-style: italic; color: #707070 !important; border-left: 3px solid #B88F6E; padding-left: 1rem; }
.pub-sobre-quote {
    font-family: 'Poppins',sans-serif;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #68344c;
    background: rgba(184,143,110,0.08);
    border-left: 3px solid #68344c;
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
    margin: 0.25rem 0 0;
}
.pub-mvv-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1rem; }
.pub-mvv-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.pub-mvv-card:hover { border-color: #B88F6E; box-shadow: 0 4px 20px rgba(104,52,76,0.1); }
.pub-mvv-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(104, 52, 76, 0.08);
    border-radius: 10px;
    color: #68344c;
    margin-bottom: 0.5rem;
    transition: background 0.2s ease, color 0.2s ease;
}
.pub-mvv-icon svg { width: 22px; height: 22px; }
.pub-mvv-card:hover .pub-mvv-icon { background: #68344c; color: #C9A882; }
.pub-mvv-card h4 { font-family: 'Poppins',sans-serif; color: #68344c; font-size: 0.9rem; margin-bottom: 0.4rem; }
.pub-mvv-card p { color: #707070; font-size: 0.82rem; line-height: 1.5; }
.pub-mvv-grid-2 { grid-template-columns: repeat(2,1fr); }

.pub-valores-wrap { margin-top: 2rem; }
.pub-valores-title { font-family: 'Poppins',sans-serif; color: #68344c; font-size: 1rem; margin-bottom: 1rem; }
.pub-valores-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
.pub-valor-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 1.1rem 1.25rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pub-valor-card:hover { border-color: #B88F6E; box-shadow: 0 4px 20px rgba(104,52,76,0.1); }
.pub-valor-card h4 { font-family: 'Poppins',sans-serif; color: #68344c; font-size: 0.88rem; margin-bottom: 0.4rem; }
.pub-valor-card p { color: #707070; font-size: 0.82rem; line-height: 1.5; margin: 0; }

/* ---- SERVIÇOS ---- */
.pub-servicos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}
.pub-servico-card {
    background: #fff;
    border-radius: 12px;
    padding: 2rem 1.5rem;
    border: 1px solid #eee;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    display: flex;
    flex-direction: column;
}
.pub-servico-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(104,52,76,0.12);
    border-color: #B88F6E;
}
/* Ícones dos serviços: SVG Material (não emoji — confiabilidade visual) dentro de container com
   tint da marca; no hover o container vira vinho sólido e o ícone bronze claro. */
.pub-servico-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(104, 52, 76, 0.08);
    border-radius: 12px;
    color: #68344c;
    margin-bottom: 1rem;
    transition: background 0.2s ease, color 0.2s ease;
}
.pub-servico-icon svg { width: 24px; height: 24px; }
.pub-servico-card:hover .pub-servico-icon { background: #68344c; color: #C9A882; }
.pub-servico-card h3 {
    font-family: 'Poppins',sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #68344c;
    margin-bottom: 0.75rem;
}
.pub-servico-card p { color: #555; font-size: 0.88rem; line-height: 1.7; flex: 1; }
.pub-servico-link {
    display: inline-block;
    margin-top: 1.25rem;
    color: #B88F6E;
    font-family: 'Poppins',sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}
.pub-servico-link:hover { color: #68344c; }

/* ---- CLIENTES ---- */
.pub-clientes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1.5rem;
    align-items: center;
}
.pub-cliente-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s, transform 0.2s;
    min-height: 90px;
}
.pub-cliente-item:hover { box-shadow: 0 4px 16px rgba(104,52,76,0.1); transform: translateY(-2px); }
.pub-cliente-item img { max-height: 60px; max-width: 130px; object-fit: contain; filter: grayscale(30%); transition: filter 0.2s; }
.pub-cliente-item:hover img { filter: grayscale(0%); }

/* ---- CTA / CONTATO ---- */
.pub-cta {
    position: relative;
    background: linear-gradient(135deg, #68344c 0%, #7A1050 100%);
    padding: 5rem 0;
    overflow: hidden;
}
.pub-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 30% 50%, rgba(184,143,110,0.15) 0%, transparent 60%);
}
.pub-cta-overlay { position: absolute; inset: 0; }
.pub-cta-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
.pub-cta-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    list-style: none;
    margin: 1.25rem 0 0;
    padding: 0;
}
.pub-cta-contacts li { display: flex; }
.pub-cta-contacts a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255,255,255,0.85);
    font-size: 0.9rem;
    text-decoration: none;
    transition: color 0.2s ease;
}
.pub-cta-contacts a:hover { color: #C9A882; }
.pub-cta-contacts svg { width: 18px; height: 18px; flex-shrink: 0; color: #C9A882; }
.pub-form-card {
    background: #fff;
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

/* ---- FOOTER ---- */
.pub-footer {
    background: #2d0420;
    padding: 4rem 0 0;
}
.pub-footer-inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 2rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.pub-footer-col h4 {
    font-family: 'Poppins',sans-serif;
    color: #B88F6E;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.pub-footer-col ul { list-style: none; }
.pub-footer-col ul li { margin-bottom: 0.5rem; }
.pub-footer-col a {
    color: rgba(255,255,255,0.65);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s;
}
.pub-footer-col a:hover { color: #B88F6E; }
.pub-footer-bottom {
    padding: 1.5rem;
    text-align: center;
    color: rgba(255,255,255,0.4);
    font-size: 0.8rem;
}

/* ---- RESPONSIVO ---- */
@media (max-width: 900px) {
    .pub-sobre-grid { grid-template-columns: 1fr; }
    .pub-cta-inner { grid-template-columns: 1fr; }
    .pub-footer-inner { grid-template-columns: 1fr 1fr; }
    .pub-numeros-grid { grid-template-columns: repeat(2,1fr); }
    .pub-mvv-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .pub-nav-links { display: none; position: absolute; top: 70px; left: 0; right: 0; background: #68344c; flex-direction: column; padding: 1.5rem; gap: 1rem; }
    .pub-nav-links.open { display: flex; }
    .pub-hamburger { display: block; }
    .pub-footer-inner { grid-template-columns: 1fr; }
    .pub-numeros-grid { grid-template-columns: repeat(2,1fr); }
    .pub-hero-actions { flex-direction: column; }
}

/* ---- VAGAS PÚBLICAS ---- */
.pub-vagas-grid {
    display: grid;
    gap: 1.5rem;
    margin-top: 2.5rem;
}
.pub-vaga-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem 2rem;
    box-shadow: 0 2px 12px rgba(104,52,76,0.08);
    border: 1px solid rgba(104,52,76,0.06);
    transition: box-shadow 0.2s;
}
.pub-vaga-card:hover { box-shadow: 0 4px 20px rgba(104,52,76,0.14); }
.pub-vaga-card--open { border-color: #B88F6E; box-shadow: 0 4px 20px rgba(184,143,110,0.2); }
.pub-vaga-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}
.pub-vaga-titulo {
    font-family: 'Poppins', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #68344c;
    margin: 0 0 0.35rem;
}
/* ---- FILTROS DO MURAL ---- */
.pub-filtros {
    background: #fff;
    border: 1px solid rgba(104,52,76,0.08);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-top: 2rem;
    box-shadow: 0 2px 12px rgba(104,52,76,0.06);
}
.pub-filtro-busca { width: 100%; margin-bottom: 1rem; }
.pub-filtro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.75rem 1rem;
}
.pub-filtro-campo { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; }
.pub-filtro-campo > span {
    font-family: 'Poppins', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8A7A84;
}
.pub-filtro-campo select.pub-input { width: 100%; }
.pub-filtro-resumo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid #f0e6dc;
    font-size: 0.85rem;
    color: #707070;
}
.pub-filtro-limpar {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: #B88F6E;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}
.pub-filtro-limpar:hover { color: #68344c; }

/* Troca de pagina/filtro: esmaece a lista em vez de sumir com ela (evita o pulo de layout) */
.pub-vagas-grid--carregando { opacity: 0.5; transition: opacity 0.15s; pointer-events: none; }

/* ---- PAGINACAO ---- */
.pub-paginacao {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.5rem;
}
.pub-pagina-btn {
    background: #fff;
    border: 1px solid #d9c9bb;
    border-radius: 8px;
    padding: 0.5rem 1.1rem;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: #68344c;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.pub-pagina-btn:hover:not(:disabled) { background: #faf5f0; border-color: #B88F6E; }
.pub-pagina-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.pub-pagina-info { font-size: 0.85rem; color: #707070; }

/* Empresa contratante — sinal de que a vaga e do cliente, nao da Revelar */
.pub-vaga-empresa {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: #B88F6E;
    margin-bottom: 0.5rem;
}
.pub-vaga-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
    color: #888;
}
.pub-vaga-dept {
    background: rgba(104,52,76,0.07);
    color: #68344c;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-weight: 500;
}
.pub-vaga-desc {
    color: #555;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}
.pub-vaga-btn { white-space: nowrap; }
.pub-vaga-vazio {
    text-align: center;
    padding: 3rem 0;
    color: #777;
    font-size: 1rem;
}
.pub-divider {
    border: none;
    border-top: 1px solid #f0e6dc;
    margin: 1.5rem 0;
}
.pub-formulario { margin-top: 0.5rem; }
.pub-form-titulo {
    font-family: 'Poppins', sans-serif;
    color: #68344c;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
}
.pub-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}
.pub-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1rem;
}
.pub-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: #68344c;
    letter-spacing: 0.02em;
}
.pub-input {
    border: 1.5px solid #e0d0c8;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif;
    color: #333;
    outline: none;
    transition: border-color 0.2s;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}
.pub-input:focus { border-color: #B88F6E; }
.pub-input--erro { border-color: #e53935 !important; }
.pub-textarea {
    border: 1.5px solid #e0d0c8;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif;
    color: #333;
    outline: none;
    resize: vertical;
    transition: border-color 0.2s;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}
.pub-textarea:focus { border-color: #B88F6E; }
.pub-erro-msg {
    color: #e53935;
    font-size: 0.76rem;
}
.pub-erro {
    background: #fce4e4;
    color: #c62828;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 0.88rem;
    margin-bottom: 1rem;
}
.pub-sucesso {
    text-align: center;
    padding: 2rem;
    color: #2e7d32;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
}
.pub-sucesso p:first-child { font-size: 1.25rem; font-weight: 600; }
/* Questionário */
.pub-questionario { margin-top: 1.25rem; }
.pub-questionario-titulo {
    font-family: 'Poppins', sans-serif;
    color: #68344c;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0e6dc;
}
.pub-pergunta { margin-bottom: 1.25rem; }
.pub-obrigatorio { color: #e53935; }
.pub-opcoes { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.25rem; }
.pub-opcao-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #444;
    cursor: pointer;
}
.pub-rating { display: flex; gap: 0.4rem; margin-top: 0.25rem; }
.pub-star {
    font-size: 1.75rem;
    color: #ddd;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color 0.15s;
    line-height: 1;
}
.pub-star--on { color: #B88F6E; }
.pub-star:hover { color: #B88F6E; }
@media (max-width: 640px) {
    .pub-form-grid { grid-template-columns: 1fr; }
    .pub-vaga-header { flex-direction: column; }
}