/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* FG Noticias - tokens from design/impeccable */
:root {
	--fg-red: #e30613;
	--fg-red-dark: #b90510;
	--fg-ink: #111111;
	--fg-soft: #333333;
	--fg-muted: #666666;
	--fg-line: #dddddd;
	--fg-paper: #ffffff;
	--fg-wash: #f1f1f1;
	--fg-blue: #1f4e79;
	--fg-font-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--fg-font-body: "Newsreader", Georgia, "Times New Roman", serif;
	--fg-font-mono: "IBM Plex Mono", ui-monospace, monospace;
	--fg-max: 76rem;
	--fg-space: 1.5rem;
	/* Public design-system aliases for blocks and editor styles. */
	--font-display: var(--fg-font-ui);
	--font-body: var(--fg-font-body);
	--font-ui: var(--fg-font-ui);
	--font-mono: var(--fg-font-mono);
	--color-bg: var(--fg-paper);
	--color-surface: var(--fg-paper);
	--color-surface-muted: var(--fg-wash);
	--color-ink: var(--fg-ink);
	--color-ink-soft: var(--fg-soft);
	--color-ink-muted: var(--fg-muted);
	--color-hairline: var(--fg-line);
	--color-accent: var(--fg-red);
	--color-accent-hover: var(--fg-red-dark);
	--color-accent-text: #c50712;
	--color-info: var(--fg-blue);
	--radius-sm: 4px;
	--radius-md: 8px;
}

[data-theme="dark"] {
	--fg-paper: #100f0d;
	--fg-wash: #26231f;
	--fg-ink: #f1ece2;
	--fg-soft: #c9c1b1;
	--fg-muted: #938a78;
	--fg-line: #39342c;
	--fg-blue: #7ab3e6;
	--fg-red: #c92a34;
	--fg-red-dark: #d6444e;
	--color-bg: var(--fg-paper);
	--color-surface: var(--fg-paper);
	--color-surface-muted: var(--fg-wash);
	--color-ink: var(--fg-ink);
	--color-ink-soft: var(--fg-soft);
	--color-ink-muted: var(--fg-muted);
	--color-hairline: var(--fg-line);
	--color-accent: var(--fg-red);
	--color-accent-hover: var(--fg-red-dark);
	--color-accent-text: #ff97a0;
	--color-info: var(--fg-blue);
}

html { scroll-behavior: smooth; background: var(--fg-paper); }
body { background: var(--fg-paper); color: var(--fg-ink); font-family: var(--fg-font-body); }
h1, h2, h3, h4, h5, h6, button, input, select, textarea, nav, .ct-header, .ct-footer { font-family: var(--fg-font-ui); }
a { color: var(--fg-blue); text-underline-offset: .2em; }
a:hover { color: var(--fg-red-dark); }
:focus-visible { outline: 3px solid var(--fg-blue); outline-offset: 2px; }

.ct-container, .container, .site-main > *, .ct-footer [data-row="bottom"] { max-width: var(--fg-max); }
.ct-header { border-bottom: 1px solid var(--fg-line); background: var(--fg-paper); }
.ct-header [data-row], .ct-footer [data-row] { border-color: var(--fg-line); }
.ct-header [data-id="menu"] a, .ct-header [data-id="menu-secondary"] a { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ct-header [data-id="menu"] .current-menu-item > a, .ct-header [data-id="menu"] a:hover { color: var(--fg-red); }
.entry-title, .ct-page-title { color: var(--fg-ink); font-family: var(--fg-font-ui); font-weight: 800; letter-spacing: -.04em; line-height: .98; }
.card:not(.card--hero) .card__title a,
.stream-card h3 a,
.ranked-list__link { color: var(--fg-ink); }
.card:not(.card--hero) .card__title a:hover,
.stream-card h3 a:hover,
.ranked-list__link:hover { color: var(--fg-red-dark); }
.card--hero .card__title a { color: #ffffff; }
.card--hero .card__title a:hover { color: #ffffff; }
.entry-content, .ct-post-content { color: var(--fg-soft); font-family: var(--fg-font-body); font-size: 1.125rem; line-height: 1.65; }
.entry-content > p, .ct-post-content > p { max-width: 65ch; }
.entry-meta, .ct-meta-element, .posted-on { color: var(--fg-muted); font-family: var(--fg-font-mono); font-size: .75rem; }
.entry-meta a, .ct-meta-element a { color: var(--fg-red); font-family: var(--fg-font-ui); font-weight: 700; text-transform: uppercase; }
.ct-card, article { border-color: var(--fg-line); }
.ct-card:hover, article:hover { box-shadow: 0 1px 3px rgb(0 0 0 / .1); }
button, .button, .wp-block-button__link, input[type="submit"] { border-radius: 4px; font-family: var(--fg-font-ui); font-weight: 700; letter-spacing: .04em; }
button[type="submit"], .button-primary, .wp-block-button__link { background: var(--fg-red); color: #fff; }
button[type="submit"]:hover, .button-primary:hover, .wp-block-button__link:hover { background: var(--fg-red-dark); }
input, textarea, select { border: 1px solid var(--fg-line); border-radius: 4px; background: #fff; font-family: var(--fg-font-body); }
input:focus, textarea:focus, select:focus { border-color: var(--fg-blue); box-shadow: 0 0 0 3px rgb(31 78 121 / .2); }
.fg-newsroom-strip { background: #050505; color: #fff; font-family: var(--fg-font-ui); font-size: .75rem; letter-spacing: .08em; padding: .55rem 1rem; text-align: center; text-transform: uppercase; }
.fg-newsroom-strip strong { background: var(--fg-red); margin-right: .75rem; padding: .55rem .75rem; }
.fg-source-note { border-left: 3px solid var(--fg-red); color: var(--fg-muted); font-family: var(--fg-font-ui); font-size: .8rem; margin-top: 2rem; padding: .75rem 1rem; }
.fg-demo-page .social-links__link { width: 2rem; min-width: 2rem; padding-inline: 0; }
.fg-category-page { width: 100%; max-width: var(--fg-max); margin-inline: auto; padding: 2rem var(--fg-space) 4rem; }
.fg-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.fg-category-grid .card__media { display: block; }
.fg-category-grid .card__media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.fg-category-grid .card__title a { color: var(--fg-ink); }
@media (max-width: 62rem) { .fg-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 40rem) { .fg-category-grid { grid-template-columns: 1fr; } }

[data-theme="dark"] .site-header,
[data-theme="dark"] .navbar,
[data-theme="dark"] .card,
[data-theme="dark"] .article,
[data-theme="dark"] .widget,
[data-theme="dark"] .pagination__link,
[data-theme="dark"] .field__input,
[data-theme="dark"] .field__textarea,
[data-theme="dark"] .field__select { background-color: var(--fg-paper); color: var(--fg-ink); }
[data-theme="dark"] .ad-slot { background: var(--fg-wash); border-color: var(--fg-line); }
[data-theme="dark"] .site-footer { background: var(--fg-wash); }
[data-theme="dark"] .card__title a,
[data-theme="dark"] .card__dek,
[data-theme="dark"] .ranked-list__link,
[data-theme="dark"] .stream-card h3 a { color: var(--fg-ink); }
[data-theme="dark"] .navbar__link,
[data-theme="dark"] .theme-toggle { color: var(--fg-soft); }
[data-theme="dark"] .theme-toggle { background: var(--fg-wash); border-color: var(--fg-line); }
[html[data-theme="dark"]],
html[data-theme="dark"] body,
html[data-theme="dark"] .fg-demo-page,
html[data-theme="dark"] .fg-demo-page > main,
html[data-theme="dark"] .fg-demo-page > main > div,
html[data-theme="dark"] .fg-demo-page .grid--home,
html[data-theme="dark"] .category-streams { background-color: #100f0d !important; }
html[data-theme="dark"] body { --theme-palette-color-7: #100f0d !important; background-color: #100f0d !important; }
html[data-theme="light"] body { --theme-palette-color-7: #ffffff !important; background-color: #ffffff !important; }

@media (max-width: 767px) {
	.ct-header [data-row="middle"] { min-height: 5rem; }
	.entry-title, .ct-page-title { font-size: clamp(2rem, 10vw, 3rem); }
}