/**
 * Cards
 *
 * @package EmpregosCorePlatform
 */

.job-card{

    background:#fff;

    border-radius:18px;

    padding:28px;

    border:1px solid #E5E7EB;

    transition:.25s;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.job-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.job-title{

    font-size:24px;

    font-weight:700;

    margin-bottom:10px;

}

.job-company{

    color:#4B5563;

    margin-bottom:8px;

}

.job-city{

    color:#4B5563;

    margin-bottom:16px;

}

.job-salary{

    color:#2563EB;

    font-size:22px;

    font-weight:700;

    margin-bottom:14px;

}

.job-type{

    display:inline-block;

    padding:8px 16px;

    background:#EEF4FF;

    color:#2563EB;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.job-card small{

    display:block;

    color:#6B7280;

    margin-bottom:24px;

}
/* =====================================================
   HOME STATS
===================================================== */

.home-stats{
    padding:70px 0;
    background:#ffffff;
}

.stats-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:24px;

}

.stat-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:14px;

    padding:32px 20px;

    text-align:center;

    transition:.25s;

}

.stat-card:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.stat-number{

    display:block;

    font-size:42px;

    font-weight:700;

    color:#2563eb;

    line-height:1;

    margin-bottom:12px;

}

.stat-label{

    display:block;

    font-size:16px;

    color:#6b7280;

    font-weight:500;

}
/* ===================================================
   JOB CARD
=================================================== */

.job-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:14px;

    padding:24px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    transition:.25s;

    height:100%;
}

.job-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.job-title{

    margin:0 0 12px;

    font-size:22px;

    line-height:1.3;

}

.job-title a{

    color:#111827;

    text-decoration:none;

}

.job-title a:hover{

    color:#2563eb;

}

.job-company{

    display:block;

    color:#4b5563;

    margin-bottom:18px;

}

.job-meta{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:18px;

}

.job-type{

    background:#eff6ff;

    color:#2563eb;

    padding:6px 12px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.job-salary{

    font-size:22px;

    color:#16a34a;

    font-weight:700;

    margin-bottom:20px;

}

.job-benefits{

    margin:0;

    padding-left:18px;

}

.job-benefits li{

    margin-bottom:8px;

    color:#4b5563;

}

.job-card-footer{

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid #f1f5f9;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.job-date{

    color:#6b7280;

    font-size:14px;

}

.btn-job{

    background:#2563eb;

    color:#fff;

    text-decoration:none;

    padding:10px 18px;

    border-radius:8px;

    font-weight:600;

    transition:.2s;

}

.btn-job:hover{

    background:#1d4ed8;

}
/* ===================================================
   FEATURED JOBS
=================================================== */

.featured-jobs{

    padding:80px 0;

    background:#f8fafc;

}

.section-header{

    text-align:center;

    margin-bottom:50px;

}

.section-title{

    font-size:38px;

    margin-bottom:12px;

    color:#111827;

}

.section-description{

    color:#6b7280;

    max-width:700px;

    margin:auto;

    font-size:18px;

}

.jobs-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));

    gap:30px;

}

.section-footer{

    text-align:center;

    margin-top:50px;

}

.btn-primary{

    display:inline-block;

    padding:14px 28px;

    background:#2563eb;

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-weight:600;

    transition:.2s;

}

.btn-primary:hover{

    background:#1d4ed8;

}
/* =====================================================
   COMPANY CARD
===================================================== */

.company-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:14px;

    padding:28px;

    transition:.25s;

    text-align:center;

}

.company-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.company-name{

    margin-bottom:18px;

    font-size:24px;

}

.company-card-body p{

    color:#6b7280;

    margin-bottom:24px;

}

.btn-company{

    display:inline-block;

    padding:10px 20px;

    background:#2563eb;

    color:#fff;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

}

.btn-company:hover{

    background:#1d4ed8;

}
/* =====================================================
   COMPANY / CITY / ARTICLE
=====================================================*/

.companies-grid,
.cities-grid,
.articles-grid{

	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:24px;
}

.company-card,
.city-card,
.article-card{

	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	padding:28px;
	text-align:center;
	transition:.25s;
}

.company-card:hover,
.city-card:hover,
.article-card:hover{

	transform:translateY(-5px);
	box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.company-name,
.city-name,
.article-title{

	margin-bottom:18px;
	font-size:22px;
}

.article-category{

	display:inline-block;
	background:#eff6ff;
	color:#2563eb;
	padding:6px 12px;
	border-radius:30px;
	font-size:13px;
	font-weight:600;
	margin-bottom:16px;
}

.btn-company,
.btn-city,
.btn-article{

	display:inline-block;
	padding:10px 20px;
	background:#2563eb;
	color:#fff;
	border-radius:8px;
	text-decoration:none;
	font-weight:600;
	transition:.2s;
}

.btn-company:hover,
.btn-city:hover,
.btn-article:hover{

	background:#1d4ed8;

}
/* Radar IA (template-parts/radar.php) — segue o mesmo padrão visual
   dos demais cards deste arquivo. */
.radar-card{

	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	padding:28px;
	text-align:left;
	transition:.25s;
}

.radar-card:hover{

	transform:translateY(-5px);
	box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.radar-label{

	display:inline-block;
	background:#eff6ff;
	color:#2563eb;
	padding:6px 12px;
	border-radius:30px;
	font-size:13px;
	font-weight:600;
	margin-bottom:16px;

}

.radar-insight{

	font-size:15px;
	line-height:1.6;
	color:var(--color-text-light);

}