/**
 * Horóscopo Central - Estilo Principal
 * Design idêntico à imagem de referência
 */

/* ==========================================================================
   1. VARIÁVEIS E RESET
========================================================================== */
:root {
    --hc-font-serif: 'Playfair Display', Georgia, serif;
    --hc-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    --hc-primary: #c0266e;
    --hc-primary-hover: #a31959;
    --hc-primary-light: #fdf2f8;
    
    --hc-gold: #f5a623;
    --hc-gold-light: #fef3c7;
    
    --hc-dark-sky: #060913;
    --hc-navy: #0e1424;
    --hc-navy-card: #131a2e;
    
    --hc-text-main: #1e293b;
    --hc-text-muted: #64748b;
    --hc-text-light: #94a3b8;
    
    --hc-bg-body: #ffffff;
    --hc-bg-alt: #faf9f7;
    --hc-border: #f1f5f9;
    --hc-border-card: #eef2f6;
    
    --hc-radius-sm: 6px;
    --hc-radius-md: 10px;
    --hc-radius-lg: 14px;
    --hc-radius-pill: 9999px;
    
    --hc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --hc-shadow-md: 0 4px 18px rgba(0, 0, 0, 0.06);
    --hc-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    --hc-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--hc-font-sans);
    color: var(--hc-text-main);
    background-color: var(--hc-bg-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--hc-transition);
}

button, input {
    font-family: inherit;
}

/* ==========================================================================
   2. CONTAINERS E UTILITÁRIOS
========================================================================== */
.hc-container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
}

@media (max-width: 767px) {
    .hc-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.hc-py-8 {
    padding-top: 36px;
    padding-bottom: 50px;
}

/* Layout 2 Colunas */
.hc-layout-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 36px;
    align-items: start;
}

.hc-main-column {
    min-width: 0;
}

.hc-sidebar-column {
    width: 340px;
    min-width: 340px;
}

/* Botões */
.hc-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--hc-primary);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    border-radius: var(--hc-radius-pill);
    border: none;
    cursor: pointer;
    transition: var(--hc-transition);
    text-align: center;
}

.hc-btn-primary:hover {
    background-color: var(--hc-primary-hover);
    box-shadow: 0 4px 14px rgba(192, 38, 110, 0.35);
    transform: translateY(-1px);
}

/* Badges de Categoria */
.hc-badge {
    display: inline-block;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    border-radius: var(--hc-radius-pill);
    line-height: 1.3;
}

/* ==========================================================================
   3. CABEÇALHO (HEADER)
========================================================================== */
.hc-site-header {
    background-color: #ffffff;
    position: relative;
    z-index: 50;
}

/* Top Bar */
.hc-top-bar {
    padding: 16px 0;
    border-bottom: 1px solid #f1f5f9;
}

.hc-top-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Logo */
.hc-branding {
    display: flex;
    align-items: center;
}

.custom-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.custom-logo-link img.custom-logo {
    max-height: 52px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

.hc-footer-custom-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.hc-footer-logo-img {
    max-height: 46px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

.hc-logo-link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hc-logo-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

.hc-logo-texts {
    display: flex;
    flex-direction: column;
}

.hc-site-title {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #1e1b4b;
    line-height: 1.15;
}

.hc-site-tagline {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #64748b;
    text-transform: uppercase;
    margin-top: 3px;
}

/* Search Bar */
.hc-header-search {
    flex: 1;
    max-width: 440px;
}

.hc-search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.hc-search-input {
    width: 100%;
    height: 42px;
    padding: 0 44px 0 20px;
    font-size: 13.5px;
    color: #334155;
    background-color: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: var(--hc-radius-pill);
    outline: none;
    transition: var(--hc-transition);
}

.hc-search-input:focus {
    border-color: var(--hc-primary);
    box-shadow: 0 0 0 3px rgba(192, 38, 110, 0.12);
}

.hc-search-submit {
    position: absolute;
    right: 14px;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--hc-transition);
}

.hc-search-submit:hover {
    color: var(--hc-primary);
}

/* Header Actions (Redes + Newsletter) */
.hc-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hc-social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hc-social-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    border-radius: 50%;
    transition: var(--hc-transition);
}

.hc-social-btn:hover {
    color: var(--hc-primary);
    background-color: #f8fafc;
}

.hc-btn-newsletter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--hc-primary);
    color: #ffffff !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: var(--hc-radius-pill);
    transition: var(--hc-transition);
}

.hc-btn-newsletter:hover {
    background-color: var(--hc-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(192, 38, 110, 0.25);
}

.hc-mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 4px;
    padding: 6px;
}

.hc-mobile-toggle span {
    width: 22px;
    height: 2px;
    background-color: #1e293b;
    border-radius: 2px;
}

/* Menu de Navegação */
.hc-main-nav {
    background-color: #ffffff;
    border-bottom: 1px solid #eef2f6;
}

.hc-nav-inner {
    display: flex;
    align-items: center;
}

.hc-nav-menu {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 8px 0;
    margin: 0;
    flex-wrap: wrap;
}

.hc-menu-item,
.hc-nav-menu li {
    position: relative;
    list-style: none;
}

.hc-menu-item > a,
.hc-nav-menu > li > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 600;
    color: #475569;
    border-radius: var(--hc-radius-pill);
    transition: var(--hc-transition);
    text-decoration: none;
    white-space: nowrap;
}

.hc-menu-item > a:hover,
.hc-nav-menu > li > a:hover {
    color: var(--hc-primary);
}

.hc-menu-item.current-menu-item > a,
.hc-nav-menu > li.current-menu-item > a,
.hc-nav-menu > li.current-menu-ancestor > a,
.hc-nav-pill {
    background-color: var(--hc-primary) !important;
    color: #ffffff !important;
}

/* Indicador de Seta para Itens com Filhos */
.hc-arrow {
    transition: transform 0.2s ease;
}

.hc-menu-item:hover .hc-arrow {
    transform: rotate(180deg);
}

.hc-nav-menu > li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 5px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.2s ease;
}

.hc-nav-menu > li.menu-item-has-children:hover > a::after {
    transform: translateY(1px) rotate(-135deg);
}

/* Dropdown */
.hc-dropdown,
.hc-nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 230px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: var(--hc-radius-md);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    list-style: none;
    padding: 8px 0;
    margin: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: all 0.2s ease;
    z-index: 100;
    overflow: visible;
}

.hc-menu-item:hover > .hc-dropdown,
.hc-nav-menu li:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.hc-dropdown li,
.hc-nav-menu .sub-menu li {
    width: 100%;
    position: relative;
    list-style: none;
}

.hc-dropdown li a,
.hc-nav-menu .sub-menu li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    color: #475569;
    font-weight: 500;
    transition: var(--hc-transition);
    text-decoration: none;
    white-space: nowrap;
}

.hc-dropdown li a:hover,
.hc-nav-menu .sub-menu li a:hover,
.hc-nav-menu .sub-menu li.current-menu-item > a {
    color: var(--hc-primary);
    background-color: #fdf2f8;
    padding-left: 22px;
}

/* Submenu nível 3 (flyout lateral) */
.hc-nav-menu .sub-menu .sub-menu {
    top: -8px;
    left: 100%;
    margin-left: 2px;
}

/* Submenu para itens perto do canto direito da tela: abrir para a esquerda */
.hc-nav-menu > li:nth-last-child(-n+4) .sub-menu .sub-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 2px;
}

.hc-nav-menu .sub-menu .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-left: 8px;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

/* ==========================================================================
   Mega Menu Especial para Oráculos & Jogos
========================================================================== */
.hc-nav-inner {
    position: relative;
}

.hc-nav-menu > li.hc-mega-menu {
    position: relative;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu {
    display: none !important;
    pointer-events: none !important;
    opacity: 0;
    visibility: hidden;
    left: 50% !important;
    top: 100% !important;
    transform: translateX(-50%) !important;
    width: 980px;
    max-width: 96vw;
    flex-wrap: wrap;
    gap: 16px;
    padding: 22px 24px 18px;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.14);
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.hc-nav-menu > li.hc-mega-menu:hover > .sub-menu {
    display: flex !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
}

/* Colunas do Mega Menu */
.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col {
    flex: 1 1 210px;
    min-width: 200px;
    position: static;
    display: flex;
    flex-direction: column;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > a {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--hc-primary, #7c3aed);
    padding: 0 0 8px 0;
    margin-bottom: 8px;
    border-bottom: 2px solid #f1f5f9;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    gap: 6px;
    pointer-events: none;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > a::after {
    display: none !important;
}

/* Sub-lista de jogos dentro de cada coluna */
.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > .sub-menu {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > .sub-menu li {
    width: 100%;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > .sub-menu li a {
    padding: 6px 8px;
    font-size: 13px;
    color: #475569;
    border-radius: 6px;
    transition: all 0.15s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.35;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-col > .sub-menu li a:hover {
    color: var(--hc-primary, #7c3aed);
    background-color: #fdf2f8;
    padding-left: 12px;
}

/* Barra inferior do Mega Menu (Ver Todos) */
.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-footer {
    width: 100%;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
    text-align: center;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 28px;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    color: #ffffff !important;
    font-weight: 700;
    font-size: 13.5px;
    border-radius: 50px;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.25);
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
}

.hc-nav-menu > li.hc-mega-menu > .sub-menu > li.mega-footer a:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.35);
    background: linear-gradient(135deg, #6d28d9 0%, #9333ea 100%);
}

/* Drawer Mobile */
.hc-mobile-drawer {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: -4px 0 20px rgba(0,0,0,0.15);
    z-index: 1000;
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
}

.hc-mobile-drawer.active {
    right: 0;
}

.hc-mobile-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.hc-mobile-drawer-title {
    font-weight: 700;
    font-size: 16px;
    color: #1e293b;
}

.hc-mobile-close {
    background: none;
    border: none;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.hc-mobile-drawer-body {
    overflow-y: auto;
    max-height: calc(100vh - 65px);
    padding-bottom: 30px;
}

.hc-mobile-menu {
    list-style: none;
    padding: 12px 0;
    margin: 0;
}

.hc-mobile-menu li {
    width: 100%;
    list-style: none;
}

.hc-mobile-menu li a {
    display: block;
    padding: 12px 24px;
    font-size: 14.5px;
    font-weight: 600;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-mobile-menu li a:hover,
.hc-mobile-menu li.current-menu-item > a {
    color: var(--hc-primary);
    background-color: #fdf2f8;
}

.hc-mobile-menu .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f8fafc;
}

.hc-mobile-menu .sub-menu li a {
    padding: 9px 24px 9px 36px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

.hc-mobile-menu .sub-menu .sub-menu li a {
    padding-left: 48px;
    font-size: 12.5px;
}

.hc-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}

.hc-drawer-overlay.active {
    display: block;
}

/* ==========================================================================
   4. HERO SECTION CÓSMICA
========================================================================== */
.hc-hero-section {
    background: #060913 url('../images/hero-bg.jpg') center center / cover no-repeat;
    color: #ffffff;
    position: relative;
    padding: 70px 0 0 0;
    overflow: hidden;
}

.hc-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-height: 380px;
    padding-bottom: 40px;
}

.hc-hero-left {
    max-width: 520px;
}

.hc-hero-title {
    font-family: var(--hc-font-serif);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 16px;
}

.hc-hero-title em {
    font-style: italic;
    font-weight: 400;
    color: #f7c25c;
}

.hc-hero-subtitle {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.5;
    margin-bottom: 28px;
}

.hc-btn-hero {
    padding: 12px 28px;
    font-size: 15px;
    border-radius: var(--hc-radius-pill);
    box-shadow: 0 4px 20px rgba(192, 38, 110, 0.4);
}

.hc-hero-right {
    text-align: right;
}

.hc-hero-quote {
    font-family: var(--hc-font-serif);
    font-style: italic;
    font-size: 20px;
    line-height: 1.4;
    color: #e2e8f0;
    opacity: 0.9;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/* Barra Cósmica de Ícones */
.hc-hero-quick-bar {
    background-color: rgba(5, 7, 15, 0.92);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.hc-quick-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    overflow-x: auto;
}

.hc-quick-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
    padding: 6px 12px;
    color: #cbd5e1;
    transition: var(--hc-transition);
    flex-shrink: 0;
}

.hc-quick-icon {
    color: #fcd34d;
    transition: var(--hc-transition);
}

.hc-quick-label {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.hc-quick-item:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.hc-quick-item:hover .hc-quick-icon {
    color: #ffffff;
    filter: drop-shadow(0 0 6px rgba(252, 211, 77, 0.8));
}

/* ==========================================================================
   5. SEÇÕES DE CONTEÚDO
========================================================================== */
.hc-section {
    margin-bottom: 44px;
}

.hc-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-section-header.hc-has-subnav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding-bottom: 16px;
}

.hc-header-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.hc-section-title {
    font-family: var(--hc-font-serif);
    font-size: 25px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.2px;
}

.hc-section-link {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--hc-primary);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-section-link:hover {
    color: var(--hc-primary-hover);
    transform: translateX(3px);
}

/* Cards Gerais */
.hc-card {
    background-color: #ffffff;
    border-radius: var(--hc-radius-lg);
    border: 1px solid var(--hc-border-card);
    overflow: hidden;
    transition: var(--hc-transition);
}

.hc-card:hover {
    box-shadow: var(--hc-shadow-md);
    transform: translateY(-3px);
}

.hc-card-thumb-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.hc-card-img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hc-card:hover .hc-card-img {
    transform: scale(1.03);
}

.hc-card-thumb-wrap .hc-badge {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 2;
}

.hc-card-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11.5px;
    color: var(--hc-text-light);
    margin-top: 8px;
}

.hc-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Seção Em Destaque */
.hc-featured-layout {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 18px;
}

/* Card Destaque Grande */
.hc-card-featured-large {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.hc-card-featured-large .hc-card-thumb-wrap {
    height: 270px;
}

.hc-card-featured-large .hc-card-img {
    height: 100%;
}

.hc-card-featured-large .hc-card-body {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.hc-title-large {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0f172a;
}

.hc-title-large a:hover {
    color: var(--hc-primary);
}

.hc-card-excerpt {
    font-size: 13.5px;
    color: var(--hc-text-muted);
    line-height: 1.5;
    margin-bottom: auto;
}

/* Cards Destaque 2x2 */
.hc-featured-grid-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.hc-card-featured-sub .hc-card-thumb-wrap {
    height: 115px;
}

.hc-card-featured-sub .hc-card-img {
    height: 100%;
}

.hc-card-featured-sub .hc-card-body {
    padding: 12px;
}

.hc-card-featured-sub .hc-card-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #1e293b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hc-card-featured-sub .hc-card-title a:hover {
    color: var(--hc-primary);
}

/* Seção Últimos Artigos (Grade 4 Colunas) */
.hc-articles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.hc-article-card .hc-card-thumb-wrap {
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: var(--hc-navy, #0e1424);
}

.hc-article-card .hc-card-thumb-wrap .hc-card-img,
.hc-article-card .hc-card-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hc-article-card .hc-card-body {
    padding: 14px;
}

.hc-article-card .hc-card-title {
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hc-article-card .hc-card-title a:hover {
    color: var(--hc-primary);
}

/* Banner de Citação Inspiracional */
.hc-quote-banner {
    background: #fdf2f8 url('../images/quote-bg.svg') center center / cover no-repeat;
    border-radius: var(--hc-radius-lg);
    padding: 38px 36px;
    margin-bottom: 44px;
    position: relative;
    overflow: hidden;
    border: 1px solid #fce7f3;
}

.hc-quote-content {
    max-width: 600px;
}

.hc-quote-icon {
    font-family: var(--hc-font-serif);
    font-size: 46px;
    line-height: 0.8;
    color: var(--hc-primary);
    display: block;
    margin-bottom: 8px;
}

.hc-quote-text {
    font-family: var(--hc-font-serif);
    font-size: 22px;
    font-style: italic;
    color: #1e1b4b;
    line-height: 1.4;
    margin-bottom: 12px;
}

.hc-quote-author {
    font-size: 12px;
    font-weight: 700;
    color: var(--hc-primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
}

/* Seção Guias Especiais */
.hc-guides-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.hc-guide-card {
    border: none;
    border-radius: var(--hc-radius-lg);
}

.hc-guide-thumb-wrap {
    position: relative;
    display: block;
    height: 180px;
    overflow: hidden;
}

.hc-guide-thumb-wrap .hc-card-img {
    height: 100%;
}

.hc-guide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5, 8, 20, 0.95) 0%, rgba(5, 8, 20, 0.3) 60%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
}

.hc-badge-guide {
    background-color: #0284c7;
    align-self: flex-start;
    margin-bottom: 8px;
}

.hc-guide-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

/* ==========================================================================
   6. BARRA LATERAL (SIDEBAR)
========================================================================== */
.hc-sidebar-inner {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.hc-widget {
    background-color: #ffffff;
    border-radius: var(--hc-radius-lg);
    border: 1px solid var(--hc-border-card);
    padding: 22px;
}

.hc-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.hc-widget-title {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.hc-widget-more-link {
    font-size: 12px;
    font-weight: 600;
    color: var(--hc-primary);
}

/* Widget 1: Horóscopo do Dia */
.hc-zodiac-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px 6px;
}

.hc-zodiac-btn {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 2px;
    border-radius: var(--hc-radius-md);
    transition: var(--hc-transition);
}

.hc-zodiac-btn:hover {
    background-color: #faf5ff;
    transform: translateY(-2px);
}

.hc-zodiac-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: var(--hc-transition);
    box-shadow: var(--hc-shadow-sm);
}

.hc-zodiac-btn:hover .hc-zodiac-icon {
    transform: scale(1.1);
}

.hc-zodiac-name {
    font-size: 11.5px;
    font-weight: 600;
    color: #334155;
}

/* Widget 2: Newsletter */
.hc-widget-newsletter {
    background-color: #fbf5f9;
    border-color: #fce7f3;
    text-align: center;
}

.hc-newsletter-icon-wrap {
    margin-bottom: 10px;
}

.hc-newsletter-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e1b4b;
    margin-bottom: 6px;
}

.hc-newsletter-desc {
    font-size: 13px;
    color: var(--hc-text-muted);
    line-height: 1.45;
    margin-bottom: 16px;
}

.hc-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hc-newsletter-input {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    font-size: 13.5px;
    background-color: #ffffff;
    border: 1px solid #fbcfe8;
    border-radius: var(--hc-radius-pill);
    outline: none;
    text-align: center;
}

.hc-newsletter-btn {
    height: 40px;
    font-size: 14px;
}

.hc-newsletter-privacy {
    display: block;
    font-size: 11px;
    color: var(--hc-text-light);
    margin-top: 10px;
}

/* Widget 3: Artigos Mais Lidos */
.hc-popular-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 14px;
}

.hc-popular-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.hc-popular-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #fce7f3;
    color: var(--hc-primary);
    font-weight: 700;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-popular-link {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
}

.hc-popular-link:hover {
    color: var(--hc-primary);
}

/* Widget 4: Promo CTA */
.hc-widget-promo {
    background: #090e1a url('../images/promo-moon.svg') center center / cover no-repeat;
    color: #ffffff;
    border: none;
    padding: 30px 22px;
}

.hc-promo-inner {
    max-width: 220px;
}

.hc-promo-quote {
    font-family: var(--hc-font-serif);
    font-style: italic;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #ffffff;
}

.hc-btn-promo {
    padding: 10px 20px;
    font-size: 13px;
}

/* Widget 5: Categorias em Destaque */
.hc-categories-list {
    list-style: none;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hc-categories-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--hc-radius-md);
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
    transition: var(--hc-transition);
}

.hc-categories-list li a:hover {
    background-color: #fdf2f8;
    color: var(--hc-primary);
    padding-left: 14px;
}

.hc-cat-icon {
    font-size: 16px;
}

/* ==========================================================================
   7. PRÉ-RODAPÉ (BENEFÍCIOS) E RODAPÉ
========================================================================== */
.hc-prefooter-bar {
    background-color: #fcfbf9;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
    padding: 32px 0;
}

.hc-prefooter-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.hc-value-prop {
    display: flex;
    align-items: center;
    gap: 14px;
}

.hc-value-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: var(--hc-shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-value-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.hc-value-desc {
    font-size: 12px;
    color: var(--hc-text-muted);
}

/* Rodapé Cósmico */
.hc-site-footer {
    background-color: #070a14;
    color: #94a3b8;
    padding: 40px 0 24px 0;
}

.hc-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.hc-footer-logo-link {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hc-footer-title {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.hc-footer-tagline {
    font-size: 9px;
    letter-spacing: 0.8px;
    color: #94a3b8;
    display: block;
    text-transform: uppercase;
}

.hc-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.hc-footer-links li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hc-footer-links a {
    font-size: 13.5px;
    font-weight: 500;
    color: #cbd5e1;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-footer-links a:hover {
    color: #ffffff;
}

.hc-footer-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.hc-footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hc-footer-social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    transition: var(--hc-transition);
}

.hc-footer-social a:hover {
    background-color: var(--hc-primary);
    color: #ffffff;
}

.hc-scroll-top {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.12);
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--hc-transition);
}

.hc-scroll-top:hover {
    background-color: var(--hc-primary);
    transform: translateY(-2px);
}

.hc-copyright {
    padding-top: 20px;
    text-align: right;
    font-size: 12px;
    color: #64748b;
}

/* ==========================================================================
   8. MODAL INTERATIVO DO HORÓSCOPO
========================================================================== */
.hc-modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hc-modal.active {
    opacity: 1;
    visibility: visible;
}

.hc-modal-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(4, 7, 18, 0.7);
    backdrop-filter: blur(5px);
}

.hc-modal-dialog {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    max-width: 480px;
    border-radius: var(--hc-radius-lg);
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    padding: 30px;
    z-index: 10;
    transform: scale(0.95);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hc-modal.active .hc-modal-dialog {
    transform: scale(1);
}

.hc-modal-close {
    position: absolute;
    top: 16px;
    right: 18px;
    background: none;
    border: none;
    font-size: 28px;
    color: #94a3b8;
    cursor: pointer;
    line-height: 1;
}

.hc-modal-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.hc-modal-symbol {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fdf2f8;
    color: var(--hc-primary);
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--hc-shadow-sm);
}

.hc-modal-title {
    font-family: var(--hc-font-serif);
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
}

.hc-modal-dates {
    font-size: 13px;
    color: var(--hc-text-muted);
}

.hc-modal-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.hc-tag {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: var(--hc-radius-pill);
}

.hc-modal-prediction-box {
    background-color: #faf5ff;
    border-left: 3px solid #9333ea;
    padding: 16px;
    border-radius: 4px 10px 10px 4px;
    margin-bottom: 20px;
}

.hc-modal-prediction-box h4 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7e22ce;
    margin-bottom: 6px;
}

.hc-modal-prediction-box p {
    font-size: 14px;
    color: #334155;
    line-height: 1.55;
}

.hc-modal-lucky-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.hc-lucky-item {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--hc-radius-md);
    padding: 12px;
    text-align: center;
}

.hc-lucky-label {
    display: block;
    font-size: 11px;
    color: var(--hc-text-muted);
    margin-bottom: 2px;
}

.hc-lucky-val {
    font-size: 15px;
    color: var(--hc-primary);
}

/* ==========================================================================
   9. PÁGINAS INDIVIDUAIS (SINGLE POST & PAGE)
========================================================================== */
.hc-single-article {
    background-color: #ffffff;
    border-radius: var(--hc-radius-lg);
    border: 1px solid var(--hc-border-card);
    padding: 36px;
}

.hc-single-header {
    margin-bottom: 24px;
}

.hc-badge-single {
    margin-bottom: 12px;
}

.hc-single-title {
    font-family: var(--hc-font-serif);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f172a;
    margin-bottom: 14px;
}

.hc-single-meta {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 13px;
    color: var(--hc-text-muted);
}

.hc-single-featured-media {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 460px;
    position: relative;
    overflow: hidden;
    border-radius: var(--hc-radius-md, 12px);
    background-color: var(--hc-navy, #0e1424);
    margin-bottom: 28px;
    box-shadow: var(--hc-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06));
}

.hc-single-featured-media img,
.hc-single-featured-media .hc-card-img,
.hc-single-featured-media .wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hc-single-content {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
}

.hc-single-content p {
    margin-bottom: 20px;
}

.hc-share-box {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.hc-share-label {
    font-weight: 600;
    font-size: 13.5px;
}

.hc-share-links {
    display: flex;
    gap: 8px;
}

.hc-share-btn {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff !important;
    border-radius: var(--hc-radius-pill);
}

.hc-share-fb { background-color: #1877f2; }
.hc-share-wa { background-color: #25d366; }
.hc-share-pi { background-color: #e60023; }

.hc-author-box {
    display: flex;
    align-items: center;
    gap: 18px;
    background-color: #fbf5f9;
    border: 1px solid #fce7f3;
    border-radius: var(--hc-radius-md);
    padding: 20px;
    margin-top: 30px;
}

.hc-author-avatar img {
    border-radius: 50%;
}

.hc-author-name {
    font-family: var(--hc-font-serif);
    font-size: 17px;
    font-weight: 700;
    color: #1e1b4b;
    margin-bottom: 4px;
}

.hc-author-bio {
    font-size: 13px;
    color: var(--hc-text-muted);
    line-height: 1.45;
}

/* ==========================================================================
   10. RESPONSIVIDADE (MEDIA QUERIES)
========================================================================== */
@media (max-width: 1100px) {
    .hc-articles-grid,
    .hc-guides-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hc-prefooter-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .hc-layout-grid {
        grid-template-columns: 1fr;
    }
    
    .hc-sidebar-column {
        width: 100%;
    }
    
    .hc-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .hc-hero-left {
        max-width: 100%;
    }
    
    .hc-hero-right {
        text-align: center;
    }
    
    .hc-featured-layout {
        grid-template-columns: 1fr;
    }
    
    .hc-card-featured-large .hc-card-thumb-wrap {
        height: 220px;
    }
    
    .hc-footer-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .hc-footer-links {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .hc-top-bar-inner {
        flex-wrap: wrap;
    }
    
    .hc-header-search {
        order: 3;
        max-width: 100%;
        margin-top: 10px;
    }
    
    .hc-main-nav {
        display: none;
    }
    
    .hc-mobile-toggle {
        display: flex;
    }
    
    .hc-hero-title {
        font-size: 36px;
    }
    
    .hc-featured-grid-box {
        grid-template-columns: 1fr;
    }
    
    .hc-articles-grid,
    .hc-guides-grid {
        grid-template-columns: 1fr;
    }
    
    .hc-prefooter-inner {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   PORTAL EDITORIAL HOMEPAGE - COMPONENTES ADICIONAIS
========================================================================== */

/* 1. Subtítulo das Seções */
.hc-section-subtitle {
    font-size: 13px;
    color: #64748b;
    margin-top: 3px;
    font-weight: 400;
}

/* 2. Barra de Atalhos (Abaixo do Hero, fundo claro) */
.hc-shortcuts-section {
    background-color: #ffffff;
    padding: 24px 0 16px;
    border-bottom: 1px solid #f1f5f9;
}

.hc-shortcuts-inner {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 14px;
}

.hc-shortcut-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    transition: var(--hc-transition);
    box-shadow: 0 2px 6px rgba(0,0,0,0.02);
    text-decoration: none;
}

.hc-shortcut-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
    border-color: #e2e8f0;
}

.hc-shortcut-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--hc-transition);
}

.hc-shortcut-card:hover .hc-shortcut-icon {
    transform: scale(1.06);
}

.hc-icon-purple { background-color: #f5f3ff; color: #7c3aed; }
.hc-icon-pink { background-color: #fdf2f8; color: #db2777; }
.hc-icon-blue { background-color: #eff6ff; color: #2563eb; }
.hc-icon-lavender { background-color: #faf5ff; color: #8b5cf6; }
.hc-icon-cyan { background-color: #f0f9ff; color: #0284c7; }
.hc-icon-magenta { background-color: #fdf2f8; color: #c0266e; }
.hc-icon-amber { background-color: #fffbeb; color: #d97706; }
.hc-icon-emerald { background-color: #ecfdf5; color: #059669; }

.hc-shortcut-number-icon {
    font-size: 11.5px;
    font-weight: 800;
    font-family: var(--hc-font-sans);
    letter-spacing: -0.2px;
    color: #2563eb;
}

.hc-shortcut-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.25;
}

/* 3. Horóscopo do Dia (Faixa Horizontal dos 12 Signos) */
.hc-horoscope-day-section {
    padding: 24px 0 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f5f9;
}

.hc-zodiac-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 2px 18px;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}

.hc-zodiac-row::-webkit-scrollbar {
    height: 4px;
}

.hc-zodiac-row::-webkit-scrollbar-thumb {
    background-color: #e2e8f0;
    border-radius: 4px;
}

.hc-zodiac-pill {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    flex-shrink: 0;
    min-width: 62px;
    transition: var(--hc-transition);
}

.hc-zodiac-pill:hover {
    transform: translateY(-3px);
}

.hc-zodiac-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: var(--hc-transition);
}

.hc-zodiac-pill:hover .hc-zodiac-circle {
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    transform: scale(1.05);
}

.hc-zodiac-name {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

/* 4. Grade de Previsões (5 Cards em linha) */
.hc-forecasts-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.hc-forecast-card .hc-card-thumb-wrap {
    height: 105px;
}

.hc-forecast-card .hc-card-body {
    padding: 10px;
}

.hc-forecast-card .hc-card-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hc-forecast-card .hc-card-title a:hover {
    color: var(--hc-primary);
}

/* 5. Grade de 3 Colunas para Seções Principais */
.hc-cards-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.hc-guides-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.hc-guides-grid-3 .hc-guide-card .hc-guide-thumb-wrap {
    height: 190px;
}

/* 6. Trio de Banners Inspiracionais */
.hc-inspire-banner {
    margin-top: 36px;
    margin-bottom: 24px;
}

.hc-inspire-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 16px;
    align-items: stretch;
}

.hc-inspire-card {
    border-radius: var(--hc-radius-lg);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hc-inspire-quote {
    background: #fdf2f8 url('../images/quote-bg.svg') center right / cover no-repeat;
    border: 1px solid #fce7f3;
}

.hc-inspire-quote-mark {
    font-family: var(--hc-font-serif);
    font-size: 38px;
    line-height: 0.8;
    color: var(--hc-primary);
    margin-bottom: 6px;
}

.hc-inspire-quote-text {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-style: italic;
    color: #1e1b4b;
    line-height: 1.35;
    margin-bottom: 8px;
}

.hc-inspire-quote-author {
    font-size: 11px;
    font-weight: 700;
    color: var(--hc-primary);
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.hc-inspire-light {
    background: #f0fdf4;
    border: 1px solid #dcfce7;
    text-align: center;
    align-items: center;
}

.hc-inspire-light-title {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    color: #064e3b;
    margin-top: 8px;
    margin-bottom: 4px;
}

.hc-inspire-light-desc {
    font-size: 12.5px;
    color: #047857;
}

.hc-inspire-cosmos {
    background: #090e1f url('../images/promo-moon.svg') center right / cover no-repeat;
    color: #ffffff;
    border: 1px solid #1e293b;
    text-align: center;
    align-items: center;
}

.hc-inspire-cosmos-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    line-height: 1.35;
}

.hc-btn-cosmos {
    padding: 8px 18px;
    font-size: 12.5px;
}

/* 7. Ajustes Responsivos para o Portal */
@media (max-width: 1024px) {
    .hc-shortcuts-inner {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .hc-forecasts-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .hc-inspire-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hc-shortcuts-inner {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hc-forecasts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hc-cards-grid-3,
    .hc-guides-grid-3 {
        grid-template-columns: 1fr;
    }
}



/* ==========================================================================
   NOVA ARQUITETURA EDITORIAL — HORÓSCOPO CENTRAL (PORTAL DE ALTO PADRÃO)
   ========================================================================== */

/* 1. Header com Chips de Subnavegação Temática */
.hc-header-with-chips {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-hub-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.hc-hub-chip {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--hc-radius-pill);
    padding: 6px 15px;
    text-decoration: none;
    transition: var(--hc-transition);
    line-height: 1.2;
}

.hc-hub-chip:hover {
    color: var(--hc-primary);
    background-color: var(--hc-primary-light);
    border-color: #fbcfe8;
    transform: translateY(-1px);
}

.hc-hub-chip.is-active {
    background-color: var(--hc-primary);
    color: #ffffff;
    border-color: var(--hc-primary);
    box-shadow: 0 2px 8px rgba(192, 38, 110, 0.25);
}

/* 2. Módulo 1: Revista 60/40 (Tipo A) */
.hc-magazine-layout {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 28px;
    align-items: start;
    margin-bottom: 12px;
}

.hc-mag-primary {
    display: flex;
    flex-direction: column;
}

.hc-mag-thumb-wrap {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background-color: #0f172a;
    box-shadow: var(--hc-shadow-sm);
}

.hc-mag-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hc-mag-primary:hover .hc-mag-thumb-wrap img {
    transform: scale(1.025);
}

.hc-mag-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 4px 12px;
    border-radius: var(--hc-radius-sm);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    z-index: 2;
}

.hc-mag-content {
    padding-top: 16px;
}

.hc-mag-title {
    font-family: var(--hc-font-serif);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.28;
    color: #0f172a;
    margin-bottom: 10px;
}

.hc-mag-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-mag-title a:hover {
    color: var(--hc-primary);
}

.hc-mag-excerpt {
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 14px;
}

/* Coluna Secundária Empilhada 40% */
.hc-mag-secondary-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.hc-mag-sub-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-mag-sub-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.hc-mag-sub-thumb {
    width: 110px;
    height: 82px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

.hc-mag-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-mag-sub-item:hover .hc-mag-sub-thumb img {
    transform: scale(1.05);
}

.hc-mag-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-mag-sub-cat {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 4px;
}

.hc-mag-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 6px;
}

.hc-mag-sub-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-mag-sub-title a:hover {
    color: var(--hc-primary);
}

.hc-mag-sub-date {
    font-size: 11.5px;
    color: var(--hc-text-light);
}

/* 3. Módulo 2: Horóscopo & Previsões Misto (Tipo D) */
.hc-forecast-mixed-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 24px;
    align-items: stretch;
}

.hc-forecast-lead {
    background: #fafaf9;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-lg);
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.hc-forecast-lead-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 12px;
}

.hc-forecast-lead-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-forecast-lead:hover .hc-forecast-lead-thumb img {
    transform: scale(1.03);
}

.hc-forecast-lead-title {
    font-family: var(--hc-font-serif);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.32;
    color: #1e293b;
    margin-bottom: 8px;
}

.hc-forecast-lead-title a:hover {
    color: var(--hc-primary);
}

.hc-forecast-lead-excerpt {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 10px;
    flex-grow: 1;
}

.hc-forecast-lead-meta {
    font-size: 12px;
    color: var(--hc-text-light);
}

.hc-forecast-sub-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}

.hc-forecast-compact-card {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: var(--hc-radius-md);
    background: #ffffff;
    border: 1px solid var(--hc-border);
    transition: var(--hc-transition);
}

.hc-forecast-compact-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: var(--hc-shadow-sm);
}

.hc-forecast-compact-thumb {
    width: 82px;
    height: 66px;
    border-radius: var(--hc-radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}

.hc-forecast-compact-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hc-forecast-compact-body {
    flex: 1;
    min-width: 0;
}

.hc-forecast-compact-badge {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--hc-primary);
    display: block;
    margin-bottom: 2px;
}

.hc-forecast-compact-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-forecast-compact-title a:hover {
    color: var(--hc-primary);
}

.hc-forecast-compact-date {
    font-size: 11.5px;
    color: var(--hc-text-light);
}

/* 4. Módulo Split: Lead + Sub-cards (Signos, Numerologia, Espiritualidade, Amor) */
.hc-split-lead-list {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 24px;
    align-items: start;
}

.hc-split-lead-card {
    display: flex;
    flex-direction: column;
}

.hc-split-lead-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 12px;
    box-shadow: var(--hc-shadow-sm);
}

.hc-split-lead-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-split-lead-card:hover .hc-split-lead-thumb img {
    transform: scale(1.03);
}

.hc-split-lead-title {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.32;
    color: #0f172a;
    margin-bottom: 8px;
}

.hc-split-lead-title a:hover {
    color: var(--hc-primary);
}

.hc-split-lead-excerpt {
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
    margin-bottom: 10px;
}

.hc-split-sub-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hc-split-sub-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-split-sub-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.hc-split-sub-thumb {
    width: 100px;
    height: 75px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

.hc-split-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-split-sub-card:hover .hc-split-sub-thumb img {
    transform: scale(1.05);
}

.hc-split-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-split-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-split-sub-title a:hover {
    color: var(--hc-primary);
}

/* 5. Módulo Astrologia Assimétrica */
.hc-astrology-asymm-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hc-asymm-lead {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 20px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-asymm-lead-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.hc-asymm-lead-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-asymm-lead:hover .hc-asymm-lead-thumb img {
    transform: scale(1.03);
}

.hc-asymm-lead-title {
    font-family: var(--hc-font-serif);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f172a;
    margin-bottom: 8px;
}

.hc-asymm-lead-title a:hover {
    color: var(--hc-primary);
}

.hc-asymm-lead-excerpt {
    font-size: 14px;
    line-height: 1.55;
    color: #475569;
    margin-bottom: 12px;
}

.hc-asymm-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.hc-asymm-duo-card {
    display: flex;
    flex-direction: column;
}

.hc-asymm-duo-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
}

.hc-asymm-duo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-asymm-duo-card:hover .hc-asymm-duo-thumb img {
    transform: scale(1.03);
}

.hc-asymm-duo-title {
    font-family: var(--hc-font-serif);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-asymm-duo-title a:hover {
    color: var(--hc-primary);
}

/* 6. Módulo Tarot: Estação Interativa de Oráculos (Tipo C) */
.hc-interactive-station {
    background: linear-gradient(135deg, #fdf4ff 0%, #f5f3ff 50%, #eff6ff 100%);
    border: 1px solid #e9d5ff;
    border-radius: var(--hc-radius-lg);
    padding: 24px;
    margin-bottom: 26px;
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.06);
}

.hc-station-header {
    text-align: center;
    margin-bottom: 20px;
}

.hc-station-pill {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #7c3aed;
    background: #ffffff;
    padding: 4px 14px;
    border-radius: var(--hc-radius-pill);
    margin-bottom: 8px;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.08);
}

.hc-station-lead {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: #2e1065;
}

.hc-station-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.hc-station-card {
    background: #ffffff;
    border-radius: var(--hc-radius-md);
    padding: 18px 14px;
    text-align: center;
    border: 1px solid rgba(192, 132, 252, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-station-card:hover {
    transform: translateY(-4px);
    border-color: #c084fc;
    box-shadow: 0 10px 24px rgba(124, 58, 237, 0.12);
}

.hc-station-card-icon {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 10px;
}

.hc-station-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e1b4b;
    margin-bottom: 4px;
}

.hc-station-card-desc {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.4;
    margin-bottom: 12px;
    flex-grow: 1;
}

.hc-station-card-action {
    font-size: 12px;
    font-weight: 700;
    color: #7c3aed;
}

.hc-tarot-editorial-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.hc-tarot-duo-card {
    display: flex;
    flex-direction: column;
}

.hc-tarot-duo-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
}

.hc-tarot-duo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-tarot-duo-card:hover .hc-tarot-duo-thumb img {
    transform: scale(1.03);
}

.hc-tarot-duo-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 6px;
}

.hc-tarot-duo-title a:hover {
    color: var(--hc-primary);
}

.hc-tarot-duo-excerpt {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* 7. Módulo Numerologia: Régua Interativa 1 a 9 */
.hc-numerology-strip-wrap {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--hc-radius-lg);
    padding: 18px 20px;
    margin-bottom: 24px;
}

.hc-num-strip-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 12px;
}

.hc-num-strip-buttons {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.hc-num-circle-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    border: 1.5px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-num-circle-btn:hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.hc-num-strip-pills {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    border-top: 1px dashed #e2e8f0;
    padding-top: 12px;
}

.hc-num-pill-link {
    font-size: 12.5px;
    font-weight: 600;
    color: #0369a1;
    background: #e0f2fe;
    padding: 5px 12px;
    border-radius: var(--hc-radius-pill);
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-num-pill-link:hover {
    background: #0284c7;
    color: #ffffff;
}

/* 8. Módulo Rituais Práticos */
.hc-rituals-practical-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 24px;
}

.hc-ritual-lead-card {
    display: flex;
    flex-direction: column;
}

.hc-ritual-lead-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 12px;
}

.hc-ritual-lead-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-ritual-lead-card:hover .hc-ritual-lead-thumb img {
    transform: scale(1.03);
}

.hc-tag-pill {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: var(--hc-radius-sm);
    margin-bottom: 8px;
    letter-spacing: 0.4px;
}

.hc-tag-amber {
    background: #fef3c7;
    color: #b45309;
}

.hc-tag-purple {
    background: #f3e8ff;
    color: #7e22ce;
}

.hc-ritual-lead-title {
    font-family: var(--hc-font-serif);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.32;
    color: #0f172a;
    margin-bottom: 8px;
}

.hc-ritual-lead-title a:hover {
    color: var(--hc-primary);
}

.hc-ritual-lead-excerpt {
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
    margin-bottom: 10px;
}

.hc-ritual-sub-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hc-ritual-sub-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-ritual-sub-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.hc-ritual-sub-thumb {
    width: 95px;
    height: 75px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
}

.hc-ritual-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-ritual-sub-card:hover .hc-ritual-sub-thumb img {
    transform: scale(1.05);
}

.hc-ritual-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-ritual-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-ritual-sub-title a:hover {
    color: var(--hc-primary);
}

/* 9. Módulo Guias Definitivos: Biblioteca Editorial */
.hc-guides-library-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.hc-guide-lib-card {
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    position: relative;
    box-shadow: var(--hc-shadow-sm);
    transition: var(--hc-transition);
}

.hc-guide-lib-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--hc-shadow-lg);
}

.hc-guide-lib-wrap {
    display: block;
    position: relative;
    aspect-ratio: 3 / 4;
    text-decoration: none;
}

.hc-guide-lib-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hc-guide-lib-card:hover .hc-guide-lib-wrap img {
    transform: scale(1.04);
}

.hc-guide-lib-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6,9,19,0.95) 0%, rgba(6,9,19,0.5) 50%, rgba(6,9,19,0.05) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    color: #ffffff;
}

.hc-guide-lib-badge {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--hc-gold);
    text-transform: uppercase;
    margin-bottom: 6px;
}

.hc-guide-lib-title {
    font-family: var(--hc-font-serif);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff;
    margin-bottom: 8px;
}

.hc-guide-lib-cta {
    font-size: 12px;
    font-weight: 700;
    color: #e2e8f0;
    opacity: 0.9;
}

/* 10. Widget Explore o Portal na Sidebar */
.hc-widget-explore {
    background: #ffffff;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-lg);
    padding: 22px;
    margin-bottom: 28px;
    box-shadow: var(--hc-shadow-sm);
}

.hc-widget-subtitle {
    font-size: 12.5px;
    color: var(--hc-text-muted);
    margin-top: -8px;
    margin-bottom: 14px;
    line-height: 1.4;
}

.hc-explore-nav-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.hc-explore-nav-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: var(--hc-radius-md);
    background: #fafaf9;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-explore-bullet {
    color: var(--hc-primary);
    font-size: 10px;
}

.hc-explore-text {
    flex: 1;
}

.hc-explore-arrow {
    color: var(--hc-text-light);
    font-size: 13px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.hc-explore-nav-list li a:hover {
    background: var(--hc-primary-light);
    color: var(--hc-primary);
}

.hc-explore-nav-list li a:hover .hc-explore-arrow {
    transform: translateX(3px);
    color: var(--hc-primary);
}

/* 11. Quebras Responsivas para os Módulos Editoriais */
@media (max-width: 1024px) {
    .hc-magazine-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    
    .hc-station-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hc-forecast-mixed-layout {
        grid-template-columns: 1fr;
    }
    
    .hc-asymm-lead {
        grid-template-columns: 1fr;
    }
    
    .hc-split-lead-list {
        grid-template-columns: 1fr;
    }
    
    .hc-rituals-practical-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hc-magazine-layout {
        grid-template-columns: 1fr;
    }
    
    .hc-station-grid {
        grid-template-columns: 1fr;
    }
    
    .hc-asymm-duo {
        grid-template-columns: 1fr;
    }
    
    .hc-tarot-editorial-duo {
        grid-template-columns: 1fr;
    }
    
    .hc-guides-library-grid {
        grid-template-columns: 1fr;
    }
    
    .hc-num-strip-buttons {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 8px;
    }
    
    .hc-num-circle-btn {
        flex-shrink: 0;
    }
    
    .hc-hub-chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }
    
    .hc-hub-chip {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* --- Refinamento Semântico Hero e Tagline --- */
.hc-hero-tagline {
    display: inline-block;
    font-size: 13.5px;
    font-weight: 600;
    color: #f7c25c;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hc-hero-tagline em {
    font-style: italic;
    color: #fcd34d;
}

.hc-hero-title {
    font-family: var(--hc-font-serif);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}

/* Modal e Prefooter Helpers */
.hc-value-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 2px;
}

.hc-modal-title {
    font-family: var(--hc-font-serif);
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
}

.hc-modal-pred-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 8px;
}

/* ==========================================================================
   REFINAMENTO DE DENSIDADE EDITORIAL — PREENCHIMENTO E EQUILÍBRIO VISUAL
   1 Destaque + 4 Miniaturas (Em Destaque, Previsões, Signos, Espiritualidade, Rituais, Amor)
   ========================================================================== */

/* 1. Proporção Global: Main Column x Sidebar */
.hc-layout-grid {
    display: grid;
    grid-template-columns: 1fr 315px !important;
    gap: 32px !important;
    align-items: start;
}

.hc-sidebar-column {
    width: 315px !important;
    min-width: 315px !important;
}

/* 2. Módulo 1: Revista 60/40 — Em Destaque (1 Lead + 4 Secundários) */
.hc-magazine-layout {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.hc-mag-primary {
    display: flex;
    flex-direction: column;
}

.hc-mag-thumb-wrap {
    aspect-ratio: 16 / 10;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    background-color: #f1f5f9;
}

.hc-mag-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hc-mag-secondary-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hc-mag-sub-item {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-mag-sub-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Miniatura Secundária com Presença Fotográfica Real (140x95px) */
.hc-mag-sub-thumb {
    width: 140px;
    height: 95px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

.hc-mag-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-mag-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-mag-sub-cat {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.hc-mag-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-mag-sub-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-mag-sub-title a:hover {
    color: var(--hc-primary);
}

.hc-mag-sub-date {
    display: block;
    font-size: 12px;
    color: var(--hc-text-light);
}

/* 3. Módulo 2: Horóscopo & Previsões Misto (1 Lead + 4 Secundários Compactos) */
.hc-forecast-mixed-layout {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 26px;
    align-items: stretch;
}

.hc-forecast-sub-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hc-forecast-compact-card {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 10px 14px;
    border-radius: var(--hc-radius-md);
    background: #ffffff;
    border: 1px solid var(--hc-border);
    transition: var(--hc-transition);
}

.hc-forecast-compact-card:hover {
    border-color: #cbd5e1;
    box-shadow: var(--hc-shadow-sm);
    transform: translateX(2px);
}

/* Miniatura Previsões Ampliada Proporcional (130x86px) */
.hc-forecast-compact-thumb {
    width: 130px;
    height: 86px;
    border-radius: var(--hc-radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}

.hc-forecast-compact-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-forecast-compact-card:hover .hc-forecast-compact-thumb img {
    transform: scale(1.05);
}

.hc-forecast-compact-body {
    flex: 1;
    min-width: 0;
}

.hc-forecast-compact-title {
    font-family: var(--hc-font-serif);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 3px;
}

.hc-forecast-compact-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-forecast-compact-title a:hover {
    color: var(--hc-primary);
}

/* 4. Módulo Split: Signos, Espiritualidade, Amor (1 Lead + 4 Secundários) */
.hc-split-lead-list {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.hc-split-lead-card {
    display: flex;
    flex-direction: column;
}

.hc-split-sub-cards {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hc-split-sub-card {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-split-sub-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Miniatura Split Ampliada (140x95px) */
.hc-split-sub-thumb {
    width: 140px;
    height: 95px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

.hc-split-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-split-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-split-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-split-sub-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-split-sub-title a:hover {
    color: var(--hc-primary);
}

/* 5. Módulo Astrologia: Lead Panorâmico + Trio Balanceado */
.hc-astrology-asymm-grid {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.hc-asymm-lead {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 22px;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-asymm-lead-thumb {
    aspect-ratio: 16 / 10;
    border-radius: var(--hc-radius-lg);
    overflow: hidden;
    position: relative;
    background-color: #f1f5f9;
}

.hc-asymm-lead-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hc-asymm-lead-body {
    display: flex;
    flex-direction: column;
}

.hc-asymm-lead-title {
    font-family: var(--hc-font-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f172a;
    margin-bottom: 10px;
}

.hc-asymm-lead-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-asymm-lead-title a:hover {
    color: var(--hc-primary);
}

.hc-asymm-lead-excerpt {
    font-size: 14.5px;
    line-height: 1.55;
    color: #475569;
    margin-bottom: 14px;
}

.hc-asymm-trio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.hc-asymm-trio-card {
    display: flex;
    flex-direction: column;
}

.hc-asymm-trio-thumb {
    display: block;
    position: relative;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: 10px;
    background-color: #f1f5f9;
}

.hc-asymm-trio-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-asymm-trio-card:hover .hc-asymm-trio-thumb img {
    transform: scale(1.04);
}

.hc-asymm-trio-title {
    font-family: var(--hc-font-serif);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-asymm-trio-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-asymm-trio-title a:hover {
    color: var(--hc-primary);
}

/* 6. Módulo Rituais Práticos (1 Lead + 4 Secundários com Tags) */
.hc-rituals-practical-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.hc-ritual-lead-card {
    display: flex;
    flex-direction: column;
}

.hc-ritual-sub-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hc-ritual-sub-card {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hc-border);
}

.hc-ritual-sub-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Miniatura Rituais (140x95px) */
.hc-ritual-sub-thumb {
    width: 140px;
    height: 95px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    flex-shrink: 0;
    background-color: #f1f5f9;
}

.hc-ritual-sub-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hc-ritual-sub-body {
    flex: 1;
    min-width: 0;
}

.hc-ritual-sub-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-bottom: 4px;
}

.hc-ritual-sub-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-ritual-sub-title a:hover {
    color: var(--hc-primary);
}

/* 7. Responsividade Fluida Desktop / Tablet / Mobile */
@media (max-width: 1024px) {
    .hc-layout-grid {
        grid-template-columns: 1fr !important;
    }
    
    .hc-sidebar-column {
        width: 100% !important;
    }
    
    .hc-magazine-layout,
    .hc-forecast-mixed-layout,
    .hc-split-lead-list,
    .hc-rituals-practical-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .hc-mag-secondary-stack,
    .hc-forecast-sub-list,
    .hc-split-sub-cards,
    .hc-ritual-sub-stack {
        height: auto !important;
        gap: 16px !important;
    }

    .hc-asymm-trio {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .hc-asymm-trio {
        grid-template-columns: 1fr;
    }
    
    .hc-mag-sub-thumb,
    .hc-split-sub-thumb,
    .hc-ritual-sub-thumb {
        width: 110px !important;
        height: 76px !important;
    }

    .hc-forecast-compact-thumb {
        width: 105px !important;
        height: 72px !important;
    }

    .hc-mag-sub-title,
    .hc-split-sub-title,
    .hc-ritual-sub-title,
    .hc-forecast-compact-title {
        font-size: 15px !important;
    }
}


/* ==========================================================================
   TEMPLATES DE CATEGORIAS E CONTEÚDO PILAR EDITORIAL (HORÓSCOPO CENTRAL)
   ========================================================================== */

/* Cabeçalho da Página de Arquivo/Categoria */
.hc-page-header {
    margin-bottom: 32px;
}

.hc-page-title {
    font-family: var(--hc-font-serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f172a;
    margin-bottom: 24px;
    letter-spacing: -0.3px;
}

/* Conteúdo Pilar Editorial dentro de Categorias */
.hc-archive-description {
    font-size: 16px;
    line-height: 1.75;
    color: #334155;
}

.hc-archive-description p {
    margin-bottom: 20px;
}

.hc-archive-description h2,
.hc-archive-description .wp-block-heading:is(h2) {
    font-family: var(--hc-font-serif);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f172a;
    margin-top: 36px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--hc-border);
}

.hc-archive-description h3,
.hc-archive-description .wp-block-heading:is(h3) {
    font-family: var(--hc-font-serif);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e293b;
    margin-top: 26px;
    margin-bottom: 12px;
}

.hc-archive-description ul,
.hc-archive-description ol,
.hc-archive-description .wp-block-list {
    padding-left: 24px;
    margin-bottom: 22px;
}

.hc-archive-description li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.hc-archive-description strong,
.hc-archive-description b {
    color: #0f172a;
    font-weight: 700;
}

.hc-archive-description a {
    color: var(--hc-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.hc-archive-description a:hover {
    color: var(--hc-primary-hover);
}

/* Tabelas Editoriais dentro de Categorias */
.hc-archive-description table,
.hc-archive-description .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    background: #ffffff;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    box-shadow: var(--hc-shadow-sm);
    border: 1px solid var(--hc-border);
    font-size: 14px;
}

.hc-archive-description table th,
.hc-archive-description .wp-block-table th {
    background-color: #fdf2f8;
    color: var(--hc-primary);
    font-weight: 700;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid #fce7f3;
}

.hc-archive-description table td,
.hc-archive-description .wp-block-table td {
    padding: 11px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

.hc-archive-description table tr:nth-child(even),
.hc-archive-description .wp-block-table tr:nth-child(even) {
    background-color: #fafaf9;
}

/* Imagens e Figuras no Conteúdo Pilar */
.hc-archive-description figure,
.hc-archive-description .wp-block-image {
    margin: 28px 0;
    text-align: center;
}

.hc-archive-description figure img,
.hc-archive-description .wp-block-image img {
    border-radius: var(--hc-radius-md);
    max-width: 100%;
    height: auto;
    box-shadow: var(--hc-shadow-sm);
    display: block;
    margin: 0 auto;
}

.hc-archive-description figcaption,
.hc-archive-description .wp-element-caption {
    font-size: 13px;
    color: var(--hc-text-muted);
    margin-top: 8px;
    font-style: italic;
}

/* Containers de Vídeo */
.hc-archive-description .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 26px 0;
    border-radius: var(--hc-radius-md);
    box-shadow: var(--hc-shadow-md);
    background: #000000;
}

.hc-archive-description .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Seção de Artigos da Categoria */
.hc-category-posts-section {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 2px solid #e2e8f0;
}

.hc-category-posts-heading {
    font-family: var(--hc-font-serif);
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Grade de Artigos da Categoria */
.hc-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

@media (max-width: 900px) {
    .hc-articles-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .hc-articles-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Paginação das Categorias */
.hc-pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.hc-pagination .nav-links {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.hc-pagination a,
.hc-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 14px;
    border-radius: var(--hc-radius-md);
    border: 1px solid var(--hc-border);
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    background: #ffffff;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-pagination a:hover {
    border-color: var(--hc-primary);
    color: var(--hc-primary);
    background: var(--hc-primary-light);
}

.hc-pagination .current {
    background: var(--hc-primary) !important;
    color: #ffffff !important;
    border-color: var(--hc-primary) !important;
}

/* Estado Vazio */
.hc-no-results {
    padding: 32px;
    text-align: center;
    background: #fafaf9;
    border-radius: var(--hc-radius-md);
    color: var(--hc-text-muted);
    margin-top: 24px;
    border: 1px dashed var(--hc-border);
}

/* ==========================================================================
   PÁGINAS ESTÁTICAS E ARTIGOS INDIVIDUAIS (PAGE & SINGLE)
   ========================================================================== */
.hc-single-article {
    background: #ffffff;
    border-radius: var(--hc-radius-lg);
    border: 1px solid var(--hc-border);
    padding: 36px 40px;
    box-shadow: var(--hc-shadow-sm);
}

.hc-single-header {
    margin-bottom: 24px;
}

.hc-single-title {
    font-family: var(--hc-font-serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
    color: #0f172a;
    letter-spacing: -0.3px;
    margin-bottom: 16px;
}

.hc-single-featured-media {
    margin-bottom: 28px;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    max-height: 440px;
    background: #1e092b;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.hc-single-featured-media img {
    width: 100%;
    height: auto;
    max-height: 440px;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (max-width: 768px) {
    .hc-single-featured-media {
        max-height: 250px;
        margin-bottom: 20px;
    }
    .hc-single-featured-media img {
        max-height: 250px;
    }
}

.hc-single-content {
    font-size: 16px;
    line-height: 1.75;
    color: #334155;
}

.hc-single-content p {
    margin-bottom: 20px;
}

/* ==========================================================================
   HUB DOS 12 SIGNOS (.hc-signos-hub) — LAYOUT EDITORIAL SEGURO E RESPONSIVO
   ========================================================================== */
.hc-signos-hub {
    font-family: var(--hc-font-sans);
    color: #334155;
    line-height: 1.7;
    width: 100%;
}

.hc-signos-hub p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
    color: #334155;
}

.hc-signos-hub strong,
.hc-signos-hub b {
    color: #0f172a;
    font-weight: 700;
}

.hc-signos-hub h2 {
    font-family: var(--hc-font-serif);
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 36px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--hc-border);
}

.hc-signos-hub h3 {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin-top: 24px;
    margin-bottom: 12px;
}

.hc-signos-hub .hc-badge {
    display: inline-block;
    background-color: var(--hc-primary-light);
    color: var(--hc-primary);
    font-weight: 700;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: var(--hc-radius-pill);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
    border: 1px solid #fce7f3;
}

/* Caixa SGE para IA */
.hc-sge-box {
    background: #f8fafc;
    border-left: 4px solid var(--hc-primary);
    padding: 20px 24px;
    border-radius: 0 var(--hc-radius-md) var(--hc-radius-md) 0;
    margin-bottom: 28px;
    border: 1px solid var(--hc-border);
    border-left-width: 4px;
}

.hc-sge-box h3 {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 8px;
}

.hc-sge-box p {
    font-size: 14.5px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* Bloco Rápido dos 12 Signos */
.hc-quick-list-box {
    background: #fdf2f8;
    border: 1px solid #fbcfe8;
    border-radius: var(--hc-radius-md);
    padding: 24px;
    margin: 32px 0;
}

.hc-quick-list-box h3 {
    font-family: var(--hc-font-serif);
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center;
}

.hc-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.hc-quick-item {
    background: #ffffff;
    border: 1px solid #fbcfe8;
    border-radius: var(--hc-radius-pill);
    padding: 8px 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    transition: var(--hc-transition);
}

.hc-quick-item a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-quick-item:hover {
    background: var(--hc-primary);
    border-color: var(--hc-primary);
    transform: translateY(-2px);
}

.hc-quick-item:hover a {
    color: #ffffff !important;
}

/* Tabela Oficial dos 12 Signos */
.hc-table-container {
    overflow-x: auto;
    margin: 32px 0;
    border-radius: var(--hc-radius-md);
    border: 1px solid var(--hc-border);
    box-shadow: var(--hc-shadow-sm);
}

.hc-responsive-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14.5px;
}

.hc-responsive-table th {
    background-color: var(--hc-primary);
    color: #ffffff;
    padding: 14px 16px;
    font-weight: 700;
    font-size: 14px;
}

.hc-responsive-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

.hc-responsive-table tr:nth-child(even) {
    background-color: #fafaf9;
}

.hc-table-link {
    color: var(--hc-primary);
    font-weight: 700;
    text-decoration: none;
}

.hc-table-link:hover {
    color: var(--hc-primary-hover);
    text-decoration: underline;
}

.hc-table-btn {
    display: inline-block;
    background-color: var(--hc-primary-light);
    color: var(--hc-primary);
    padding: 4px 10px;
    border-radius: var(--hc-radius-pill);
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #fce7f3;
    text-decoration: none;
    transition: var(--hc-transition);
}

.hc-table-btn:hover {
    background-color: var(--hc-primary);
    color: #ffffff;
    border-color: var(--hc-primary);
}

/* 4 Elementos da Natureza */
.hc-elements-wrapper {
    margin: 36px 0;
}

.hc-elements-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 20px;
}

.hc-element-card {
    padding: 20px 16px;
    border-radius: var(--hc-radius-md);
    text-align: center;
    background: #ffffff;
    border: 1px solid var(--hc-border);
    box-shadow: var(--hc-shadow-sm);
    transition: var(--hc-transition);
}

.hc-element-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--hc-shadow-md);
}

.hc-element-card h4 {
    font-family: var(--hc-font-serif);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 0;
}

.hc-element-desc {
    font-size: 13px;
    color: var(--hc-text-muted);
    margin-bottom: 12px;
    line-height: 1.4;
}

.hc-element-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hc-element-card li {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.hc-element-card li a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-element-card li a:hover {
    color: var(--hc-primary);
}

.hc-fire-card { border-top: 4px solid #ef4444; }
.hc-earth-card { border-top: 4px solid #10b981; }
.hc-air-card { border-top: 4px solid #f59e0b; }
.hc-water-card { border-top: 4px solid #0284c7; }

/* Cluster dos 12 Signos (Diretório) */
.hc-cluster-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 36px 0;
}

.hc-cluster-card {
    background: #ffffff;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-md);
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--hc-transition);
    box-shadow: var(--hc-shadow-sm);
}

.hc-cluster-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--hc-shadow-md);
    border-color: var(--hc-primary);
}

.hc-border-fire { border-top: 4px solid #ef4444; }
.hc-border-earth { border-top: 4px solid #10b981; }
.hc-border-air { border-top: 4px solid #f59e0b; }
.hc-border-water { border-top: 4px solid #0284c7; }

.hc-card-header {
    margin-bottom: 12px;
}

.hc-cluster-card .hc-card-title {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    padding: 0;
}

.hc-card-subtitle {
    font-size: 12px;
    color: var(--hc-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin: 0;
}

.hc-card-description {
    font-size: 14px;
    color: #475569;
    margin: 0 0 16px 0;
    line-height: 1.55;
    flex-grow: 1;
}

.hc-card-cta {
    display: inline-block;
    background-color: var(--hc-primary);
    color: #ffffff !important;
    text-align: center;
    padding: 8px 16px;
    border-radius: var(--hc-radius-pill);
    text-decoration: none;
    font-weight: 600;
    font-size: 13.5px;
    transition: var(--hc-transition);
}

.hc-card-cta:hover {
    background-color: var(--hc-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(192, 38, 110, 0.3);
}

/* Silos e Roteamento */
.hc-routing-block {
    background: #fafaf9;
    border-left: 4px solid var(--hc-primary);
    padding: 24px;
    border-radius: 0 var(--hc-radius-md) var(--hc-radius-md) 0;
    margin: 36px 0;
    border: 1px solid var(--hc-border);
    border-left-width: 4px;
}

.hc-routing-block h3 {
    font-family: var(--hc-font-serif);
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 14px;
}

.hc-routing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.hc-routing-button {
    background: #ffffff;
    border: 1px solid var(--hc-border);
    color: #1e293b;
    text-decoration: none;
    padding: 12px;
    border-radius: var(--hc-radius-md);
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    transition: var(--hc-transition);
    display: block;
}

.hc-routing-button:hover {
    border-color: var(--hc-primary);
    color: var(--hc-primary);
    background: var(--hc-primary-light);
}

/* Universo Astrologia */
.hc-universe-section {
    margin: 36px 0;
}

.hc-universe-section h2 {
    font-family: var(--hc-font-serif);
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 16px;
}

.hc-universe-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
}

.hc-universe-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 12px;
    background: #ffffff;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-md);
    text-decoration: none;
    color: #1e293b;
    font-weight: 600;
    text-align: center;
    font-size: 13.5px;
    transition: var(--hc-transition);
    box-shadow: var(--hc-shadow-sm);
}

.hc-universe-link:hover {
    border-color: var(--hc-primary);
    background: var(--hc-primary-light);
    color: var(--hc-primary);
    transform: translateY(-2px);
}

/* Caixa de Compatibilidade */
.hc-compat-box {
    background: #fdf2f8;
    border: 1px solid #fce7f3;
    padding: 28px;
    border-radius: var(--hc-radius-md);
    text-align: center;
    margin: 36px 0;
}

.hc-compat-box h3 {
    font-family: var(--hc-font-serif);
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 0;
    margin-bottom: 10px;
}

/* FAQ dos Signos */
.hc-faq-container {
    margin: 40px 0;
}

.hc-faq-container h2 {
    font-family: var(--hc-font-serif);
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
}

.hc-faq-item {
    border-left: 4px solid var(--hc-primary);
    background: #ffffff;
    padding: 20px 24px;
    margin-bottom: 16px;
    border-radius: 0 var(--hc-radius-md) var(--hc-radius-md) 0;
    border: 1px solid var(--hc-border);
    border-left-width: 4px;
    box-shadow: var(--hc-shadow-sm);
}

.hc-faq-question {
    font-family: var(--hc-font-serif);
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.hc-faq-answer {
    margin: 0 !important;
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.hc-footer-quote {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin: 40px 0;
    color: #475569;
    font-style: italic;
}

.hc-image-wrapper {
    margin: 30px 0;
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    box-shadow: var(--hc-shadow-sm);
}

.hc-image {
    width: 100%;
    height: auto;
    display: block;
    max-height: 450px;
    object-fit: cover;
}

/* Responsividade de Signos */
@media (max-width: 1024px) {
    .hc-cluster-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hc-elements-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hc-quick-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .hc-cluster-grid {
        grid-template-columns: 1fr;
    }
    .hc-elements-grid {
        grid-template-columns: 1fr;
    }
    .hc-quick-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hc-single-article {
        padding: 22px 16px;
    }
    .hc-single-title {
        font-size: 26px;
    }
}

/* ==========================================================================
   ARQUITETURA DE LINKS INTERNOS, CLUSTERS E LEIA TAMBÉM
   ========================================================================== */

/* 1. Breadcrumb Semântico */
.hc-breadcrumbs {
    margin-bottom: 20px;
    font-size: 13.5px;
    color: var(--hc-text-muted);
}

.hc-breadcrumbs-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.hc-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hc-breadcrumb-link {
    color: var(--hc-text-muted);
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-breadcrumb-link:hover {
    color: var(--hc-primary);
    text-decoration: underline;
}

.hc-breadcrumb-separator {
    color: #cbd5e1;
    font-size: 14px;
    user-select: none;
}

.hc-breadcrumb-current {
    color: #0f172a;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
    display: inline;
}

/* 2. Menu Contextual "Explore Também" (Topic Cluster Hub) */
.hc-explore-cluster-box {
    background: linear-gradient(135deg, #fdf4f8 0%, #faf5ff 100%);
    border: 1px solid #fce7f3;
    border-radius: var(--hc-radius-lg);
    padding: 26px 28px;
    margin: 36px 0;
    box-shadow: var(--hc-shadow-sm);
    position: relative;
    overflow: hidden;
}

.hc-explore-cluster-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, var(--hc-primary), #9333ea);
}

.hc-cluster-header {
    margin-bottom: 18px;
}

.hc-cluster-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--hc-primary);
    background: rgba(192, 38, 110, 0.1);
    padding: 3px 10px;
    border-radius: var(--hc-radius-pill);
    margin-bottom: 8px;
}

.hc-cluster-title {
    font-family: var(--hc-font-serif);
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.3;
}

.hc-cluster-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.hc-cluster-link-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: var(--hc-radius-md);
    padding: 12px 16px;
    text-decoration: none;
    color: #1e293b;
    transition: var(--hc-transition);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.hc-cluster-link-card:hover {
    border-color: var(--hc-primary);
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: var(--hc-shadow-md);
    color: var(--hc-primary);
}

.hc-link-badge {
    font-size: 10.5px;
    font-weight: 700;
    background: #f1f5f9;
    color: #475569;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 10px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hc-cluster-link-card:hover .hc-link-badge {
    background: var(--hc-primary-light);
    color: var(--hc-primary);
}

.hc-link-text {
    font-size: 13.5px;
    font-weight: 600;
    flex-grow: 1;
    line-height: 1.4;
}

.hc-link-arrow {
    font-size: 16px;
    color: #94a3b8;
    margin-left: 8px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.hc-cluster-link-card:hover .hc-link-arrow {
    transform: translateX(4px);
    color: var(--hc-primary);
}

/* 2.1 Navegação Sequencial dos 43 Números da Numerologia */
.hc-numerology-seq-nav {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: var(--hc-radius-lg, 12px);
    padding: 20px 24px;
    margin: 32px 0 24px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.hc-seq-nav-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #64748b;
    text-align: center;
    margin-bottom: 14px;
}

.hc-seq-nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hc-seq-nav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: var(--hc-radius-md, 8px);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid #cbd5e1;
    color: #1e293b;
    background: #f8fafc;
    flex: 1;
    text-align: center;
    min-height: 44px;
    box-sizing: border-box;
}

.hc-seq-nav-btn:hover {
    background: #ffffff;
    border-color: var(--hc-primary, #7c3aed);
    color: var(--hc-primary, #7c3aed);
    box-shadow: 0 3px 10px rgba(124, 58, 237, 0.12);
    transform: translateY(-1px);
}

.hc-seq-nav-btn.hc-seq-all {
    flex: 1.2;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.05) 0%, rgba(192, 38, 110, 0.05) 100%);
    border-color: rgba(124, 58, 237, 0.25);
    color: var(--hc-primary, #7c3aed);
}

.hc-seq-nav-btn.hc-seq-all:hover {
    background: var(--hc-primary, #7c3aed);
    color: #ffffff;
    border-color: var(--hc-primary, #7c3aed);
}

.hc-seq-arrow {
    font-size: 16px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.hc-seq-prev:hover .hc-seq-arrow {
    transform: translateX(-3px);
}

.hc-seq-next:hover .hc-seq-arrow {
    transform: translateX(3px);
}

/* Responsividade Mobile */
@media (max-width: 640px) {
    .hc-numerology-seq-nav {
        padding: 16px;
        margin: 24px 0 20px 0;
    }

    .hc-seq-nav-bar {
        flex-direction: column;
        gap: 10px;
    }

    .hc-seq-nav-btn {
        width: 100%;
        padding: 12px 16px;
    }

    .hc-seq-nav-btn.hc-seq-prev {
        order: 1;
    }

    .hc-seq-nav-btn.hc-seq-all {
        order: 2;
    }

    .hc-seq-nav-btn.hc-seq-next {
        order: 3;
    }
}

/* 2.2 Design Master Editorial — Coleção Numerologia (1 a 43) */
.hc-num-master-wrapper {
    --hc-num-primary: #5a2d7a;
    --hc-num-secondary: #9b6bc0;
    --hc-num-soft: #f5f0f9;
    --hc-num-dark: #3a1a52;
    background: var(--hc-num-soft);
    padding: 30px 20px 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    border-radius: 16px;
    margin-bottom: 30px;
}

.hc-num-master-container {
    max-width: 1100px;
    margin: 0 auto;
}

.hc-num-date-bar {
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666666;
}

.hc-num-hero {
    text-align: center;
    margin-bottom: 40px;
}

.hc-num-badge {
    background: var(--hc-num-primary, #5a2d7a);
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.hc-num-summary {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    margin: 20px auto;
    max-width: 900px;
    text-align: left;
    border-left: 5px solid var(--hc-num-primary, #5a2d7a);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.hc-num-summary-title {
    font-size: 18px;
    margin: 0 0 10px 0;
    font-weight: bold;
    color: var(--hc-num-dark, var(--hc-num-primary, #3a1a52));
}

.hc-num-intro {
    font-size: 18px;
    max-width: 800px;
    margin: 20px auto;
    line-height: 1.6;
    color: #333333;
}

.hc-num-pill-nav {
    background: #ffffff;
    padding: 15px;
    border-radius: 50px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.hc-num-pill-track {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.hc-num-pill {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 30px;
    text-decoration: none;
    color: #333333;
    font-size: 15px;
    transition: all 0.2s ease;
    display: inline-block;
    line-height: 1;
}

.hc-num-pill:hover {
    background: #e2d0f0;
    color: #5a2d7a;
    text-decoration: none;
}

.hc-num-pill.active {
    background: var(--hc-num-primary, #5a2d7a);
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.hc-num-toc-box {
    background: #ffffff;
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.hc-num-toc-title {
    color: var(--hc-num-primary, #5a2d7a);
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
}

.hc-num-toc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.hc-num-toc-grid a {
    color: var(--hc-num-primary, #5a2d7a);
    text-decoration: none;
    font-size: 14.5px;
    line-height: 1.4;
    transition: color 0.15s ease;
}

.hc-num-toc-grid a:hover {
    color: #3a1a52;
    text-decoration: underline;
}

.hc-num-mini-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 15px;
    margin: 30px 0;
}

.hc-num-mini-card {
    background: rgba(90, 45, 122, 0.06);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.hc-num-mini-card span {
    font-size: 24px;
    display: block;
    margin-bottom: 4px;
}

.hc-num-mini-card h4 {
    margin: 5px 0;
    color: #5a2d7a;
    font-size: 15px;
}

.hc-num-mini-card p {
    font-size: 13px !important;
    margin: 0 !important;
    color: #555555;
}

.hc-num-media-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    align-items: start;
    margin: 30px 0;
}

.hc-num-media-grid img {
    width: 100%;
    border-radius: 14px;
    display: block;
}

.hc-num-media-caption {
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-top: 5px;
}

.hc-num-grid-two {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 25px 0;
}

.hc-num-card-white {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.hc-num-card-border-left {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid var(--hc-num-primary, #5a2d7a);
    box-shadow: 0 3px 10px rgba(0,0,0,0.03);
}

.hc-num-highlight-lilac {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    margin: 20px 0;
    border-left: 5px solid var(--hc-num-primary, #5a2d7a);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.hc-num-banner-gradient {
    background: linear-gradient(135deg, var(--hc-num-primary, #5a2d7a) 0%, var(--hc-num-secondary, #7d4b9c) 100%);
    padding: 30px;
    border-radius: 14px;
    color: #ffffff;
    margin: 25px 0;
}

.hc-num-cta-banner {
    background: linear-gradient(135deg, var(--hc-num-primary, #5a2d7a) 0%, var(--hc-num-secondary, #9b6bc0) 100%);
    padding: 40px;
    border-radius: 14px;
    text-align: center;
    color: #ffffff;
    margin: 45px 0;
}

.hc-num-cta-banner a {
    background: #ffffff;
    color: var(--hc-num-primary, #5a2d7a);
    padding: 12px 24px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: transform 0.2s ease;
}

.hc-num-quote-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    margin: 30px 0;
    border: 1px solid #e2d0f0;
    text-align: center;
}

.hc-num-ad-wrapper {
    margin: 40px 0;
    text-align: center;
    clear: both;
}

/* Faixa de Informações Rápidas (Hero) */
.hc-num-quick-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 25px auto 0 auto;
    max-width: 850px;
}

.hc-num-fact-item {
    background: #ffffff;
    border: 1px solid #e9d5ff;
    border-radius: 12px;
    padding: 12px 14px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(90, 45, 122, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hc-num-fact-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(90, 45, 122, 0.08);
}

.hc-num-fact-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666666;
    font-weight: 600;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.hc-num-fact-val {
    font-size: 15px;
    font-weight: 700;
    color: #5a2d7a;
}

/* Itens Interativos do TOC "Neste Artigo" */
.hc-num-toc-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 8px;
    padding: 10px 14px;
    color: var(--hc-num-primary, #5a2d7a) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.hc-num-toc-item:hover {
    background: var(--hc-num-primary, #5a2d7a);
    color: #ffffff !important;
    border-color: var(--hc-num-primary, #5a2d7a);
    transform: translateX(3px);
}

/* Divisores Editoriais Discretos */
.hc-num-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 40px auto;
    max-width: 600px;
    color: #c9b0e2;
}

.hc-num-divider::before,
.hc-num-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d8bfe8, transparent);
}

.hc-num-divider-symbol {
    font-size: 14px;
    color: var(--hc-num-primary, #7a4d9a);
}

/* Caixas de Composição e Interpretação */
.hc-num-composition-box {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-left: 4px solid #5a2d7a;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 25px 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02);
}

.hc-num-composition-title {
    font-size: 15px;
    font-weight: 700;
    color: #5a2d7a;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.hc-num-interpretation-box {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 25px 0;
    box-shadow: 0 3px 10px rgba(90, 45, 122, 0.03);
}

/* Indicadores das 3 Áreas de Influência */
.hc-num-influence-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 20px 0 30px 0;
}

.hc-num-influence-btn {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 12px;
    padding: 14px 16px;
    text-align: center;
    text-decoration: none !important;
    color: #333333 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.hc-num-influence-btn:hover {
    border-color: #5a2d7a;
    background: #faf5fd;
    transform: translateY(-2px);
    color: #5a2d7a !important;
}

.hc-num-influence-btn .icon {
    font-size: 24px;
}

.hc-num-influence-btn .label {
    font-size: 14px;
    font-weight: 700;
    color: #5a2d7a;
}

.hc-num-influence-btn .hint {
    font-size: 12px;
    color: #666666;
}

/* Sequência de Passos "Como Utilizar" */
.hc-num-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 20px 0;
}

.hc-num-step-item {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.hc-num-step-num {
    font-size: 18px;
    font-weight: 800;
    color: #5a2d7a;
    background: rgba(90, 45, 122, 0.08);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hc-num-step-text {
    font-size: 14.5px;
    font-weight: 600;
    color: #333333;
    line-height: 1.4;
}

/* Infográfico "1 + 0" */
.hc-num-formula-box {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 14px;
    padding: 25px;
    margin: 35px auto;
    max-width: 800px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(90, 45, 122, 0.05);
}

/* Estilização Premium do Rank Math FAQ */
.wp-block-rank-math-faq-block {
    margin: 30px 0;
}

.wp-block-rank-math-faq-block .rank-math-faq-item {
    background: #ffffff;
    border: 1px solid #e2d0f0;
    border-radius: 12px;
    margin-bottom: 14px;
    padding: 18px 22px;
    box-shadow: 0 2px 8px rgba(90, 45, 122, 0.03);
    transition: border-color 0.2s ease;
}

.wp-block-rank-math-faq-block .rank-math-faq-item:hover {
    border-color: #c084fc;
}

.wp-block-rank-math-faq-block .rank-math-question {
    color: #5a2d7a !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
}

.wp-block-rank-math-faq-block .rank-math-answer {
    color: #444444 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* --- PALETAS CROMÁTICAS ESPECÍFICAS (NÚMEROS 8 A 43) --- */
.hc-num-theme-8 {
    --hc-num-primary: #5B21B6;
    --hc-num-secondary: #7C3AED;
    --hc-num-soft: #F5F3FF;
    --hc-num-dark: #3b0764;
}
.hc-num-theme-9 {
    --hc-num-primary: #3730A3;
    --hc-num-secondary: #4F46E5;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1e1b4b;
}
.hc-num-theme-10 {
    --hc-num-primary: #5A2D7A;
    --hc-num-secondary: #9B6BC0;
    --hc-num-soft: #F5F0F9;
    --hc-num-dark: #3a1a52;
}
.hc-num-theme-11 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1e3a8a;
}
.hc-num-theme-12 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064e3b;
}
.hc-num-theme-13 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7c2d12;
}
.hc-num-theme-14 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #E11D48;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-15 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350f;
}
.hc-num-theme-16 {
    --hc-num-primary: #155E75;
    --hc-num-secondary: #0891B2;
    --hc-num-soft: #ECFEFF;
    --hc-num-dark: #164e63;
}
.hc-num-theme-17 {
    --hc-num-primary: #166534;
    --hc-num-secondary: #16A34A;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #14532d;
}
.hc-num-theme-18 {
    --hc-num-primary: #701A75;
    --hc-num-secondary: #A21CAF;
    --hc-num-soft: #FDF4FF;
    --hc-num-dark: #4a044e;
}
.hc-num-theme-19 {
    --hc-num-primary: #9A3412;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7c2d12;
}
.hc-num-theme-20 {
    --hc-num-primary: #0369A1;
    --hc-num-secondary: #0EA5E9;
    --hc-num-soft: #F0F9FF;
    --hc-num-dark: #0c4a6e;
}
.hc-num-theme-21 {
    --hc-num-primary: #0F766E;
    --hc-num-secondary: #14B8A6;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #134e4a;
}
.hc-num-theme-22 {
    --hc-num-primary: #1E40AF;
    --hc-num-secondary: #2563EB;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-23 {
    --hc-num-primary: #6D28D9;
    --hc-num-secondary: #8B5CF6;
    --hc-num-soft: #F5F3FF;
    --hc-num-dark: #4c1d95;
}
.hc-num-theme-24 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #DB2777;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-25 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #059669;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #022c22;
}
.hc-num-theme-26 {
    --hc-num-primary: #92400E;
    --hc-num-secondary: #B45309;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #451a03;
}
.hc-num-theme-27 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1e1b4b;
}
.hc-num-theme-28 {
    --hc-num-primary: #3F6212;
    --hc-num-secondary: #65A30D;
    --hc-num-soft: #F7FEE7;
    --hc-num-dark: #1a2e05;
}
.hc-num-theme-29 {
    --hc-num-primary: #86198F;
    --hc-num-secondary: #C026D3;
    --hc-num-soft: #FDF4FF;
    --hc-num-dark: #581c87;
}
.hc-num-theme-30 {
    --hc-num-primary: #155E75;
    --hc-num-secondary: #06B6D4;
    --hc-num-soft: #ECFEFF;
    --hc-num-dark: #083344;
}
.hc-num-theme-31 {
    --hc-num-primary: #92400E;
    --hc-num-secondary: #F59E0B;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #451a03;
}
.hc-num-theme-32 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-33 {
    --hc-num-primary: #581C87;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3b0764;
}
.hc-num-theme-34 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #022c22;
}
.hc-num-theme-35 {
    --hc-num-primary: #9A3412;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #431407;
}
.hc-num-theme-36 {
    --hc-num-primary: #164E63;
    --hc-num-secondary: #0891B2;
    --hc-num-soft: #ECFEFF;
    --hc-num-dark: #083344;
}
.hc-num-theme-37 {
    --hc-num-primary: #3730A3;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1e1b4b;
}
.hc-num-theme-38 {
    --hc-num-primary: #14532D;
    --hc-num-secondary: #22C55E;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #052e16;
}
.hc-num-theme-39 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3b0764;
}
.hc-num-theme-40 {
    --hc-num-primary: #334155;
    --hc-num-secondary: #64748B;
    --hc-num-soft: #F8FAFC;
    --hc-num-dark: #0f172a;
}
.hc-num-theme-41 {
    --hc-num-primary: #9A3412;
    --hc-num-secondary: #C2410C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #431407;
}
.hc-num-theme-42 {
    --hc-num-primary: #115E59;
    --hc-num-secondary: #0D9488;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #042f2e;
}
.hc-num-theme-43 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3b0764;
}

/* Responsividade Mobile do Design Master */
@media (max-width: 640px) {
    .hc-num-master-wrapper {
        padding: 20px 14px 35px !important;
        border-radius: 0 !important;
    }

    .hc-num-hero {
        margin-bottom: 25px !important;
    }

    .hc-num-quick-facts {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .hc-num-media-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .hc-num-grid-two {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .hc-num-mini-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .hc-num-influence-nav {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hc-num-steps-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hc-num-toc-grid {
        grid-template-columns: 1fr !important;
    }

    .hc-num-summary,
    .hc-num-highlight-lilac,
    .hc-num-banner-gradient,
    .hc-num-cta-banner {
        padding: 20px 16px !important;
    }
}



/* 3. Componente Editorial "Leia Também" */
.hc-related-posts-section {
    margin: 40px 0 32px 0;
    padding-top: 32px;
    border-top: 2px solid var(--hc-border);
}

.hc-related-header {
    margin-bottom: 22px;
}

.hc-related-heading {
    font-family: var(--hc-font-serif);
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 6px;
}

.hc-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.hc-related-card {
    background: #ffffff;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-md);
    overflow: hidden;
    transition: var(--hc-transition);
    display: flex;
    flex-direction: column;
}

.hc-related-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--hc-shadow-md);
    border-color: #fbcfe8;
}

.hc-related-media {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f8fafc;
}

.hc-related-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hc-related-card:hover .hc-related-media img {
    transform: scale(1.05);
}

.hc-related-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.hc-related-cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--hc-primary);
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.hc-related-title {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 10px 0;
    flex-grow: 1;
}

.hc-related-title a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hc-related-title a:hover {
    color: var(--hc-primary);
}

.hc-related-date {
    font-size: 12px;
    color: var(--hc-text-muted);
}

/* 4. Links Contextuais no Conteúdo (In-Content Linking) */
.hc-contextual-link {
    color: var(--hc-primary);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1.5px solid rgba(192, 38, 110, 0.35);
    transition: all 0.2s ease;
}

.hc-contextual-link:hover {
    color: var(--hc-primary-hover);
    border-bottom-color: var(--hc-primary);
    background-color: var(--hc-primary-light);
    border-radius: 2px;
}

/* Responsividade dos Componentes de Links */
@media (max-width: 900px) {
    .hc-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .hc-related-grid {
        grid-template-columns: 1fr;
    }
    .hc-cluster-links-grid {
        grid-template-columns: 1fr;
    }
    .hc-explore-cluster-box {
        padding: 20px 16px;
    }
    .hc-cluster-title {
        font-size: 19px;
    }
}

/* 5. Diretório Oficial de Subpilares (Páginas Pilares) */
.hc-pillar-directory-section {
    margin: 40px 0 24px 0;
    padding: 32px;
    background: #fafaf9;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-lg);
    box-shadow: var(--hc-shadow-sm);
}

.hc-pillar-dir-header {
    margin-bottom: 20px;
    text-align: center;
}

.hc-pillar-dir-title {
    font-family: var(--hc-font-serif);
    font-size: 26px;
    font-weight: 700;
    color: #0f172a;
    margin-top: 8px;
}

.hc-pillar-dir-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.hc-pillar-dir-card {
    background: #ffffff;
    border: 1px solid var(--hc-border);
    border-radius: var(--hc-radius-md);
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    transition: var(--hc-transition);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.hc-pillar-dir-card:hover {
    border-color: var(--hc-primary);
    transform: translateY(-3px);
    box-shadow: var(--hc-shadow-md);
}

.hc-pillar-dir-icon {
    font-size: 24px;
    color: var(--hc-primary);
    margin-bottom: 10px;
}

.hc-pillar-dir-name {
    font-family: var(--hc-font-serif);
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
    line-height: 1.3;
}

.hc-pillar-dir-arrow {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--hc-primary);
}

/* ==========================================================================
   CORREÇÃO GLOBAL DE LAYOUT E BLINDAGEM RESPONSIVA (TODAS AS PÁGINAS)
   ========================================================================== */

/* 1. Contenção Elástica e Prevenção de Overflow Geral */
.hc-main-column,
.hc-single-content,
.hc-page-content-box,
.hc-content-hub,
.hc-oracle-game,
.hc-love-container,
.styled-container,
.entry-content,
.hc-archive-description,
.wp-block-group {
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-break: normal;
    word-wrap: break-word;
    box-sizing: border-box;
}

/* 2. Blindagem de Imagens - Prevenção de Overflow Geral */
.hc-single-content img,
.hc-page-content-box img,
.hc-content-hub img,
.hc-oracle-game img,
.hc-love-container img,
.styled-container img,
.entry-content img,
.hc-archive-description img,
.wp-block-image img,
figure.aligncenter img,
figure.alignleft img,
figure.alignright img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

/* ==========================================================================
   PADRONIZAÇÃO 16:9 DE IMAGENS EDITORIAIS (EXCLUSIVO PARA ARTIGOS CONVENCIONAIS)
   ========================================================================== */
body.single-post article.type-post .hc-single-content figure.wp-block-image,
body.single-post article.type-post .hc-single-content figure[class*="size-"],
body.single-post article.type-post .hc-single-content figure.aligncenter,
body.single-post article.type-post .hc-single-content figure.alignleft,
body.single-post article.type-post .hc-single-content figure.alignright,
article.type-post.hc-single-article .hc-single-content figure.wp-block-image,
article.type-post.hc-single-article .hc-single-content figure[class*="size-"],
article.type-post.hc-single-article .hc-single-content figure.aligncenter,
article.type-post.hc-single-article .hc-single-content figure.alignleft,
article.type-post.hc-single-article .hc-single-content figure.alignright {
    width: 100% !important;
    max-width: 100% !important;
    margin: 32px auto !important;
    float: none !important;
    clear: both !important;
    text-align: center;
    box-sizing: border-box;
}

/* ==========================================================================
   PROTEÇÃO ESTRITA DE EMOJIS NATIVOS E ELEMENTOS GRÁFICOS INLINE (FASE 57.3)
   ========================================================================== */
img.emoji,
img.wp-smiley,
.hc-single-content img.emoji,
.hc-single-content img.wp-smiley,
body.single-post article.type-post .hc-single-content img.emoji,
body.single-post article.type-post .hc-single-content img.wp-smiley,
article.type-post.hc-single-article .hc-single-content img.emoji,
article.type-post.hc-single-article .hc-single-content img.wp-smiley,
body.single-post article.type-post .hc-single-content > p > img.emoji,
body.single-post article.type-post .hc-single-content > p > img.wp-smiley,
article.type-post.hc-single-article .hc-single-content > p > img.emoji,
article.type-post.hc-single-article .hc-single-content > p > img.wp-smiley,
body.single-post article.type-post .hc-single-content h2 img.emoji,
body.single-post article.type-post .hc-single-content h3 img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1.25em !important;
    width: 1.25em !important;
    max-width: 1.25em !important;
    max-height: 1.25em !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin: 0 0.15em !important;
    vertical-align: -0.2em !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    float: none !important;
}

body.single-post article.type-post .hc-single-content figure.wp-block-image > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure[class*="size-"] > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure.aligncenter > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure.alignleft > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure.alignright > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure.wp-block-image > a > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content figure[class*="size-"] > a > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content > p > img:not(.emoji):not(.wp-smiley),
body.single-post article.type-post .hc-single-content > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure.wp-block-image > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure[class*="size-"] > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure.aligncenter > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure.alignleft > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure.alignright > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure.wp-block-image > a > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content figure[class*="size-"] > a > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content > p > img:not(.emoji):not(.wp-smiley),
article.type-post.hc-single-article .hc-single-content > img:not(.emoji):not(.wp-smiley) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 460px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: var(--hc-radius-md, 12px) !important;
    background-color: var(--hc-navy, #0e1424);
    box-shadow: var(--hc-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06));
}

/* Preservação de imagens com informação crítica (infográficos, tabelas, diagramas ou imagens verticais) */
body.single-post article.type-post .hc-single-content figure.wp-block-image.is-vertical > img,
body.single-post article.type-post .hc-single-content figure.wp-block-image.is-infographic > img,
body.single-post article.type-post .hc-single-content figure.wp-block-image.preserve-aspect > img,
body.single-post article.type-post .hc-single-content figure.wp-block-image.is-diagram > img,
body.single-post article.type-post .hc-single-content figure.wp-block-image > img.is-vertical,
body.single-post article.type-post .hc-single-content figure.wp-block-image > img.preserve-aspect {
    aspect-ratio: auto !important;
    object-fit: contain !important;
    max-height: 520px !important;
    width: auto !important;
    background-color: transparent !important;
}

/* Legendas Editoriais de Artigos */
body.single-post article.type-post .hc-single-content figure figcaption,
body.single-post article.type-post .hc-single-content figure .wp-element-caption {
    font-size: 13.5px;
    color: var(--hc-text-muted, #64748b);
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    line-height: 1.4;
    display: block;
}

/* 3. Tabelas Responsivas com Rolagem Horizontal Suave */
.hc-table-responsive-wrapper,
.wp-block-table,
.table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 24px 0;
    box-sizing: border-box;
    border-radius: var(--hc-radius-md, 8px);
}

.hc-table-responsive-wrapper table,
.wp-block-table table {
    width: 100%;
    min-width: 460px;
    border-collapse: collapse;
}

/* 4. Vídeos e Iframes Fluidos (16:9) */
.hc-iframe-responsive-wrapper,
.wp-block-embed__wrapper,
.wp-has-aspect-ratio .wp-block-embed__wrapper,
.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
    overflow: hidden;
    border-radius: var(--hc-radius-md, 8px);
}

.hc-iframe-responsive-wrapper {
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
}

.hc-iframe-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.wp-block-embed__wrapper iframe,
.video-container iframe {
    max-width: 100%;
}

/* 5. Blindagem de Jogos e Oráculos (.hc-oracle-game) */
.hc-oracle-game {
    background-color: #fff0f5;
    border: 1px solid #fbcfe8;
    border-radius: var(--hc-radius-lg, 12px);
    padding: 32px 24px;
    margin: 24px 0;
    text-align: center;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.06);
    box-sizing: border-box;
}

.hc-oracle-game h2,
.hc-oracle-game h1 {
    color: #e91e63;
    margin-bottom: 16px;
    font-family: var(--hc-font-serif, serif);
}

.hc-oracle-game p {
    color: #831843;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.hc-oracle-game button,
.hc-oracle-game .btn,
.hc-oracle-game input[type="button"],
.hc-oracle-game input[type="submit"] {
    background: #e91e63;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 10px rgba(233, 30, 99, 0.3);
}

.hc-oracle-game button:hover,
.hc-oracle-game .btn:hover {
    background: #c2185b;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(233, 30, 99, 0.4);
}

/* 6. Hubs Customizados (.hc-content-hub e .hc-love-container) */
.hc-content-hub,
.hc-love-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
}

/* 7. Responsividade e Adaptação para Telas Menores */
@media (max-width: 1024px) {
    .hc-oracle-game {
        padding: 24px 16px;
    }
}

@media (max-width: 768px) {
    .hc-page-content-box,
    .hc-single-content {
        padding: 20px 16px;
    }
    
    .hc-table-responsive-wrapper table {
        font-size: 13.5px;
    }
    
    .hc-oracle-game button,
    .hc-oracle-game .btn {
        width: 100%;
        max-width: 320px;
    }

    /* Ajuste responsivo de margens para imagens editoriais em artigos */
    body.single-post article.type-post .hc-single-content figure.wp-block-image,
    body.single-post article.type-post .hc-single-content figure[class*="size-"],
    body.single-post article.type-post .hc-single-content figure.aligncenter,
    body.single-post article.type-post .hc-single-content figure.alignleft,
    body.single-post article.type-post .hc-single-content figure.alignright {
        margin: 24px auto !important;
    }
}

@media (max-width: 480px) {
    .hc-page-content-box,
    .hc-single-content {
        padding: 16px 12px;
    }

    .hc-single-featured-media {
        border-radius: var(--hc-radius-sm, 8px);
        margin-bottom: 20px;
    }

    body.single-post article.type-post .hc-single-content figure.wp-block-image,
    body.single-post article.type-post .hc-single-content figure[class*="size-"],
    body.single-post article.type-post .hc-single-content figure.aligncenter,
    body.single-post article.type-post .hc-single-content figure.alignleft,
    body.single-post article.type-post .hc-single-content figure.alignright {
        margin: 20px auto !important;
    }
}

/* Custom link color for articles */
.hc-single-content a { color: #a31959; text-decoration: underline; }
.hc-single-content a:hover { color: var(--hc-primary); }

/* --- PALETAS CROMÁTICAS ESPECÍFICAS (NÚMEROS 44 A 50) --- */
.hc-num-theme-44 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #A16207;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-45 {
    --hc-num-primary: #0F766E;
    --hc-num-secondary: #14B8A6;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #134E4A;
}
.hc-num-theme-46 {
    --hc-num-primary: #9F1239;
    --hc-num-secondary: #BE123C;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #4C0519;
}
.hc-num-theme-47 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-48 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-49 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-50 {
    --hc-num-primary: #0369A1;
    --hc-num-secondary: #0284C7;
    --hc-num-soft: #F0F9FF;
    --hc-num-dark: #082F49;
}

/* Componente: Mapa Numerológico / Composição */
.hc-num-map-box {
    background: #ffffff;
    border: 2px solid var(--hc-num-primary, #5a2d7a);
    border-radius: 14px;
    padding: 24px;
    margin: 30px auto;
    max-width: 900px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}
.hc-num-map-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--hc-num-primary, #5a2d7a);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hc-num-map-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 14px;
}
.hc-num-map-item {
    background: var(--hc-num-soft, #f5f0f9);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 12px 16px;
    text-align: center;
}
.hc-num-map-item-label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    margin-bottom: 4px;
    font-weight: 600;
}
.hc-num-map-item-value {
    font-size: 22px;
    font-weight: 800;
    color: var(--hc-num-primary, #5a2d7a);
}

/* Componente: Rede de Relações Numerológicas */
.hc-num-relations-chain {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    margin: 25px 0;
    border: 1px solid #e5e7eb;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}
.hc-num-relations-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--hc-num-primary, #5a2d7a);
    margin: 0 0 14px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hc-num-relations-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 15px 0;
}
.hc-num-flow-node {
    background: var(--hc-num-soft, #f5f0f9);
    border: 1px solid var(--hc-num-primary, #5a2d7a);
    color: var(--hc-num-dark, #333);
    padding: 8px 16px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.hc-num-flow-node:hover {
    background: var(--hc-num-primary, #5a2d7a);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.hc-num-flow-arrow {
    font-size: 18px;
    font-weight: bold;
    color: var(--hc-num-secondary, #7C3AED);
}


/* --- PALETAS CROMÁTICAS ESPECÍFICAS (NÚMEROS 51 A 100) --- */
.hc-num-theme-51 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-52 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-53 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-54 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-55 {
    --hc-num-primary: #B91C1C;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-56 {
    --hc-num-primary: #4F46E5;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-57 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-58 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-59 {
    --hc-num-primary: #15803D;
    --hc-num-secondary: #22C55E;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #14532D;
}
.hc-num-theme-60 {
    --hc-num-primary: #334155;
    --hc-num-secondary: #64748B;
    --hc-num-soft: #F8FAFC;
    --hc-num-dark: #0F172A;
}
.hc-num-theme-61 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-62 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-63 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-64 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-65 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #E11D48;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-66 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #DB2777;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-67 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-68 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-69 {
    --hc-num-primary: #15803D;
    --hc-num-secondary: #22C55E;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #14532D;
}
.hc-num-theme-70 {
    --hc-num-primary: #334155;
    --hc-num-secondary: #64748B;
    --hc-num-soft: #F8FAFC;
    --hc-num-dark: #0F172A;
}
.hc-num-theme-71 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-72 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-73 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-74 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-75 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #E11D48;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-76 {
    --hc-num-primary: #0F766E;
    --hc-num-secondary: #14B8A6;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #134E4A;
}
.hc-num-theme-77 {
    --hc-num-primary: #3730A3;
    --hc-num-secondary: #4F46E5;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-78 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-79 {
    --hc-num-primary: #15803D;
    --hc-num-secondary: #22C55E;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #14532D;
}
.hc-num-theme-80 {
    --hc-num-primary: #334155;
    --hc-num-secondary: #64748B;
    --hc-num-soft: #F8FAFC;
    --hc-num-dark: #0F172A;
}
.hc-num-theme-81 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-82 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-83 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-84 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-85 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #E11D48;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-86 {
    --hc-num-primary: #0F766E;
    --hc-num-secondary: #14B8A6;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #134E4A;
}
.hc-num-theme-87 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-88 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #A16207;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-89 {
    --hc-num-primary: #15803D;
    --hc-num-secondary: #22C55E;
    --hc-num-soft: #F0FDF4;
    --hc-num-dark: #14532D;
}
.hc-num-theme-90 {
    --hc-num-primary: #334155;
    --hc-num-secondary: #64748B;
    --hc-num-soft: #F8FAFC;
    --hc-num-dark: #0F172A;
}
.hc-num-theme-91 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-92 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-93 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-94 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #9333EA;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-95 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #E11D48;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-96 {
    --hc-num-primary: #0F766E;
    --hc-num-secondary: #14B8A6;
    --hc-num-soft: #F0FDFA;
    --hc-num-dark: #134E4A;
}
.hc-num-theme-97 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-98 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #EA580C;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-99 {
    --hc-num-primary: #581C87;
    --hc-num-secondary: #7E22CE;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-100 {
    --hc-num-primary: #5A2D7A;
    --hc-num-secondary: #9B6BC0;
    --hc-num-soft: #F5F0F9;
    --hc-num-dark: #3A1A52;
}

/* --- PALETAS CROMÁTICAS ESPECÍFICAS (COLEÇÃO ESPECIAL ABA: 101 A 999) --- */
.hc-num-theme-101 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-111 {
    --hc-num-primary: #B45309;
    --hc-num-secondary: #F59E0B;
    --hc-num-soft: #FFFBEB;
    --hc-num-dark: #78350F;
}
.hc-num-theme-121 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-131 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-141 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-151 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-161 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-171 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-181 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-191 {
    --hc-num-primary: #1E3A8A;
    --hc-num-secondary: #3B82F6;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #172554;
}
.hc-num-theme-202 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-212 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-222 {
    --hc-num-primary: #1D4ED8;
    --hc-num-secondary: #60A5FA;
    --hc-num-soft: #EFF6FF;
    --hc-num-dark: #1E3A8A;
}
.hc-num-theme-232 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-242 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-252 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-262 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-272 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-282 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-292 {
    --hc-num-primary: #312E81;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-303 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-313 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-323 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-333 {
    --hc-num-primary: #7C3AED;
    --hc-num-secondary: #C084FC;
    --hc-num-soft: #F3E8FF;
    --hc-num-dark: #4C1D95;
}
.hc-num-theme-343 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-353 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-363 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-373 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-383 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-393 {
    --hc-num-primary: #6B21A8;
    --hc-num-secondary: #A855F7;
    --hc-num-soft: #FAF5FF;
    --hc-num-dark: #3B0764;
}
.hc-num-theme-404 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-414 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-424 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-434 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-444 {
    --hc-num-primary: #047857;
    --hc-num-secondary: #34D399;
    --hc-num-soft: #D1FAE5;
    --hc-num-dark: #022C22;
}
.hc-num-theme-454 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-464 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-474 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-484 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-494 {
    --hc-num-primary: #065F46;
    --hc-num-secondary: #10B981;
    --hc-num-soft: #ECFDF5;
    --hc-num-dark: #064E3B;
}
.hc-num-theme-505 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-515 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-525 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-535 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-545 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-555 {
    --hc-num-primary: #EA580C;
    --hc-num-secondary: #FB923C;
    --hc-num-soft: #FFEDD5;
    --hc-num-dark: #9A3412;
}
.hc-num-theme-565 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-575 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-585 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-595 {
    --hc-num-primary: #C2410C;
    --hc-num-secondary: #F97316;
    --hc-num-soft: #FFF7ED;
    --hc-num-dark: #7C2D12;
}
.hc-num-theme-606 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-616 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-626 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-636 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-646 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-656 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-666 {
    --hc-num-primary: #BE123C;
    --hc-num-secondary: #F43F5E;
    --hc-num-soft: #FFF1F2;
    --hc-num-dark: #881337;
}
.hc-num-theme-676 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-686 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-696 {
    --hc-num-primary: #9D174D;
    --hc-num-secondary: #EC4899;
    --hc-num-soft: #FDF2F8;
    --hc-num-dark: #700732;
}
.hc-num-theme-707 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-717 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-727 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-737 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-747 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-757 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-767 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-777 {
    --hc-num-primary: #3730A3;
    --hc-num-secondary: #6366F1;
    --hc-num-soft: #E0E7FF;
    --hc-num-dark: #1E1B4B;
}
.hc-num-theme-787 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-797 {
    --hc-num-primary: #4338CA;
    --hc-num-secondary: #818CF8;
    --hc-num-soft: #EEF2FF;
    --hc-num-dark: #312E81;
}
.hc-num-theme-808 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-818 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-828 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-838 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-848 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-858 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-868 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-878 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-888 {
    --hc-num-primary: #78350F;
    --hc-num-secondary: #D97706;
    --hc-num-soft: #FEF3C7;
    --hc-num-dark: #451A03;
}
.hc-num-theme-898 {
    --hc-num-primary: #854D0E;
    --hc-num-secondary: #EAB308;
    --hc-num-soft: #FEFCE8;
    --hc-num-dark: #422006;
}
.hc-num-theme-909 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-919 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-929 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-939 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-949 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-959 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-969 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-979 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-989 {
    --hc-num-primary: #991B1B;
    --hc-num-secondary: #EF4444;
    --hc-num-soft: #FEF2F2;
    --hc-num-dark: #7F1D1D;
}
.hc-num-theme-999 {
    --hc-num-primary: #831843;
    --hc-num-secondary: #DB2777;
    --hc-num-soft: #FCE7F3;
    --hc-num-dark: #500724;
}