/* SCOPED COMPARE HUB PAGE STYLES – Market Scout Style */
.scv-compare-hub {
background-color: #0f172a;
color: #e2e8f0;
font-family: “Poppins”, sans-serif;
line-height: 1.6;
overflow-x: hidden;
–teal: #268599;
–teal-light: #618480;
–coral: #e8885e;
–navy: #0f172a;
–navy-card: #1e293b;
–border: rgba(255, 255, 255, 0.1);
}
.scv-compare-hub h1,
.scv-compare-hub h2,
.scv-compare-hub h3,
.scv-compare-hub h4 {
color: #ffffff !important;
font-family: “Playfair Display”, serif;
margin-top: 0;
}
.scv-compare-hub p,
.scv-compare-hub li {
color: #cbd5e1 !important;
margin-bottom: 24px;
}
.scv-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
/* HERO SECTION */
.scv-compare-hero {
padding: 100px 0 80px;
text-align: center;
background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 70%);
position: relative;
}
.scv-compare-hero::before {
content: “”;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
linear-gradient(rgba(38, 133, 153, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(38, 133, 153, 0.1) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
}
.scv-badge-compare {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
padding: 6px 16px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.scv-compare-hero h1 {
font-size: clamp(38px, 5vw, 60px);
line-height: 1.1;
margin-bottom: 24px;
}
.scv-text-highlight {
color: var(–teal-light) !important;
position: relative;
display: inline-block;
}
.scv-text-highlight::after {
content: “”;
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: rgba(38, 133, 153, 0.3);
z-index: -1;
transform: rotate(-2deg);
}
.scv-compare-hero p {
font-size: 18px;
max-width: 700px;
margin: 0 auto 40px;
}
/* CTA BUTTON */
.btn-compare {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 50%, var(–coral) 100%);
color: white !important;
padding: 16px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(38, 133, 153, 0.3);
}
.btn-compare:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(38, 133, 153, 0.4);
color: white !important;
}
/* STATS BAR */
.stats-bar {
display: flex;
justify-content: center;
gap: 60px;
margin: 60px 0;
padding: 30px;
background: var(–navy-card);
border-radius: 16px;
border: 1px solid var(–border);
flex-wrap: wrap;
}
.stat-item {
text-align: center;
}
.stat-num {
font-size: 36px;
font-weight: 700;
color: var(–teal-light) !important;
display: block;
line-height: 1;
}
.stat-label {
font-size: 14px;
color: #94a3b8 !important;
margin-top: 5px;
}
/* COMPARISON CARDS GRID */
.compare-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin: 60px 0;
}
.compare-card {
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 16px;
padding: 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.compare-card:hover {
transform: translateY(-5px);
border-color: rgba(38, 133, 153, 0.5);
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.compare-card::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, var(–teal) 0%, var(–coral) 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.compare-card:hover::before {
opacity: 1;
}
.compare-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.compare-logos {
display: flex;
align-items: center;
}
.logo-box {
width: 50px;
height: 50px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: white;
}
.logo-scv {
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
z-index: 2;
}
.logo-competitor {
background: #64748b;
margin-left: -15px;
z-index: 1;
}
.vs-badge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(–coral);
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.compare-title {
font-size: 18px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 5px;
font-family: “Poppins”, sans-serif;
}
.compare-subtitle {
font-size: 13px;
color: #94a3b8 !important;
}
.compare-highlights {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.highlight-tag {
font-size: 11px;
padding: 4px 10px;
border-radius: 20px;
background: rgba(38, 133, 153, 0.15);
color: var(–teal-light) !important;
border: 1px solid rgba(38, 133, 153, 0.3);
}
.compare-cta {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(–teal-light) !important;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: color 0.3s ease;
}
.compare-cta:hover {
color: var(–coral) !important;
}
/* WHY COMPARE SECTION */
.why-compare {
padding: 80px 0;
background: rgba(255,255,255,0.02);
margin: 60px 0;
border-radius: 20px;
}
.why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 40px;
}
.why-card {
text-align: center;
padding: 30px;
}
.why-icon {
width: 60px;
height: 60px;
background: rgba(38, 133, 153, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
color: var(–teal-light);
}
.why-card h3 {
font-size: 18px;
margin-bottom: 10px;
font-family: “Poppins”, sans-serif;
}
/* POPULAR COMPARISONS */
.popular-section {
margin: 80px 0;
}
.popular-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.popular-item {
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
background: var(–navy-card);
border: 1px solid var(–border);
border-radius: 12px;
text-decoration: none;
transition: all 0.3s ease;
}
.popular-item:hover {
border-color: var(–teal);
transform: translateX(5px);
}
.popular-num {
width: 32px;
height: 32px;
background: linear-gradient(135deg, var(–teal) 0%, var(–teal-light) 100%);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: white;
flex-shrink: 0;
}
.popular-text {
flex: 1;
}
.popular-title {
font-size: 15px;
font-weight: 600;
color: #ffffff !important;
margin-bottom: 2px;
}
.popular-views {
font-size: 12px;
color: #94a3b8 !important;
}
.popular-arrow {
color: var(–teal-light);
transition: transform 0.3s ease;
}
.popular-item:hover .popular-arrow {
transform: translateX(5px);
}
/* FAQ */
.compare-faq {
background: rgba(255,255,255,0.02);
border-radius: 20px;
padding: 40px;
margin: 80px 0;
border: 1px solid rgba(255,255,255,0.05);
}
/* FINAL CTA */
.final-cta-section {
text-align: center;
padding: 80px 0;
background: radial-gradient(circle at 50% 100%, #1e293b 0%, #0f172a 70%);
border-radius: 20px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.stats-bar { flex-direction: column; gap: 30px; }
.compare-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr; }
.popular-list { grid-template-columns: 1fr; }
}
🔍 Centro de Comparación
Encuentra tu herramienta perfecta para crear currículum
Comparaciones honestas y detalladas para ayudarte a elegir el mejor creador de currículum para tus necesidades. Descubre cómo StylingCV se compara con la competencia.
Prueba StylingCV GratisComparaciones cara a cara
S
R
VS
StylingCV vs Resume.io
Duelo de plantillas premium
Puntuación ATS
Plantillas
Precios
Compara funciones, plantillas y precios entre dos creadores de currículum populares.
Leer comparación completaS
C
VS
StylingCV vs Canva
Enfoque en diseño vs optimización ATS
Diseño
ATS
Facilidad de uso
¿Diseño atractivo o éxito en la contratación? ¿Qué importa más para tu currículum?
Leer comparación completaS
Z
VS
StylingCV vs Zety
Batalla de funciones y precios
Redacción con IA
Costo
Soporte
Dos creadores llenos de funciones: descubre cuál ofrece mejor valor para quienes buscan empleo.
Leer comparación completaS
N
VS
StylingCV vs Novoresume
Comparativa de diseños modernos
Plantillas
Exportar
Funciones
Ambos ofrecen plantillas modernas: descubre cuál destaca en funciones y valor.
Leer comparación completaS
I
VS
StylingCV vs Indeed
Bolsa de empleo vs creador dedicado
Gratis
Calidad
Opciones
¿Un creador de currículum gratuito en una bolsa de empleo es suficiente o necesitas más?
Leer comparación completaS
L
VS
StylingCV vs LinkedIn
Exportar perfil vs creador de currículum
Importar
Formato
ATS
Exportar PDF de LinkedIn vs un currículum dedicado: ¿cuál te ayuda a conseguir empleo?
Leer comparación completa¿Por qué nuestras comparativas importan?
Análisis imparcial
Probamos cada función nosotros mismos y reportamos con honestidad, incluyendo donde los competidores destacan.
Datos reales
Nuestras comparativas incluyen resultados reales de pruebas ATS, no solo afirmaciones de marketing.
Costos reales
Revelamos tarifas ocultas, trampas de suscripción y el costo real de cada servicio.
Actualizado regularmente
Los creadores de currículum cambian rápido. Actualizamos nuestras comparativas para mantener la precisión.
Preguntas frecuentes
¿Cómo prueban los creadores de currículum?
Creamos currículums reales con cada creador, los probamos en sistemas ATS reales, comparamos la calidad de las plantillas, evaluamos la facilidad de uso y calculamos el costo real incluyendo tarifas ocultas.
¿Estas comparativas favorecen a StylingCV?
Buscamos la honestidad. Reconocemos cuando los competidores tienen ventajas y explicamos claramente nuestra metodología. Nuestro objetivo es ayudarte a tomar la mejor decisión para TUS necesidades.
¿Cuál es el mejor creador de currículum para mí?
Depende de tus prioridades. Si la optimización ATS es clave, StylingCV destaca. Si buscas libertad total de diseño, Canva puede servirte. Lee nuestras comparativas específicas para encontrar tu mejor opción.
¿Listo para crear tu currículum?
Únete a millones que eligieron StylingCV para currículums profesionales y optimizados para ATS.
Empieza gratis💡 Consejo profesional: StylingCV no es solo un creador de currículum — es un creador inteligente con IA que piensa. StylingCV smart AI builder en menos de 2 minutos.
Explora más recursos
- Prueba nuestro creador de currículum con IA
- Guía del creador de currículum con IA
- Compara creadores de currículum con IA
- Verificador ATS con IA