/* ============================================
BLOG HUB PAGE STYLES
============================================ */
.blog-hub {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif;
color: #1e293b;
line-height: 1.7;
}
/* Hero Section */
.blog-hero {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
padding: 80px 20px 100px;
position: relative;
overflow: hidden;
}
.blog-hero::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at 30% 50%, rgba(14, 165, 233, 0.1) 0%, transparent 50%),
radial-gradient(circle at 70% 80%, rgba(236, 72, 153, 0.08) 0%, transparent 50%);
}
.blog-hero-content {
max-width: 900px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 1;
}
.blog-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(14, 165, 233, 0.2);
border: 1px solid rgba(14, 165, 233, 0.3);
padding: 10px 20px;
border-radius: 50px;
font-size: 14px;
color: #7dd3fc;
margin-bottom: 24px;
font-weight: 500;
}
.blog-hero h1 {
font-size: clamp(2.2rem, 5vw, 3.5rem);
font-weight: 800;
color: #f8fafc;
margin: 0 0 20px;
line-height: 1.15;
}
.blog-hero h1 .gradient-text {
background: linear-gradient(90deg, #22d3ee, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blog-hero-subtitle {
font-size: 1.2rem;
color: #cbd5e1;
margin-bottom: 36px;
max-width: 650px;
margin-left: auto;
margin-right: auto;
line-height: 1.7;
}
/* Search Box */
.blog-search {
max-width: 500px;
margin: 0 auto;
position: relative;
}
.blog-search input {
width: 100%;
padding: 18px 24px 18px 56px;
border-radius: 50px;
border: 2px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.05);
color: #f8fafc;
font-size: 16px;
transition: all 0.3s ease;
}
.blog-search input::placeholder {
color: #94a3b8;
}
.blog-search input:focus {
outline: none;
border-color: #0ea5e9;
background: rgba(255, 255, 255, 0.1);
}
.blog-search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #94a3b8;
}
/* Stats Row */
.blog-stats {
display: flex;
justify-content: center;
gap: 48px;
flex-wrap: wrap;
margin-top: 48px;
}
.blog-stat {
text-align: center;
}
.blog-stat-value {
font-size: 2.5rem;
font-weight: 800;
background: linear-gradient(90deg, #22d3ee, #0ea5e9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.blog-stat-label {
font-size: 14px;
color: #94a3b8;
margin-top: 4px;
}
/* Section Styles */
.blog-section {
padding: 80px 20px;
}
.blog-container {
max-width: 1200px;
margin: 0 auto;
}
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-header h2 {
font-size: 2.2rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 12px;
}
.section-header p {
color: #475569;
font-size: 1.1rem;
margin: 0;
}
/* Featured Articles Grid */
.featured-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 24px;
margin-bottom: 48px;
}
@media (max-width: 900px) {
.featured-grid {
grid-template-columns: 1fr;
}
}
.featured-main {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
border-radius: 24px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 400px;
position: relative;
overflow: hidden;
text-decoration: none;
transition: transform 0.3s ease;
}
.featured-main:hover {
transform: translateY(-4px);
}
.featured-main::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);
}
.featured-main-content {
position: relative;
z-index: 1;
}
.featured-main .category-badge {
display: inline-block;
background: #0ea5e9;
color: #fff;
padding: 6px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.featured-main h3 {
font-size: 1.75rem;
font-weight: 700;
color: #f8fafc;
margin: 0 0 12px;
line-height: 1.3;
}
.featured-main p {
color: #cbd5e1;
font-size: 1rem;
margin: 0 0 16px;
line-height: 1.6;
}
.featured-main .read-more {
color: #7dd3fc;
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.featured-sidebar {
display: flex;
flex-direction: column;
gap: 24px;
}
.featured-small {
background: #f8fafc;
border-radius: 16px;
padding: 24px;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
flex: 1;
}
.featured-small:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
border-color: #0ea5e9;
}
.featured-small .category-badge {
display: inline-block;
background: #ecfdf5;
color: #059669;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.featured-small h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
line-height: 1.4;
}
.featured-small p {
color: #64748b;
font-size: 14px;
margin: 0;
line-height: 1.5;
}
/* Category Cards */
.categories-section {
background: #f8fafc;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
}
.category-card {
background: #fff;
border-radius: 20px;
padding: 32px;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
position: relative;
overflow: hidden;
}
.category-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
border-color: transparent;
}
.category-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(–card-gradient);
}
.category-card.resume { –card-gradient: linear-gradient(90deg, #0ea5e9, #22d3ee); }
.category-card.interview { –card-gradient: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.category-card.career { –card-gradient: linear-gradient(90deg, #10b981, #34d399); }
.category-card.cover-letter { –card-gradient: linear-gradient(90deg, #ec4899, #f472b6); }
.category-card.ats { –card-gradient: linear-gradient(90deg, #f59e0b, #fbbf24); }
.category-card.ai-tools { –card-gradient: linear-gradient(90deg, #6366f1, #818cf8); }
.category-card.job-search { –card-gradient: linear-gradient(90deg, #ef4444, #f87171); }
.category-card.ksa { –card-gradient: linear-gradient(90deg, #059669, #10b981); }
.category-card .icon-box {
width: 60px;
height: 60px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin-bottom: 20px;
background: var(–card-gradient);
}
.category-card h3 {
font-size: 1.25rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
}
.category-card p {
color: #64748b;
font-size: 14px;
margin: 0 0 16px;
line-height: 1.6;
}
.category-card .post-count {
font-size: 13px;
color: #94a3b8;
font-weight: 500;
}
/* Latest Posts */
.latest-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 24px;
}
.post-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}
.post-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
.post-card-image {
height: 180px;
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
}
.post-card-content {
padding: 24px;
}
.post-card .category-badge {
display: inline-block;
background: #f1f5f9;
color: #475569;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.post-card h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 8px;
line-height: 1.4;
}
.post-card p {
color: #64748b;
font-size: 14px;
margin: 0 0 16px;
line-height: 1.6;
}
.post-card .meta {
display: flex;
align-items: center;
gap: 16px;
font-size: 13px;
color: #94a3b8;
}
/* Popular Topics */
.topics-section {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
color: #fff;
}
.topics-section .section-header h2,
.topics-section .section-header p {
color: #f8fafc;
}
.topics-section .section-header p {
color: #cbd5e1;
}
.topics-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.topic-tag {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 12px 24px;
border-radius: 50px;
color: #e2e8f0;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.topic-tag:hover {
background: rgba(14, 165, 233, 0.3);
border-color: #0ea5e9;
color: #fff;
}
/* Newsletter Section */
.newsletter-section {
background: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
padding: 80px 20px;
text-align: center;
}
.newsletter-content {
max-width: 600px;
margin: 0 auto;
}
.newsletter-content h2 {
font-size: 2rem;
font-weight: 700;
color: #fff;
margin: 0 0 12px;
}
.newsletter-content p {
font-size: 1.1rem;
color: #f0f9ff;
margin: 0 0 32px;
}
.newsletter-form {
display: flex;
gap: 12px;
max-width: 450px;
margin: 0 auto;
}
.newsletter-form input {
flex: 1;
padding: 16px 24px;
border-radius: 50px;
border: none;
font-size: 16px;
}
.newsletter-form button {
background: #0f172a;
color: #fff;
padding: 16px 32px;
border-radius: 50px;
border: none;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.newsletter-form button:hover {
background: #1e293b;
transform: translateY(-2px);
}
@media (max-width: 500px) {
.newsletter-form {
flex-direction: column;
}
}
/* Quick Resources */
.resources-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.resource-card {
background: #f8fafc;
border-radius: 12px;
padding: 24px;
text-decoration: none;
display: flex;
align-items: center;
gap: 16px;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}
.resource-card:hover {
background: #fff;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
border-color: #0ea5e9;
}
.resource-card .icon {
width: 50px;
height: 50px;
border-radius: 12px;
background: linear-gradient(135deg, #0ea5e9, #22d3ee);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
flex-shrink: 0;
}
.resource-card h4 {
font-size: 1rem;
font-weight: 600;
color: #0f172a;
margin: 0 0 4px;
}
.resource-card p {
font-size: 13px;
color: #64748b;
margin: 0;
}
/* CTA Section */
.blog-cta-section {
background: #fff;
padding: 60px 20px;
text-align: center;
}
.blog-cta-box {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
border-radius: 24px;
padding: 60px 40px;
max-width: 900px;
margin: 0 auto;
}
.blog-cta-box h2 {
font-size: 2rem;
font-weight: 700;
color: #f8fafc;
margin: 0 0 16px;
}
.blog-cta-box p {
font-size: 1.1rem;
color: #cbd5e1;
margin: 0 0 32px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.blog-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #0ea5e9, #22d3ee);
color: #fff;
padding: 18px 40px;
border-radius: 50px;
font-size: 17px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
.blog-cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(14, 165, 233, 0.4);
}
/* Mobile */
@media (max-width: 768px) {
.blog-hero {
padding: 60px 16px 80px;
}
.blog-stats {
gap: 32px;
}
.blog-stat-value {
font-size: 2rem;
}
.featured-grid {
grid-template-columns: 1fr;
}
.latest-posts-grid {
grid-template-columns: 1fr;
}
}
Consejos de Carrera de Expertos &
📚 Centro de Recursos de Carrera • Actualizado semanalmente
Consejos de Carrera de Expertos &
Consejos para Escribir CV
Tu guía completa para conseguir el trabajo de tus sueños. Consejos expertos sobre redacción de CV, preparación para entrevistas, optimización ATS y estrategias de desarrollo profesional que realmente funcionan.
350+
Artículos de Expertos
8
Categorías de Temas
6M+
Lectores Ayudados
Artículos Destacados
Nuestros recursos más populares y útiles
Explorar por Categoría
Encuentra exactamente lo que necesitas para tu búsqueda de empleo
📝
Redacción de CV
Domina el arte de redactar CV con guías completas, ejemplos y consejos de expertos.
200+ artículos🎯
Preparación de Entrevistas
Destaca en tus entrevistas con estrategias de preparación, preguntas comunes y marcos de respuesta.
15+ artículos🚀
Desarrollo Profesional
Avanza en tu carrera con estrategias de crecimiento profesional y consejos para desarrollar habilidades.
17+ artículos✉️
Cartas de Presentación
Redacta cartas de presentación impactantes que llamen la atención de los reclutadores.
20+ artículos🤖
Optimización ATS
Supera los sistemas de seguimiento de candidatos con consejos de formato y palabras clave.
25+ artículos🧠
Herramientas y Tecnología de IA
Aprovecha la tecnología de IA para crear mejores CV y acelerar tu búsqueda de empleo.
24+ artículos🔍
Estrategia de Búsqueda de Empleo
Estrategias efectivas para encontrar oportunidades y conseguir el puesto de tus sueños.
10+ artículos🇸🇦
Empleos en KSA y el Golfo
Guías especializadas para quienes buscan empleo en Arabia Saudita y la región del Golfo.
30+ artículosÚltimos Artículos
Nuevas ideas y consejos publicados cada semana
📋
Redacción de CV
200+ Verbos de Acción para CV que Consiguen Entrevistas (Lista 2026)
Palabras poderosas que transforman frases débiles en logros destacados.
💼
Consejos de Carrera
Cómo Explicar Vacíos Laborales en tu CV
Convierte los periodos sin empleo en fortalezas con estas estrategias probadas.
🎯
Consejos de CV
Objetivo vs Resumen en CV: ¿Cuál Consigue Empleo en 2026?
Aprende cuándo usar cada uno y cómo redactarlos de forma efectiva.
🎓
Nivel Inicial
Qué Poner en un CV sin Experiencia
Guía completa para estudiantes y quienes cambian de carrera desde cero.
📏
FAQ
¿Cuánto Debe Medir un CV? Guía Completa para 2026
La respuesta definitiva según tu nivel de experiencia y sector.
🤝
Habilidades
Habilidades Blandas para CV: Qué Son y Cómo Mostrarlas
Las habilidades interpersonales que más valoran los empleadores en 2026.
Temas Populares
Acceso rápido a los temas más buscados
Recursos Rápidos
Herramientas y guías esenciales para impulsar tu búsqueda de empleo
🤖
Creador de CV con IA
Crea tu CV en minutos
🎨
Plantillas de CV
100+ diseños profesionales
📄
Ejemplos de CV
Ejemplos por sector
✉️
Creador de Cartas de Presentación
Redacción de cartas con IA
✓
Comprobador ATS
Prueba la compatibilidad de tu CV
⚖️
Comparativa de Herramientas
Encuentra el mejor creador de CV
¿Listo para Crear tu CV Ganador?
Pon en práctica estos consejos con nuestro creador de CV con IA. Crea un CV profesional y optimizado para ATS en minutos.
Crea tu CV gratis →💡 Consejo Pro: StylingCV no es solo un creador de CV — es un creador inteligente con IA que piensa. Creador de CV con IA optimizado para ATS en menos de 2 minutos.
