/* ============================================================ INK & GRID v3 — Editorial Premium CSS for GeneratePress Blog / Notícias | Estilo: Editorial Moderno Minimalista ============================================================ */ /* ========================= FONTS (Google Fonts) Adicione no do seu tema: ========================= */ /* ========================= CSS VARIABLES NOTA: --accent é herdado do GeneratePress (cor primária definida em Aparência → Personalizar → Cores). Todas as variantes são derivadas. ========================= */ :root { --ink: #0d0d0d; --ink-mid: #2a2a2a; --ink-soft: #5a5a5a; --paper: #f9f7f4; --white: #ffffff; --rule: #e2e0db; /* accent herdado do GP — não redefina aqui para respeitar a cor do tema */ /* --accent já existe via GP. Derivamos as variantes abaixo: */ --accent-dim: color-mix(in srgb, var(--accent) 12%, transparent); --accent-hover: color-mix(in srgb, var(--accent) 80%, #000); --ff-display: 'Playfair Display', Georgia, serif; --ff-body: 'DM Sans', 'Helvetica Neue', sans-serif; --radius-s: 6px; --radius-m: 10px; --radius-l: 16px; --shadow-s: 0 2px 8px rgba(0,0,0,.06); --shadow-m: 0 6px 24px rgba(0,0,0,.09); --shadow-l: 0 16px 48px rgba(0,0,0,.12); --col-gap: 28px; --section-gap: 52px; /* Larguras de conteúdo */ --w-single: 900px; /* artigo single — mais largo */ --w-page: 920px; --w-grid: 1340px; /* home / archives */ } /* ========================= RESET / BASE ========================= */ *, *::before, *::after { box-sizing: border-box; } body { background: var(--paper) !important; color: var(--ink); font-family: var(--ff-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; } a { color: var(--accent); text-decoration: none; transition: color .15s ease; } a:hover { color: var(--ink); } img { display: block; max-width: 100%; } /* ========================= NAV / HEADER ========================= */ /* Faixa de identidade no topo */ .site-header::before { content: ""; display: block; height: 4px; background: var(--accent); width: 100%; } .site-header { background: var(--white) !important; border-bottom: none !important; position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 20px rgba(0,0,0,.07), 0 1px 0 var(--rule) !important; } .site-branding { padding: 14px 0 !important; } .site-title, .site-title a { font-family: var(--ff-display) !important; font-weight: 900 !important; font-size: clamp(1.6rem, 3vw, 2.4rem) !important; color: var(--ink) !important; letter-spacing: -1px; line-height: 1 !important; } .site-description { font-family: var(--ff-body) !important; font-size: .75rem !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: .12em; color: var(--ink-soft) !important; margin: 3px 0 0 !important; } .inside-navigation { border-top: 0px solid var(--rule); padding: 0 !important; } .main-navigation, .main-navigation ul ul { background: transparent !important; } .inside-navigation .main-nav #menu-header li a { font-family: var(--ff-body) !important; font-weight: 700 !important; font-size: .78rem !important; text-transform: uppercase; letter-spacing: .1em; color: var(--ink-mid) !important; padding: 14px 16px !important; display: block; transition: color .15s ease; position: relative; } /* Underline animado no hover */ .inside-navigation .main-nav #menu-header li a::after { content: ""; position: absolute; bottom: 0; left: 16px; right: 16px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; } .inside-navigation .main-nav #menu-header li a:hover { color: var(--accent) !important; } .inside-navigation .main-nav #menu-header li a:hover::after { transform: scaleX(1); } .inside-navigation .main-nav #menu-header li.current-menu-item > a { color: var(--accent) !important; } .inside-navigation .main-nav #menu-header li.current-menu-item > a::after { transform: scaleX(1); } .menu-toggle { background: var(--ink) !important; color: var(--white) !important; border-radius: var(--radius-s) !important; padding: 0 14px !important; line-height: 40px !important; font-size: .78rem !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; border: none !important; } .featured-image.page-header-image-single { display: none; } /* ========================= LAYOUT BASE ========================= */ .site-content { padding: 0 !important; background: var(--paper) !important; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header { background-color: transparent !important; } .one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) { padding-bottom: 0 !important; } /* ========================= DIVISOR ========================= */ .custom-hr-container { text-align: center; margin: 32px 0; } .custom-hr, .custom-hr-yarpp { border: 0; border-top: 1px solid var(--rule); position: relative; background: transparent; } .custom-hr::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: var(--accent); height: 3px; width: 40px; top: -2px; display: inline-block; border-radius: 2px; } .custom-hr-yarpp::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: var(--accent); height: 6px; width: 80px; top: -3px; display: inline-block; border-radius: 3px; } .cat-links .gp-icon { display: none; } /* ========================= HOME — GRID EDITORIAL ========================= */ body.home .site-main { max-width: var(--w-grid); margin: 0 auto; padding: 44px 24px; } /* Card base */ body.home .inside-article { background: var(--white) !important; border: 1px solid var(--rule); border-radius: var(--radius-l); overflow: hidden; padding: 0 !important; transition: box-shadow .22s ease, transform .22s ease; display: flex; flex-direction: column; } body.home .inside-article:hover { box-shadow: var(--shadow-m); transform: translateY(-3px); } /* Imagem — sem margens, sangra até a borda */ body.home .inside-article .post-image, body.home .inside-article .post-thumbnail { margin: 0 !important; overflow: hidden; flex-shrink: 0; } body.home .inside-article .post-image img, body.home .inside-article .post-thumbnail img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; border-radius: 0; transition: transform .4s ease; } body.home .inside-article:hover .post-image img, body.home .inside-article:hover .post-thumbnail img { transform: scale(1.03); } /* Área de conteúdo interna — padding uniforme */ body.home .inside-article .entry-header { padding: 18px 20px 0; } body.home .inside-article .entry-summary { padding: 0 20px; } body.home .inside-article .entry-meta { padding: 0 20px; } body.home .inside-article .entry-footer { padding: 0 20px 18px; margin-top: auto; } /* Remove o pseudo-elemento ::before conflitante do entry-header */ body.home .inside-article .entry-header::before { display: none !important; content: none !important; } /* Faixa accent acima do título — agora no topo do entry-header limpo */ body.home .inside-article .entry-header .cat-links, body.home .inside-article .entry-header .entry-categories { display: block; margin-bottom: 8px; } /* Linha accent acima da categoria usando wrapper */ body.home .inside-article .entry-header { border-top: 3px solid var(--accent); } body.home .cat-links a, body.home .entry-categories a { font-family: var(--ff-body); font-weight: 700; font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: var(--accent) !important; background: var(--accent-dim); padding: .25rem .55rem; border-radius: var(--radius-s); display: inline-block; white-space: nowrap; } body.home article .entry-title { font-family: var(--ff-display) !important; font-weight: 900; font-size: clamp(1.15rem, 2vw, 1.35rem); line-height: 1.2; color: var(--ink) !important; margin: .55rem 0 .6rem; letter-spacing: -.3px; } body.home article .entry-title a { color: var(--ink) !important; transition: color .15s ease; } body.home article .entry-title a:hover { color: var(--accent) !important; } body.home .entry-meta { display: flex !important; gap: 8px; color: var(--ink-soft); font-size: .8rem; margin: 6px 0 8px; align-items: center; flex-wrap: wrap; } /* Garante que cat-links dentro do entry-meta fique inline correto */ body.home .entry-meta .cat-links { display: inline-flex !important; align-items: center; } body.home .entry-tags, body.home .tags-links { display: none !important; } body.home .entry-summary { font-size: .92rem; line-height: 1.65; color: var(--ink-soft); margin-bottom: 14px; } body.home .entry-summary p { margin: 0; } body.home .read-more { display: flex; padding: 0 22px 20px; } body.home .read-more a { font-family: var(--ff-body); font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--accent) !important; border: 1.5px solid var(--accent); padding: .5rem .9rem; border-radius: var(--radius-s); display: inline-flex; align-items: center; gap: .4rem; transition: background .18s ease, color .18s ease; background: transparent; } body.home .read-more a:hover { background: var(--accent); color: var(--white) !important; } body.home .read-more a::after { content: "→"; font-size: .9em; } /* GRID ASSIMÉTRICO */ @media (min-width: 1100px) { body.home .site-main { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--col-gap); } body.home .site-main > article:first-of-type { grid-column: 1 / 9; grid-row: 1 / 3; } body.home .site-main > article:first-of-type .inside-article { flex-direction: column; height: 100%; } body.home .site-main > article:first-of-type .post-image img, body.home .site-main > article:first-of-type .post-thumbnail img { aspect-ratio: 16/10; } body.home .site-main > article:first-of-type .entry-title { font-size: clamp(1.6rem, 2.8vw, 2.1rem) !important; line-height: 1.12 !important; } body.home .site-main > article:first-of-type .entry-summary { font-size: 1rem; display: block; } body.home .site-main > article:nth-of-type(2) { grid-column: 9 / 13; } body.home .site-main > article:nth-of-type(3) { grid-column: 9 / 13; } body.home .site-main > article:nth-of-type(n+4) { grid-column: span 4; } body.home .site-main > article:nth-of-type(2) .entry-summary, body.home .site-main > article:nth-of-type(3) .entry-summary { display: none; } } @media (min-width: 768px) and (max-width: 1099px) { body.home .site-main { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--col-gap); } body.home .site-main > article:first-of-type { grid-column: 1 / -1; } } @media (max-width: 767px) { body.home .site-main { display: block; } body.home .inside-article { margin-bottom: 20px; } } /* ========================= SINGLE — ARTIGO ========================= */ body.single .site-main { margin: 0 auto; padding: 44px 24px; } body.single .inside-article { background: var(--white) !important; border: 1px solid var(--rule); border-radius: var(--radius-l); box-shadow: var(--shadow-s); padding: 52px 64px !important; overflow: visible; } /* Cabeçalho do artigo */ body.single .entry-header { border-bottom: 1px solid var(--rule); padding-bottom: 28px; margin-bottom: 36px; } /* Categoria no single */ body.single .inside-article .entry-meta .cat-links a, body.single .cat-links a { font-family: var(--ff-body); font-weight: 700; font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: var(--accent) !important; background: var(--accent-dim); padding: .28rem .6rem; border-radius: var(--radius-s); display: inline-block; white-space: nowrap; } /* Título */ body.single .entry-title { font-family: var(--ff-display) !important; font-weight: 900 !important; font-size: clamp(2rem, 4.5vw, 3.1rem) !important; line-height: 1.1 !important; color: var(--ink) !important; margin: .8rem 0 1rem !important; letter-spacing: -.5px; } /* Meta do single */ body.single .entry-meta { display: flex !important; gap: 16px; color: var(--ink-soft); font-size: .85rem; margin: 0; flex-wrap: wrap; align-items: center; } /* Imagem destacada */ body.single .post-image, body.single .post-thumbnail { margin: 0 0 36px !important; border-radius: var(--radius-l); overflow: hidden; } body.single .post-image img, body.single .post-thumbnail img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius-l); } /* CONTEÚDO */ body.single .entry-content { font-family: var(--ff-body); } body.single .entry-content p { font-size: 1.08rem; line-height: 1.9; color: var(--ink-mid); margin: 0 0 1.4rem; } body.single .entry-content > p:first-of-type { font-size: 1.18rem; color: var(--ink); font-weight: 400; line-height: 1.85; } body.single .entry-content a { color: var(--accent); border-bottom: 1.5px solid var(--accent-dim); transition: border-color .15s ease, color .15s ease; } body.single .entry-content a:hover { color: var(--ink); border-bottom-color: var(--ink); } /* Headings com barra lateral accent */ body.single .entry-content h2, body.single .entry-content h3 { font-family: var(--ff-display) !important; font-weight: 900; color: var(--ink); margin: 2.2rem 0 .8rem; line-height: 1.15; position: relative; padding-left: 18px; } body.single .entry-content h2 { font-size: clamp(1.35rem, 2.8vw, 1.7rem); } body.single .entry-content h3 { font-size: clamp(1.15rem, 2.2vw, 1.35rem); } body.single .entry-content h2::before, body.single .entry-content h3::before { content: ""; position: absolute; left: 0; top: .1em; bottom: .1em; width: 4px; background: var(--accent); border-radius: 2px; } body.single .entry-content h2::after, body.single .entry-content h3::after { display: none; } /* Blockquote */ body.single .entry-content blockquote { background: transparent; border: none; border-left: 4px solid var(--accent); padding: 6px 24px; margin: 1.8rem 0; color: var(--ink-mid); font-family: var(--ff-display); font-style: italic; font-size: 1.2rem; line-height: 1.65; } /* Código */ body.single .entry-content pre, body.single .entry-content code { background: var(--ink); color: #f0f0f0; border-radius: var(--radius-m); font-size: .88rem; } body.single .entry-content pre { padding: 20px; overflow: auto; line-height: 1.6; margin: 1.5rem 0; } body.single .entry-content code { padding: .15em .4em; } /* Listas */ body.single .entry-content ul, body.single .entry-content ol { padding-left: 1.3rem; margin: 0 0 1.4rem; } body.single .entry-content li { margin-bottom: .45rem; color: var(--ink-mid); line-height: 1.75; } /* Tabelas */ body.single .entry-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .95rem; } body.single .entry-content th, body.single .entry-content td { padding: .75rem 1rem; border-bottom: 1px solid var(--rule); text-align: left; } body.single .entry-content thead th { font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-soft); border-bottom: 2px solid var(--ink); } /* Imagens no conteúdo */ body.single .entry-content img, body.single .entry-content .wp-block-image img { border-radius: var(--radius-m); width: 100%; } /* ========================= TAGS / KEYWORDS — premium ========================= */ body.single .tags-links { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; padding: 20px 0; border-top: 1px solid var(--rule); align-items: center; } /* Rótulo "Tags:" */ body.single .tags-links::before { content: "Tags"; font-family: var(--ff-body); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; color: var(--ink-soft); margin-right: 4px; flex-shrink: 0; } body.single .tags-links a { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-soft); background: var(--paper); border: 1.5px solid var(--rule); padding: .3rem .65rem; border-radius: 999px; transition: background .15s, color .15s, border-color .15s; white-space: nowrap; } body.single .tags-links a:hover { background: var(--accent); color: var(--white); border-color: var(--accent); } /* ========================= FOOTER META — rodapé do artigo organizado em coluna ========================= */ body.single footer.entry-meta { display: flex !important; flex-direction: column; gap: 0; margin-top: 36px; border-top: 2px solid var(--rule); padding-top: 0; } /* Bloco da categoria no rodapé */ body.single footer.entry-meta .cat-links { display: flex !important; align-items: center; gap: 8px; padding: 18px 0; border-bottom: 1px solid var(--rule); margin: 0 !important; } body.single footer.entry-meta .cat-links::before { content: "Categoria"; font-family: var(--ff-body); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; color: var(--ink-soft); flex-shrink: 0; } /* Bloco de tags no rodapé */ body.single footer.entry-meta .tags-links { border-top: none !important; border-bottom: 1px solid var(--rule); padding: 18px 0 !important; margin: 0 !important; } /* ========================= NAV PRÓXIMO / ANTERIOR — premium ========================= */ body.single .post-navigation, body.single #nav-below, body.single .navigation.post-navigation { margin: 0; padding: 24px 0 0; border-top: none; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } /* Quando está dentro do footer.entry-meta */ body.single footer.entry-meta #nav-below { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 !important; padding: 20px 0 0 !important; border: none !important; } body.single .post-navigation .nav-previous, body.single .post-navigation .nav-next, body.single #nav-below .nav-previous, body.single #nav-below .nav-next { background: var(--paper); border: 1.5px solid var(--rule); border-radius: var(--radius-m); padding: 16px 20px; transition: border-color .18s, box-shadow .18s, transform .18s; display: flex; flex-direction: column; gap: 4px; } body.single .post-navigation .nav-previous:hover, body.single .post-navigation .nav-next:hover, body.single #nav-below .nav-previous:hover, body.single #nav-below .nav-next:hover { border-color: var(--accent); box-shadow: 0 4px 16px rgba(0,0,0,.07); transform: translateY(-2px); } /* Rótulo "Anterior" */ body.single .post-navigation .nav-previous::before, body.single #nav-below .nav-previous::before { content: "← Anterior"; font-family: var(--ff-body); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); display: block; } /* Rótulo "Próximo" */ body.single .post-navigation .nav-next::before, body.single #nav-below .nav-next::before { content: "Próximo →"; font-family: var(--ff-body); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); display: block; text-align: right; } body.single .post-navigation .nav-next, body.single #nav-below .nav-next { text-align: right; } body.single .post-navigation a, body.single #nav-below a { font-family: var(--ff-display); font-weight: 700; font-size: .95rem; color: var(--ink) !important; line-height: 1.3; border-bottom: none !important; transition: color .15s; } body.single .post-navigation a:hover, body.single #nav-below a:hover { color: var(--accent) !important; } @media (max-width: 640px) { body.single .post-navigation, body.single #nav-below, body.single footer.entry-meta #nav-below { grid-template-columns: 1fr !important; } } /* Botões */ body.single .wp-block-button__link, body.single .button, body.single .gb-button { font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .07em; border: 2px solid var(--ink); color: var(--ink); background: transparent; padding: .7rem 1.2rem; border-radius: var(--radius-s); display: inline-flex; align-items: center; gap: .5rem; transition: background .18s ease, color .18s ease; } body.single .wp-block-button__link:hover, body.single .button:hover, body.single .gb-button:hover { background: var(--ink); color: var(--white); } /* ========================= PAGE ========================= */ body.page .site-main { max-width: var(--w-page); margin: 0 auto; padding: 44px 24px; } body.page .inside-article { background: var(--white) !important; border: 1px solid var(--rule); border-radius: var(--radius-l); box-shadow: var(--shadow-s); padding: 52px 64px !important; } body.page .entry-title { font-family: var(--ff-display) !important; font-weight: 900 !important; font-size: clamp(1.8rem, 4vw, 2.6rem) !important; color: var(--ink) !important; line-height: 1.1 !important; margin: 0 0 1.4rem !important; padding-bottom: 1rem; border-bottom: 2px solid var(--rule); position: relative; } body.page .entry-title::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background: var(--accent); border-radius: 2px; } body.page .entry-content p { font-size: 1.05rem; line-height: 1.85; color: var(--ink-mid); margin: 0 0 1.3rem; } body.page .entry-content a { color: var(--accent); border-bottom: 1.5px solid var(--accent-dim); transition: border-color .15s, color .15s; } body.page .entry-content a:hover { color: var(--ink); border-bottom-color: var(--ink); } body.page .entry-content h2, body.page .entry-content h3 { font-family: var(--ff-display) !important; font-weight: 900; color: var(--ink); margin: 2rem 0 .7rem; position: relative; padding-left: 16px; } body.page .entry-content h2::before, body.page .entry-content h3::before { content: ""; position: absolute; left: 0; top: .1em; bottom: .1em; width: 4px; background: var(--accent); border-radius: 2px; } body.page .entry-content h2::after, body.page .entry-content h3::after { display: none; } body.page .entry-content blockquote { border-left: 4px solid var(--accent); background: transparent; padding: 6px 22px; margin: 1.6rem 0; font-family: var(--ff-display); font-style: italic; font-size: 1.15rem; color: var(--ink-mid); } body.page .entry-content img, body.page .entry-content .wp-block-image img { width: 100%; border-radius: var(--radius-m); } body.page .wp-block-button__link, body.page .button, body.page .gb-button { font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .07em; border: 2px solid var(--ink); color: var(--ink); background: transparent; padding: .7rem 1.2rem; border-radius: var(--radius-s); display: inline-flex; align-items: center; gap: .5rem; transition: background .18s, color .18s; } body.page .wp-block-button__link:hover, body.page .button:hover, body.page .gb-button:hover { background: var(--ink); color: var(--white); } /* Responsivo single/page */ @media (max-width: 768px) { body.single .inside-article, body.page .inside-article { padding: 28px 22px !important; border-radius: var(--radius-m); } } /* ========================= ARCHIVES / CATEGORY / AUTHOR / TAG / SEARCH ========================= */ body.archive .site-main, body.search .site-main { max-width: var(--w-grid); margin: 0 auto; padding: 36px 24px; } /* Header do arquivo */ body.archive .page-header, body.search .page-header { grid-column: 1 / -1; background: var(--ink) !important; color: var(--white); border-radius: var(--radius-l); padding: 30px 36px; margin-bottom: 0; } body.archive .page-header .page-title, body.search .page-header .page-title { font-family: var(--ff-display) !important; font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 900; color: var(--white) !important; margin: 0 0 4px; display: flex; align-items: center; gap: 12px; } body.archive .page-header .page-title::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); flex-shrink: 0; } body.archive .page-header .taxonomy-description, body.archive .page-header .author-bio { color: rgba(255,255,255,.7); font-size: .95rem; margin: 0; line-height: 1.5; } /* Author avatar */ body.author .page-header { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; } body.author .page-header .avatar, body.author .page-header img.avatar { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; border: 3px solid rgba(255,255,255,.2); } body.author .page-header .page-title { margin: 0; } body.author .page-header .author-bio { flex: 1 1 100%; margin-top: 4px; } /* Cards no archive */ body.archive .inside-article, body.search .inside-article { background: var(--white) !important; border: 1px solid var(--rule); border-radius: var(--radius-l); overflow: hidden; padding: 0 !important; transition: box-shadow .22s ease, transform .22s ease; display: flex; flex-direction: column; } body.archive .inside-article:hover, body.search .inside-article:hover { box-shadow: var(--shadow-m); transform: translateY(-3px); } body.archive .inside-article .post-image, body.archive .inside-article .post-thumbnail, body.search .inside-article .post-image, body.search .inside-article .post-thumbnail { margin: 0 !important; overflow: hidden; flex-shrink: 0; } body.archive .inside-article .post-image img, body.archive .inside-article .post-thumbnail img, body.search .inside-article .post-image img, body.search .inside-article .post-thumbnail img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 0; display: block; transition: transform .4s ease; } body.archive .inside-article:hover .post-image img, body.archive .inside-article:hover .post-thumbnail img, body.search .inside-article:hover .post-image img, body.search .inside-article:hover .post-thumbnail img { transform: scale(1.03); } /* Conteúdo dos cards — padding limpo e uniforme */ body.archive .inside-article .entry-header, body.search .inside-article .entry-header { padding: 16px 18px 0; border-top: 3px solid var(--accent); } body.archive .inside-article .entry-summary, body.search .inside-article .entry-summary { padding: 0 18px; } body.archive .inside-article .entry-footer, body.search .inside-article .entry-footer { padding: 0 18px; } body.archive .inside-article .entry-meta, body.search .inside-article .entry-meta { padding: 0 18px; } /* Remove o ::before conflitante */ body.archive .inside-article .entry-header::before, body.search .inside-article .entry-header::before { display: none !important; content: none !important; } /* Categoria dentro do card — bloco próprio */ body.archive .inside-article .entry-header .cat-links, body.archive .inside-article .entry-header .entry-categories, body.search .inside-article .entry-header .cat-links, body.search .inside-article .entry-header .entry-categories { display: block; margin-bottom: 6px; } body.archive article .entry-title, body.search article .entry-title { font-family: var(--ff-display) !important; font-weight: 900; font-size: clamp(1rem, 1.8vw, 1.2rem); line-height: 1.2; color: var(--ink) !important; margin: .4rem 0 .5rem; } body.archive article .entry-title a, body.search article .entry-title a { color: var(--ink) !important; } body.archive article .entry-title a:hover, body.search article .entry-title a:hover { color: var(--accent) !important; } body.archive .entry-meta, body.search .entry-meta { display: flex !important; gap: 8px; color: var(--ink-soft); font-size: .78rem; margin: 6px 0 8px; flex-wrap: wrap; align-items: center; } body.archive .entry-meta .cat-links, body.search .entry-meta .cat-links { display: inline-flex !important; align-items: center; } body.archive .entry-summary, body.search .entry-summary { font-size: .9rem; line-height: 1.6; color: var(--ink-soft); margin-bottom: 12px; } body.archive .entry-summary p, body.search .entry-summary p { margin: 0; } /* Categorias nos cards */ body.archive .cat-links a, body.search .cat-links a, body.archive .entry-categories a, body.search .entry-categories a, body.author .cat-links a, body.tag .cat-links a, body.category .cat-links a { font-family: var(--ff-body); font-weight: 700; font-size: .68rem; text-transform: uppercase; letter-spacing: .09em; color: var(--accent) !important; background: var(--accent-dim); padding: .22rem .5rem; border-radius: var(--radius-s); display: inline-block; white-space: nowrap; } /* Leia mais */ body.archive .read-more, body.search .read-more { padding: 4px 18px 18px; display: flex; margin-top: auto; } body.archive .read-more a, body.search .read-more a { font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .07em; color: var(--accent) !important; border: 1.5px solid var(--accent); padding: .45rem .8rem; border-radius: var(--radius-s); display: inline-flex; align-items: center; gap: .35rem; transition: background .18s, color .18s; } body.archive .read-more a:hover, body.search .read-more a:hover { background: var(--accent); color: var(--white) !important; } body.archive .read-more a::after, body.search .read-more a::after { content: "→"; } /* Tags ocultas nos archives */ body.archive .entry-meta .tags-links, body.author .entry-meta .tags-links, body.tag .entry-meta .tags-links, body.category .entry-meta .tags-links, body.search .entry-meta .tags-links, body.search .entry-tags, body.search .tags-links { display: none !important; } /* GRID dos archives */ @media (min-width: 1100px) { body.archive .site-main, body.search .site-main { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--col-gap); align-items: start; } body.archive .page-header, body.search .page-header { grid-column: 1 / -1; } body.archive .site-main > article:first-of-type, body.search .site-main > article:first-of-type { grid-column: 1 / 9; } body.archive .site-main > article:first-of-type .inside-article, body.search .site-main > article:first-of-type .inside-article { flex-direction: column; height: 100%; } body.archive .site-main > article:first-of-type .entry-title, body.search .site-main > article:first-of-type .entry-title { font-size: clamp(1.4rem, 2.5vw, 1.75rem) !important; } body.archive .site-main > article:nth-of-type(2), body.search .site-main > article:nth-of-type(2) { grid-column: 9 / 13; grid-row: 2; } body.archive .site-main > article:nth-of-type(3), body.search .site-main > article:nth-of-type(3) { grid-column: 9 / 13; grid-row: 3; } body.archive .site-main > article:nth-of-type(n+4), body.search .site-main > article:nth-of-type(n+4) { grid-column: span 4; } body.archive .site-main > nav.paging-navigation, body.archive .site-main > .paging-navigation, body.search .site-main > nav.paging-navigation, body.search .site-main > .paging-navigation { grid-column: 1 / -1; } } @media (min-width: 768px) and (max-width: 1099px) { body.archive .site-main, body.search .site-main { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--col-gap); } body.archive .page-header, body.search .page-header, body.archive .site-main > article:first-of-type, body.search .site-main > article:first-of-type { grid-column: 1 / -1; } body.archive .site-main > nav, body.search .site-main > nav { grid-column: 1 / -1; } } @media (max-width: 767px) { body.archive .site-main, body.search .site-main { display: block; } body.archive .inside-article, body.search .inside-article { margin-bottom: 18px; } } /* ========================= PAGINAÇÃO ========================= */ .paging-navigation { position: relative; margin: 40px 0 10px; padding: 10px 0; display: flex; justify-content: center; align-items: center; width: 100%; } .paging-navigation .nav-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; } .paging-navigation .page-numbers { min-width: 40px; height: 40px; padding: 0 12px; border-radius: var(--radius-s); border: 1.5px solid var(--rule); background: var(--white); color: var(--ink-mid); font-family: var(--ff-body); font-weight: 700; font-size: .85rem; display: inline-flex; align-items: center; justify-content: center; line-height: 1; transition: all .18s ease; } .paging-navigation a.page-numbers:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-1px); } .paging-navigation .page-numbers.current { background: var(--accent); color: var(--white); border-color: var(--accent); cursor: default; } .paging-navigation .page-numbers.dots { background: transparent; border: none; color: var(--ink-soft); min-width: auto; padding: 0 4px; } .paging-navigation .next.page-numbers { display: none; } body.home .site-main > nav.paging-navigation, body.home .site-main > .paging-navigation, body.archive .site-main > nav.paging-navigation, body.archive .site-main > .paging-navigation { grid-column: 1 / -1; background: transparent; border: 0; box-shadow: none; padding: 0; margin-top: 10px; } @media (max-width: 680px) { .paging-navigation { padding: 8px 0; flex-direction: column; } .paging-navigation .page-numbers { min-width: 36px; height: 36px; padding: 0 10px; } } /* ========================= COMENTÁRIOS ========================= */ body.single #comments { margin-top: 48px; padding-top: 32px; border-top: 2px solid var(--rule); } body.single #comments .comments-title { font-family: var(--ff-display); font-size: 1.4rem; font-weight: 900; color: var(--ink); margin-bottom: 24px; } body.single .comment-list { list-style: none; padding: 0; } body.single .comment-list > li { border: 1px solid var(--rule); border-radius: var(--radius-m); padding: 18px; margin: 14px 0; background: var(--white); } body.single .comment-meta a { color: var(--ink-soft); font-size: .85rem; } body.single .comment-content p { line-height: 1.75; color: var(--ink-mid); } body.single .comment-respond { margin-top: 28px; } body.single .comment-respond input[type="text"], body.single .comment-respond input[type="email"], body.single .comment-respond textarea { width: 100%; border: 1.5px solid var(--rule); border-radius: var(--radius-m); padding: 12px 14px; font-family: var(--ff-body); font-size: .95rem; outline: none; transition: border-color .15s; background: var(--white); } body.single .comment-respond input[type="text"]:focus, body.single .comment-respond input[type="email"]:focus, body.single .comment-respond textarea:focus { border-color: var(--ink); } body.single .comment-respond input[type="submit"] { font-family: var(--ff-body); font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .07em; border: 2px solid var(--accent); background: var(--accent); color: var(--white); padding: .7rem 1.4rem; border-radius: var(--radius-s); cursor: pointer; transition: background .18s, color .18s, border-color .18s; } body.single .comment-respond input[type="submit"]:hover { background: transparent; color: var(--accent); } /* ========================= AUTHOR BOX ========================= */ .moodlr-author .author-info { display: flex; align-items: center; gap: 20px; /* ← substitui o margin-right do img */ background: var(--paper); border: 1.5px solid var(--rule); border-left: 5px solid var(--accent); border-radius: var(--radius-m); padding: 22px; margin: 36px 0; } .moodlr-author .author-avatar { flex-shrink: 0; /* ← garante que o wrapper não encolhe */ } .moodlr-author .author-avatar img { border-radius: 50%; width: 72px; height: 72px; object-fit: cover; display: block; } .moodlr-author .author-text { flex: 1; } @media (max-width: 600px) { .moodlr-author .author-info { flex-direction: column; /* ← foto em cima, texto embaixo */ align-items: flex-start; gap: 14px; } } /* ========================= YARPP / RELACIONADOS ========================= */ .yarpp-related a { color: var(--accent); } .custom-hr-container-yarpp { text-align: center; margin: 20px 0; } /* ========================= FOOTER ========================= */ .site-footer .site-info { background: var(--ink) !important; color: rgba(255,255,255,.7) !important; padding: 3rem 1.5rem 2rem; text-align: center; margin-top: 20px; } .site-footer .footer-bar .widget_media_image img { max-width: 200px; height: auto; margin: 0 auto; display: block; filter: brightness(1.3); } .site-footer .menu-footer-container ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 1rem 0 0; justify-content: center; gap: 6px; } .site-footer .menu-footer-container a { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: rgba(255,255,255,.7); transition: color .2s; } .site-footer .menu-footer-container a:hover { color: var(--white); } .site-footer::after { content: "© Developed by Moodlr, Inc"; display: block; margin: .5rem 0; border-top: 1px solid rgba(255,255,255,.1); font-size: .8rem; color: rgba(255,255,255,.35); text-align: center; padding-top: .8rem; } .copyright-bar { display: none; } @media (max-width: 768px) { .site-footer .menu-footer-container ul { flex-direction: column; align-items: center; } .site-footer .menu-footer-container ul li { width: 100%; text-align: center; } .site-footer .menu-footer-container ul li a { display: block; padding: .2rem 0; } #menu-footer { margin-left: -15px; } } /* ========================= NEWSLETTER (mnl-*) ========================= */ .mnl-wrap { background: transparent; border: none; box-shadow: none; padding: 24px; max-width: 60vh; margin: 0 auto; } .mnl-head { text-align: center; margin-bottom: 14px; } .mnl-title { font-family: var(--ff-display); font-size: clamp(16px,1.8vw,22px); margin: 0 0 6px; color: var(--accent); } .mnl-desc { font-size: clamp(14px,1.6vw,16px); color: rgba(255,255,255,.8); line-height: 1.4; margin: 0; } .mnl-form { display: grid; gap: 12px; } .mnl-field { width: 100%; } .mnl-input, .mnl-btn { width: 100%; box-sizing: border-box; } .mnl-input { padding: 12px 14px; border: 1.5px solid var(--rule); border-radius: var(--radius-m); font-size: 15px; outline: none; transition: border-color .15s; background: var(--white); } .mnl-input:focus { border-color: var(--accent); } .mnl-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .8rem 1rem; border-radius: var(--radius-m); font-weight: 800; font-family: var(--ff-body); border: 2px solid var(--accent); background: var(--accent); color: var(--white); cursor: pointer; transition: all .18s ease; } .mnl-btn:hover { background: transparent; color: var(--accent); } .mnl-notice { border-radius: var(--radius-m); padding: 12px 14px; margin: 8px 0 0; font-weight: 600; } .mnl-success { background: #f0fff4; color: #0a8a4a; border: 1px solid #ccf5dd; } .mnl-error { background: #fff5f5; color: #d33; border: 1px solid #f3d0d0; } /* ========================= SEARCH BLOCK ========================= */ .wp-block-search { display: flex; justify-content: center; margin: 1.5rem 0; } .wp-block-search__inside-wrapper { display: flex; align-items: center; width: 100%; max-width: 500px; border: 2px solid var(--ink); border-radius: var(--radius-s); overflow: hidden; background: var(--white); } .wp-block-search__input { flex: 1; padding: 12px 14px; font-size: 15px; border: none; outline: none; color: var(--ink); background: var(--white); font-family: var(--ff-body); } .wp-block-search__input::placeholder { color: var(--ink-soft); } .wp-block-search__button { display: flex; align-items: center; justify-content: center; padding: 0 16px; background: var(--ink); border: none; cursor: pointer; transition: background .2s; height: 100%; min-height: 46px; } .wp-block-search__button svg { fill: var(--white); width: 20px; height: 20px; } .wp-block-search__button:hover { background: var(--accent); } /* Mobile */ @media (max-width: 768px) { .header-widget { display: none; } #masthead:has(#site-navigation.toggled) .header-widget { display: block; margin-top: 1rem; } .entry-title { font-size: 28px !important; font-weight: 900 !important; } body.single .entry-meta, .entry-meta { display: none !important; } body.home .site-main > article:nth-of-type(n+2) img { border-radius: var(--radius-m); } } /* ========================= SHORTCODE: [see-more] ========================= */ .see-more-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 28px 0; } .see-more-item { background: var(--white); border: 1px solid var(--rule); border-radius: var(--radius-l); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; } .see-more-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-m); } .see-more-link { display: flex; flex-direction: column; text-decoration: none; color: inherit; height: 100%; } .see-more-thumb { width: 100%; aspect-ratio: 16/9; overflow: hidden; } .see-more-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; box-shadow: none; transition: transform .35s ease; } .see-more-item:hover .see-more-thumb img { transform: scale(1.04); } .see-more-title { font-family: var(--ff-display); font-size: 1rem; font-weight: 700; padding: 12px 14px; color: var(--ink); flex: 1; transition: color .18s ease; } .see-more-link:hover .see-more-title { color: var(--accent); } /* ========================= FOOTER WIDGET: Ver Mais ========================= */ .footer-widget-1 h3.wp-block-heading { font-family: var(--ff-display); font-size: 1.2rem; font-weight: 900; margin: 0 0 16px; color: var(--white); position: relative; text-align: left; line-height: 1.2; } .footer-widget-1 h3.wp-block-heading::after { content: ""; display: block; width: 40px; height: 3px; background: var(--accent); border-radius: 2px; margin-top: 6px; } @media (max-width: 600px) { .footer-widget-1 h3.wp-block-heading { font-size: 1.1rem; text-align: center; } .footer-widget-1 h3.wp-block-heading::after { margin-left: auto; margin-right: auto; } .see-more-title { font-size: .95rem; padding: 10px 12px; } }