546a2ad648
PROBLEMA RAÍZ: - .hero-title estaba definido en 4 archivos diferentes (style.css, hero.css, custom-style.css) - Había propiedades incorrectas agregadas (margin-bottom: 0 en .navbar, margin-top: 0 en .hero-title) - Estas propiedades NO existen en el template original CAMBIOS REALIZADOS: 1. hero.css: - Eliminado .hero-title completo (líneas 15-24) - Eliminado .hero-title del media query responsive (líneas 57-64) - Mantenido solo .category-badge-hero y su responsive 2. custom-style.css: - Eliminado .hero-title completo (líneas 88-92) - Eliminado .hero-title h1 (líneas 94-100) - Eliminado .category-badge (líneas 102-124) - Dejado comentario indicando que CSS está en style.css 3. style.css: - Eliminado margin-bottom: 0 de .navbar (línea 696) - Eliminado margin-top: 0 de .hero-title (línea 817) RESULTADO: - .hero-title ahora solo está definido UNA VEZ en style.css - CSS coincide EXACTAMENTE con el template original - Sin propiedades extras que no existen en template - Sin duplicaciones de código 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.1 KiB
CSS
51 lines
1.1 KiB
CSS
/**
|
|
* Hero Section Styles
|
|
*
|
|
* Estilos para la sección hero con gradiente azul
|
|
* Template ref: css/style.css líneas 122-129
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
/* ============================================
|
|
HERO SECTION - CATEGORY BADGES
|
|
============================================ */
|
|
|
|
/* Category Badges en Hero */
|
|
.category-badge-hero {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
color: #ffffff;
|
|
padding: 6px 16px;
|
|
border-radius: 20px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.5px;
|
|
text-decoration: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.category-badge-hero:hover {
|
|
background: rgba(255, 255, 255, 0.25);
|
|
color: #ffffff;
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.category-badge-hero i {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 767.98px) {
|
|
.category-badge-hero {
|
|
font-size: 12px;
|
|
padding: 4px 12px;
|
|
}
|
|
}
|