/* ==========================================================================
   BuscasTrabajo USA - Rediseno global (Claude Design)
   Pulido seguro a nivel de sitio: tipografia, colores de marca, botones.
   No selecciona <span>/<i>/iconos para no romper Dashicons / Font Awesome.
   ========================================================================== */

:root {
	--bt-blue: #2563EB;
	--bt-blue-700: #1D4ED8;
	--bt-blue-900: #1E3A8A;
	--bt-yellow: #FAD636;
	--bt-yellow-deep: #E9B800;
	--bt-slate: #374151;
	--bt-slate-900: #1f2632;
	--bt-ink: #1b2330;
	--bt-radius: 12px;
}

/* ---------- Tipografia: Plus Jakarta Sans ---------- */
html body,
button,
input,
select,
optgroup,
textarea,
.ast-button,
.wp-block-button__link,
h1, h2, h3, h4, h5, h6,
p, li, blockquote,
.entry-title, .site-title, .ast-archive-title,
.menu-item > a, .ast-header-break-point .main-header-menu a {
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Pesos y tracking de titulares acorde al diseno */
h1, h2, .entry-title, .ast-archive-title { font-weight: 800; letter-spacing: -0.015em; }
h3, h4 { font-weight: 700; letter-spacing: -0.01em; }

/* ---------- Enlaces de marca ---------- */
a { color: var(--bt-blue); }
a:hover, a:focus { color: var(--bt-blue-700); }

/* ---------- Botones (radio + peso, sin forzar color global) ---------- */
.wp-block-button__link,
.ast-button,
.ast-custom-button,
button.menu-toggle,
input[type="submit"],
.wp-element-button {
	border-radius: var(--bt-radius);
	font-weight: 700;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover,
.wp-element-button:hover {
	transform: translateY(-1px);
}

/* ---------- Tarjetas de entradas (blog / archivos) ---------- */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 24px -16px rgba(16,24,40,.18);
	border: 1px solid #eef1f5;
	transition: transform .18s ease, box-shadow .18s ease;
}

.ast-separate-container .ast-article-post:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(16,24,40,.08), 0 18px 40px -20px rgba(16,24,40,.28);
}

/* Imagenes destacadas con esquinas suaves */
.ast-article-post .post-thumb img,
.wp-block-post-featured-image img {
	border-radius: 12px;
}