/* ========================================================== * qma-luna-gen.css — Luna Varela GEN Identity System * v1.0.3.20260510 * * Deploy: /wp-content/themes/qma-child/css/qma-luna-gen.css * Enqueue: functions.php — priority 20, dep: qma-zdu * wp_enqueue_style('qma-luna-gen', * get_stylesheet_directory_uri() . '/css/qma-luna-gen.css', * ['qma-zdu'], '1.0.0.20260510'); * * Scope: GEN articles (author_id=2) + gen-chapter elements * * Carga site-wide (inerte sin clases GEN en el HTML). * Override de colores Luna desde qma-author-credits.inline.css * (inline en wp_head priority 10 — este file carga priority 20, * por lo que gana en cascada sin necesidad de !important en la * mayoría de reglas). * * PARA CC: * 1. Deploy este archivo vía FTPS a /wp-content/themes/qma-child/css/ * 2. Agregar enqueue en functions.php (ver arriba) * 3. Bumpar version en enqueue al hacer edits futuros * 4. Ver notas backfill al final de este archivo * ========================================================== */ /* ----------------------------------------------------------- * PALETA LUNA — variables canónicas * ----------------------------------------------------------- */ :root { --luna-champagne: #C9A87C; /* firma Luna — dorado cálido */ --luna-champagne-lt: #E8D5B0; /* borde suave, divisores */ --luna-champagne-bg: #FDF8F0; /* fondo cream chips + dialog */ --luna-copper: #8B5C2A; /* copper oscuro — texto activo */ --luna-copper-dark: #5A3A18; /* copper muy oscuro — body text */ --luna-cream: #FAF5EA; /* background hover / sutil */ --luna-shadow: rgba(201, 168, 124, 0.18); } /* ----------------------------------------------------------- * 1. LUNA BYLINE (author_id=2) * Reemplaza #A78BFA (purple heredado) con champagne. * Afecta: top byline role tag, bottom bio border, hovers, * role-tag, CTA link. * ----------------------------------------------------------- */ .qma-author-credit[data-author="2"] .qma-author-credit__role { color: var(--luna-champagne); } .qma-author-credit[data-author="2"] .qma-author-credit__role-tag { color: var(--luna-champagne); } .qma-author-credit[data-author="2"].qma-author-credit--top .qma-author-credit__link:hover .qma-author-credit__byline { color: var(--luna-champagne); } .qma-author-credit[data-author="2"].qma-author-credit--bottom { border-left-color: var(--luna-champagne); background: linear-gradient(135deg, var(--luna-champagne-bg) 0%, #fff 80%); } .qma-author-credit[data-author="2"] .qma-author-credit__name a:hover { color: var(--luna-champagne); } .qma-author-credit[data-author="2"] .qma-author-credit__cta { color: var(--luna-copper); } .qma-author-credit[data-author="2"] .qma-author-credit__cta:hover { color: var(--luna-champagne); border-bottom-color: var(--luna-champagne); } /* ----------------------------------------------------------- * 2. GEN-CHAPTER-TITLE (H2 del bloque ZDU narrativo) * Override del lime #D1DF48 que hereda de qma-zdu.css * (.zdu-chapter-title { color: var(--zdu-green) }) * Aplica el gradient champagne → copper, firma de Luna. * ----------------------------------------------------------- */ .gen-chapter .gen-chapter-title, h2.gen-chapter-title { background: linear-gradient(135deg, var(--luna-champagne) 0%, var(--luna-copper) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: var(--luna-champagne); /* fallback navegadores sin background-clip */ margin-top: 48px; padding-top: 8px; } /* ----------------------------------------------------------- * 3. H3 HERO ANGLES en gen-chapter * Override del #6833CA (purple) definido en mu-plugin * inline CSS para .gen-chapter h3. * Copper cálido — distingue GEN (diurno) de ZDU (oscuro). * !important necesario porque el inline