/* Theme Name: Clases Guitarra Valencia (hijo) Theme URI: https://clases-guitarra-valencia.com Description: Tema hijo de Twenty Twenty-Five para que las entradas y categorías del blog compartan navbar, colores y tipografía con el resto de clases-guitarra-valencia.com. Author: Clases Guitarra Valencia Template: twentytwentyfive Version: 1.0 Text Domain: clases-guitarra-hijo */ /* El navbar y footer reales los pone /assets/css/style.css + navmenu/styles.css (las mismas hojas que usa el resto del sitio), encoladas desde functions.php, más los overrides de color que van justo debajo. Aquí el CONTENIDO de las entradas (título, texto, enlaces, botones) combina con la paleta "rock" de ReservaHoras (negro/carmesí/dorado) en vez del azul/gris por defecto de Twenty Twenty-Five. */ :root { --cgv-black: #0a0a0a; --cgv-black-soft: #3a0e14; --cgv-crimson: #c81e3a; --cgv-gold: #d99e2b; --cgv-gold-dark: #b8841f; } /* Navbar del resto del sitio, recoloreado a negro/carmesí solo aquí (no toca el archivo compartido navmenu/styles.css, así que la home no cambia) */ .main-nav { background: linear-gradient(160deg, var(--cgv-black) 55%, var(--cgv-black-soft) 100%) !important; } .main-nav ul.nav > li > a.active, .main-nav ul.nav > li > a:hover { color: var(--cgv-gold) !important; } /* Espacio para el navbar fijo del resto del sitio. OJO: el bug real del solapamiento era que esta regla apuntaba a "body.wp-site-blocks", pero WordPress NO pone esa clase en (la pone en un
interior que envuelve el contenido), así que esta regla nunca se aplicaba y el navbar fijo (comprobado en vivo: 141px de alto en escritorio) quedaba encima del título del post. Con el selector correcto ("body" a secas, que en esta hoja de estilos del tema hijo solo afecta a las páginas de WordPress) el contenido ya baja lo justo para no quedar tapado. */ body { padding-top: 150px; background: #f5f4f0; } @media (max-width: 782px) { body { padding-top: 100px; } } .entry-title, h1, h2, h3, h4 { color: var(--cgv-crimson); font-family: 'Oswald', sans-serif; letter-spacing: .01em; } a { color: var(--cgv-gold-dark); } a:hover, a:focus { color: var(--cgv-crimson); } /* Botones de bloque (wp:button) y elementos destacados */ .wp-block-button__link, .wp-element-button { background: linear-gradient(160deg, var(--cgv-black) 55%, var(--cgv-black-soft) 100%) !important; color: #fff !important; border-radius: 8px !important; } .wp-block-button__link:hover, .wp-element-button:hover { background: var(--cgv-crimson) !important; } /* Contenedor de contenido: legible, con el mismo aire que el resto del sitio */ main { max-width: 900px; margin: 0 auto; padding: 0 20px 60px 20px; } /* Migas de pan sencillas arriba del artículo, a juego con las páginas estáticas de técnicas (blog/punteo.html y compañía) */ .cgv-breadcrumb { font-size: .85rem; color: #6c757d; margin: 20px 0 10px 0; } .cgv-breadcrumb a { color: #6c757d; } /* Tarjetas de categoría / archivo, mismo estilo "grid-item" que usan las páginas hub estáticas (armonia.html, escalas.html...) */ .cgv-archive-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 20px 0 40px 0; } .cgv-archive-item { background: linear-gradient(160deg, var(--cgv-black) 55%, var(--cgv-black-soft) 100%); color: #fff !important; border-radius: 10px; padding: 20px; text-decoration: none !important; transition: background-color .2s ease, transform .15s ease; box-shadow: 0 3px 6px rgba(0,0,0,.12); } .cgv-archive-item:hover { background: var(--cgv-crimson); transform: translateY(-2px); } .cgv-archive-item h2 { color: #fff; font-size: 1.1rem; margin: 0 0 6px 0; } .cgv-archive-item p { color: rgba(255,255,255,.85); font-size: .85rem; margin: 0; } /* Bloque CTA final, igual que en las páginas estáticas de técnicas */ .cgv-cta-clases { background: linear-gradient(160deg, var(--cgv-black) 55%, var(--cgv-black-soft) 100%); color: #fff; border-radius: 10px; padding: 22px; margin: 30px 0; text-align: center; } .cgv-cta-clases a { color: var(--cgv-gold); font-weight: 700; text-decoration: underline; }