/*
Theme Name: CLIC THEME
Theme URI: https://cadaidea.com/clic-theme
Author: Cada Idea
Author URI: https://cadaidea.com
Description: CLIC THEME es un tema editorial premium para WordPress inspirado en el estilo "featured insights": titulares serif con carácter, tipografía de cuerpo limpia, mucho aire en blanco, grids de tarjetas con eyebrow de categoría y una barra de herramientas de artículo (imprimir, PDF y compartir). Todo es configurable desde el Personalizador (Customizer): colores, menús, botones, popup, tipografía, widgets, barras laterales, iconos de imprimir/PDF, redes del autor y botones de compartir.
Version: 1.1.9
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clic-theme
Tags: editorial, blog, news, magazine, two-columns, right-sidebar, left-sidebar, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* =========================================================================
   CLIC THEME  Sistema de diseño
   Las variables se sobreescriben en vivo desde el Personalizador
   (ver inc/customizer-css.php). Aqu viven los valores por defecto.
   ========================================================================= */

:root {
	/* Color */
	--clic-ink: #0b1b2b;          /* Tinta: azul marino profundo */
	--clic-ink-soft: #1d3045;
	--clic-accent: #1f5bff;       /* Acento: azul elctrico editorial */
	--clic-accent-hover: #1547d6;
	--clic-accent-2: #00b2a9;     /* Acento secundario: teal */
	--clic-paper: #ffffff;        /* Papel: fondo principal */
	--clic-surface: #f7f6f3;      /* Superficie: secciones suaves */
	--clic-surface-2: #eef0f3;
	--clic-muted: #5c6b7a;        /* Texto secundario */
	--clic-border: #e4e7ec;       /* Bordes finos */
	--clic-on-dark: #f5f7fa;      /* Texto sobre fondo oscuro */

	/* Tipografía */
	--clic-font-heading: "PP Mori", system-ui, -apple-system, "Segoe UI", sans-serif;
	--clic-font-body: "PP Mori", system-ui, -apple-system, "Segoe UI", sans-serif;
	--clic-base-size: 18px;
	--clic-scale: 1.25;           /* escala tipogrfica */
	--clic-heading-weight: 600;
	--clic-body-weight: 400;
	--clic-line: 1.7;

	/* Geometra */
	--clic-radius: 2px;
	--clic-radius-lg: 4px;
	--clic-maxw: 1240px;
	--clic-maxw-narrow: 760px;
	--clic-gap: 32px;

	/* Botones */
	--clic-btn-bg: var(--clic-accent);
	--clic-btn-text: #ffffff;
	--clic-btn-radius: 2px;
	--clic-btn-uppercase: uppercase;
	--clic-btn-tracking: 0.06em;

	/* Cabecera / Pie */
	--clic-header-bg: #ffffff;
	--clic-header-text: var(--clic-ink);
	--clic-footer-bg: #0b1b2b;
	--clic-footer-text: #c8d2dd;

	/* Sombra */
	--clic-shadow: 0 1px 2px rgba(11, 27, 43, .06), 0 8px 24px rgba(11, 27, 43, .06);
	--clic-shadow-lg: 0 18px 50px rgba(11, 27, 43, .14);
}

/* ----------------------------------------------------------------- Reset */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--clic-font-body);
	font-size: var(--clic-base-size);
	font-weight: var(--clic-body-weight);
	line-height: var(--clic-line);
	color: var(--clic-ink);
	background: var(--clic-paper);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--clic-accent); text-decoration: none; transition: color .18s ease; }
a:hover { color: var(--clic-accent-hover); }
figure { margin: 0; }
ul, ol { padding-left: 1.2em; }

/* ----------------------------------------------------------- Tipografía */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--clic-font-heading);
	font-weight: var(--clic-heading-weight);
	line-height: 1.12;
	color: var(--clic-ink);
	margin: 0 0 .5em;
	letter-spacing: -0.01em;
}
h1 { font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem); }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem); }
h3 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.6rem); }
h4 { font-size: 1.22rem; }
h5 { font-size: 1.05rem; }
h6 { font-size: .92rem; text-transform: uppercase; letter-spacing: .08em; }
p { margin: 0 0 1.25em; }
blockquote {
	margin: 2em 0;
	padding: .2em 0 .2em 1.5em;
	border-left: 3px solid var(--clic-accent);
	font-family: var(--clic-font-heading);
	font-size: 1.35rem;
	line-height: 1.35;
	color: var(--clic-ink);
}
code, pre { font-family: ui-monospace, "SFMono-Regular", "DM Mono", monospace; }
pre { background: var(--clic-surface); padding: 1.2em; overflow:auto; border-radius: var(--clic-radius); }
:focus-visible { outline: 2px solid var(--clic-accent); outline-offset: 2px; }
::selection { background: var(--clic-accent); color:#fff; }

/* -------------------------------------------------------------- Layout */
.clic-container { width: 100%; max-width: var(--clic-maxw); margin: 0 auto; padding: 0 24px; }
.clic-narrow { max-width: var(--clic-maxw-narrow); }
.clic-section { padding: clamp(40px, 6vw, 88px) 0; }
.clic-section--surface { background: var(--clic-surface); }
.screen-reader-text {
	position:absolute !important; clip: rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; word-wrap:normal !important;
}
.skip-link { position:absolute; left:-9999px; top:0; background:var(--clic-ink); color:#fff; padding:10px 16px; z-index:1000; }
.skip-link:focus { left:8px; top:8px; }

/* --------------------------------------------------------- Eyebrow / kicker */
.clic-eyebrow {
	display:inline-block;
	font-family: var(--clic-font-body);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--clic-accent);
	margin-bottom: .7em;
}
.clic-eyebrow--muted { color: var(--clic-muted); }

/* ----------------------------------------------------------- Buttons */
.clic-btn, .wp-block-button__link, button.clic-btn, input[type=submit].clic-btn,
input[type=submit], button[type=submit], #respond .submit, .search-submit, .comment-form .submit {
	display:inline-flex; align-items:center; gap:.55em;
	font-family: var(--clic-font-body);
	font-weight: 600;
	font-size: .9rem;
	letter-spacing: var(--clic-btn-tracking);
	text-transform: var(--clic-btn-uppercase);
	background: var(--clic-btn-bg);
	color: var(--clic-btn-text);
	border: 1.5px solid var(--clic-btn-bg);
	border-radius: var(--clic-btn-radius);
	padding: .82em 1.6em;
	cursor:pointer;
	transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.clic-btn:hover { background: var(--clic-accent-hover); border-color: var(--clic-accent-hover); color: var(--clic-btn-text); transform: translateY(-1px); }
.clic-btn--ghost { background: transparent; color: var(--clic-ink); border-color: var(--clic-border); }
.clic-btn--ghost:hover { background: var(--clic-ink); color:#fff; border-color: var(--clic-ink); }
.clic-btn--outline { background: transparent; color: var(--clic-accent); border-color: var(--clic-accent); }
.clic-btn--outline:hover { background: var(--clic-accent); color:#fff; }
.clic-btn--block { width:100%; justify-content:center; }
.clic-arrow { transition: transform .2s ease; }
.clic-btn:hover .clic-arrow, .clic-readmore:hover .clic-arrow { transform: translateX(3px); }

.clic-readmore {
	display:inline-flex; align-items:center; gap:.4em;
	font-weight:600; font-size:.92rem; color:var(--clic-accent);
}

/* ============================================================ HEADER */
.clic-topbar {
	background: var(--clic-ink);
	color: var(--clic-on-dark);
	font-size: .8rem;
	letter-spacing: .02em;
}
.clic-topbar .clic-container { display:flex; align-items:center; justify-content:space-between; min-height:40px; gap:18px; }
.clic-topbar a { color: var(--clic-on-dark); opacity:.85; }
.clic-topbar a:hover { opacity:1; color:#fff; }
.clic-topbar__social { display:flex; gap:14px; align-items:center; }
.clic-topbar__social svg { width:16px; height:16px; fill:currentColor; }

.clic-header {
	position: relative;
	background: var(--clic-header-bg);
	color: var(--clic-header-text);
	border-bottom: 1px solid var(--clic-border);
	z-index: 200;
}
.clic-header.is-sticky { position: sticky; top: 0; }
.clic-header__inner { display:flex; align-items:center; justify-content:space-between; min-height:84px; gap:24px; }
.clic-brand { display:flex; align-items:center; gap:12px; font-family:var(--clic-font-heading); font-weight:700; font-size:1.5rem; color:var(--clic-header-text); letter-spacing:-.02em; }
.clic-brand img { max-height:46px; width:auto; }
.clic-brand .clic-brand__mark { width:34px; height:34px; }
.clic-brand__tagline { display:block; font-family:var(--clic-font-body); font-size:.66rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--clic-muted); }

/* Primary nav */
.clic-nav { display:flex; align-items:center; gap:6px; }
.clic-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:4px; }
.clic-nav li { position:relative; }
.clic-nav a {
	display:block; padding:12px 14px; color:var(--clic-header-text);
	font-weight:600; font-size:.92rem; letter-spacing:.01em;
}
.clic-nav a:hover, .clic-nav .current-menu-item > a { color:var(--clic-accent); }
.clic-nav > ul > li > a::after {
	content:""; display:block; height:2px; width:0; background:var(--clic-accent);
	transition: width .22s ease; margin-top:4px;
}
.clic-nav > ul > li:hover > a::after, .clic-nav > ul > li.current-menu-item > a::after { width:100%; }
/* Dropdown */
.clic-nav ul ul {
	position:absolute; top:100%; left:0; min-width:230px;
	background:#fff; border:1px solid var(--clic-border); box-shadow:var(--clic-shadow);
	flex-direction:column; gap:0; padding:8px 0; border-radius:var(--clic-radius);
	opacity:0; visibility:hidden; transform:translateY(8px); transition:all .18s ease; z-index:50;
}
.clic-nav li:hover > ul { opacity:1; visibility:visible; transform:translateY(0); }
.clic-nav ul ul a { padding:10px 18px; }
.clic-header__actions { display:flex; align-items:center; gap:14px; }
.clic-search-toggle, .clic-menu-toggle {
	background:none; border:none; cursor:pointer; color:var(--clic-header-text); padding:6px; display:inline-flex;
}
.clic-search-toggle svg, .clic-menu-toggle svg { width:22px; height:22px; }
.clic-menu-toggle { display:none; }

/* Search drawer */
.clic-search-drawer {
	display:none; border-top:1px solid var(--clic-border); background:var(--clic-paper);
	padding:22px 0;
}
.clic-search-drawer.is-open { display:block; }
.clic-search-drawer .search-form { display:flex; gap:10px; max-width:680px; margin:0 auto; }
.search-field {
	flex:1; padding:14px 18px; border:1.5px solid var(--clic-border); font-size:1rem;
	font-family:var(--clic-font-body); border-radius:var(--clic-radius); background:#fff; color:var(--clic-ink);
}
.search-field:focus { border-color:var(--clic-accent); outline:none; }

/* Mobile menu */
.clic-mobile-menu { display:none; }

/* =========================================================== HERO / FRONT */
.clic-hero { padding: clamp(40px, 6vw, 80px) 0 clamp(30px, 4vw, 56px); }
.clic-hero__grid { display:grid; grid-template-columns: 1.55fr 1fr; gap: clamp(28px, 4vw, 56px); align-items:stretch; }
.clic-feature {
	position:relative; display:flex; flex-direction:column; justify-content:flex-end;
	min-height: 520px; padding: 40px; color:#fff; overflow:hidden; border-radius:var(--clic-radius-lg);
	background: var(--clic-ink);
}
.clic-feature__media { position:absolute; top:0;left:0;right:0;bottom:0; z-index:0; }
.clic-feature__media img { width:100%; height:100%; object-fit:cover; opacity:.55; }
.clic-feature::after { content:""; position:absolute; top:0;left:0;right:0;bottom:0; background:linear-gradient(180deg, rgba(11,27,43,.15), rgba(11,27,43,.92)); z-index:1; }
.clic-feature__body { position:relative; z-index:2; max-width:620px; }
.clic-feature__body .clic-eyebrow { color:#7fd0ff; }
.clic-feature h2 { color:#fff; font-size: clamp(1.8rem, 1.2rem + 2vw, 2.8rem); margin-bottom:.4em; }
.clic-feature h2 a { color:#fff; }
.clic-feature p { color:rgba(255,255,255,.86); margin-bottom:1em; }

.clic-hero__side { display:flex; flex-direction:column; gap:22px; }
.clic-mini {
	display:grid; grid-template-columns: 92px 1fr; gap:16px; align-items:start;
	padding-bottom:22px; border-bottom:1px solid var(--clic-border);
}
.clic-mini:last-child { border-bottom:none; padding-bottom:0; }
.clic-mini__thumb { width:92px; height:74px; object-fit:cover; border-radius:var(--clic-radius); background:var(--clic-surface-2); }
.clic-mini h3 { font-size:1.05rem; line-height:1.25; margin:.2em 0 0; }

/* =========================================================== CARD GRID */
.clic-section__head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom: clamp(24px, 3vw, 40px); }
.clic-section__head h2 { margin:0; }
.clic-section__head .clic-eyebrow { margin-bottom:.3em; }

.clic-grid { display:grid; gap: var(--clic-gap); }
.clic-grid--3 { grid-template-columns: repeat(3, 1fr); }
.clic-grid--2 { grid-template-columns: repeat(2, 1fr); }
.clic-grid--4 { grid-template-columns: repeat(4, 1fr); }

.clic-card { display:flex; flex-direction:column; background:var(--clic-paper); }
.clic-card__media { position:relative; overflow:hidden; aspect-ratio: 16/10; background:var(--clic-surface-2); border-radius:var(--clic-radius); }
.clic-card__media img { width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.clic-card:hover .clic-card__media img { transform: scale(1.05); }
.clic-card__body { padding: 16px 14px 18px; display:flex; flex-direction:column; flex:1; }
.clic-card h3 { font-size:1.32rem; line-height:1.2; margin:.15em 0 .45em; }
.clic-card h3 a { color:var(--clic-ink); }
.clic-card h3 a:hover { color:var(--clic-accent); }
.clic-card__excerpt { color:var(--clic-muted); font-size:.98rem; margin-bottom:1em; }
.clic-card__meta { margin-top:auto; font-size:.82rem; color:var(--clic-muted); display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.clic-card__meta .dot { width:3px; height:3px; border-radius:50%; background:var(--clic-muted); }

/* List variant */
.clic-list .clic-card { flex-direction:row; gap:26px; padding-bottom:32px; border-bottom:1px solid var(--clic-border); margin-bottom:32px; }
.clic-list .clic-card__media { width:300px; flex:0 0 300px; }
.clic-list .clic-card__body { padding:0; }

/* ========================================================== SINGLE POST */
.clic-article { padding: 0 0 clamp(40px, 5vw, 72px); }
.clic-article__header { max-width: var(--clic-maxw-narrow); margin:0 auto clamp(28px,4vw,44px); text-align:center; }
.clic-article__title { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.2rem); margin:.2em 0 .4em; }
.clic-article__dek { font-size:1.25rem; color:var(--clic-muted); font-family:var(--clic-font-heading); line-height:1.4; }
.clic-article__meta {
	display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;
	margin-top:1.4em; font-size:.86rem; color:var(--clic-muted);
}
.clic-article__hero { margin: 0 0 clamp(28px,4vw,44px); }
.clic-article__hero img { width:100%; max-height:560px; object-fit:cover; border-radius:var(--clic-radius-lg); }
.clic-article__hero figcaption { font-size:.8rem; color:var(--clic-muted); padding-top:10px; text-align:center; }

.clic-layout { display:grid; grid-template-columns: minmax(0,1fr); gap: clamp(28px,4vw,56px); align-items:start; }
.clic-layout--right { grid-template-columns: minmax(0,1fr) 320px; }
.clic-layout--left { grid-template-columns: 320px minmax(0,1fr); }

.clic-content { font-size: 1.12rem; line-height: 1.75; }
.clic-content.clic-narrow { max-width: var(--clic-maxw-narrow); margin:0 auto; }
.clic-content > h2 { margin-top:1.6em; }
.clic-content > h3 { margin-top:1.4em; }
.clic-content img { border-radius:var(--clic-radius); margin: 1.5em 0; }
.clic-content table { width:100%; border-collapse:collapse; margin:1.8em 0; font-size:.98rem; }
.clic-content th, .clic-content td { padding:12px 14px; border-bottom:1px solid var(--clic-border); text-align:left; }
.clic-content thead th { background:var(--clic-ink); color:#fff; font-weight:600; }
.clic-content a { text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; text-decoration-color:rgba(31,91,255,.4); }

/* Reading progress */
.clic-progress { position:fixed; top:0; left:0; height:3px; width:0; background:var(--clic-accent); z-index:9999; transition:width .1s linear; }

/* Article toolbar (print / pdf / share) */
.clic-toolbar {
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
	padding: 0; margin: 0;
}
.clic-toolbar__label { font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--clic-muted); margin-right:6px; }
.clic-tool {
	display:inline-flex; align-items:center; justify-content:center; gap:7px;
	width:auto; min-width:42px; height:42px; padding:0 12px;
	border:1.5px solid var(--clic-border); border-radius:var(--clic-radius); background:#fff;
	color:var(--clic-ink); cursor:pointer; font-size:.84rem; font-weight:600;
	transition: all .18s ease;
}
.clic-tool svg { width:18px; height:18px; fill:currentColor; }
.clic-tool:hover { border-color:var(--clic-ink); background:var(--clic-ink); color:#fff; transform:translateY(-1px); }
.clic-tool--share-x:hover { background:#000; border-color:#000; }
.clic-tool--share-fb:hover { background:#1877f2; border-color:#1877f2; }
.clic-tool--share-li:hover { background:#0a66c2; border-color:#0a66c2; }
.clic-tool--share-wa:hover { background:#25d366; border-color:#25d366; }
.clic-tool--share-tg:hover { background:#2aabee; border-color:#2aabee; }
.clic-tool--copy.is-copied { background:var(--clic-accent-2); border-color:var(--clic-accent-2); color:#fff; }
.clic-toolbar--sticky { position:sticky; top:96px; }

/* Author box */
.clic-author {
	display:flex; gap:20px; align-items:flex-start; padding:28px; background:var(--clic-surface);
	border-radius:var(--clic-radius-lg); margin: 40px 0;
}
.clic-author__avatar { width:72px; height:72px; border-radius:50%; object-fit:cover; flex:0 0 72px; }
.clic-author__name { font-size:1.25rem; margin:0 0 .25em; }
.clic-author__bio { color:var(--clic-muted); font-size:.96rem; margin:0 0 .8em; }
.clic-author__social { display:flex; gap:12px; }
.clic-author__social a { color:var(--clic-ink); opacity:.7; }
.clic-author__social a:hover { opacity:1; color:var(--clic-accent); }
.clic-author__social svg { width:20px; height:20px; fill:currentColor; }

/* Post navigation + related */
.clic-postnav { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:48px 0; }
.clic-postnav a { display:block; padding:22px; border:1px solid var(--clic-border); border-radius:var(--clic-radius); }
.clic-postnav a:hover { border-color:var(--clic-ink); }
.clic-postnav .dir { font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--clic-muted); }
.clic-postnav .ttl { font-family:var(--clic-font-heading); font-size:1.1rem; color:var(--clic-ink); margin-top:6px; }
.clic-postnav .next { text-align:right; }

/* ============================================================= SIDEBAR */
.clic-sidebar { position:relative; }
.clic-widget { margin-bottom:38px; }
.clic-widget__title, .widget-title, .wp-block-heading {
	font-family:var(--clic-font-body); font-size:.78rem; font-weight:700; letter-spacing:.12em;
	text-transform:uppercase; color:var(--clic-ink); margin:0 0 16px; padding-bottom:10px;
	border-bottom:2px solid var(--clic-ink);
}
.clic-widget ul { list-style:none; padding:0; margin:0; }
.clic-widget li { padding:9px 0; border-bottom:1px solid var(--clic-border); font-size:.95rem; }
.clic-widget li a { color:var(--clic-ink); }
.clic-widget li a:hover { color:var(--clic-accent); }

/* ============================================================== FOOTER */
.clic-footer { background:var(--clic-footer-bg); color:var(--clic-footer-text); padding: clamp(48px,6vw,80px) 0 0; margin-top: clamp(48px,6vw,90px); }
.clic-footer a { color:var(--clic-footer-text); }
.clic-footer a:hover { color:#fff; }
.clic-footer__cols { display:grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap:40px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.12); }
.clic-footer__brand { font-family:var(--clic-font-heading); font-size:1.5rem; color:#fff; font-weight:700; }
.clic-footer .clic-widget__title, .clic-footer .widget-title { color:#fff; border-color:rgba(255,255,255,.3); }
.clic-footer .clic-widget li { border-color:rgba(255,255,255,.1); }
.clic-footer__social { display:flex; gap:16px; margin-top:18px; }
.clic-footer__social a { display:inline-flex; }
.clic-footer__social svg { width:22px; height:22px; fill:currentColor; }
.clic-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 0; font-size:.84rem; opacity:.8; flex-wrap:wrap; }

/* ============================================================== POPUP */
.clic-popup-overlay {
	position:fixed; inset:0; background:rgba(11,27,43,.6); backdrop-filter:blur(3px);
	display:none; align-items:center; justify-content:center; z-index:9998; padding:20px;
	opacity:0; transition:opacity .25s ease;
}
.clic-popup-overlay.is-open { display:flex; opacity:1; }
.clic-popup {
	background:var(--clic-paper); color:var(--clic-ink); max-width:480px; width:100%;
	border-radius:var(--clic-radius-lg); box-shadow:var(--clic-shadow-lg); padding:42px 38px; position:relative;
	transform:translateY(14px) scale(.98); transition:transform .25s ease;
}
.clic-popup-overlay.is-open .clic-popup { transform:translateY(0) scale(1); }
.clic-popup__close { position:absolute; top:14px; right:16px; background:none; border:none; cursor:pointer; font-size:1.4rem; line-height:1; color:var(--clic-muted); }
.clic-popup__close:hover { color:var(--clic-ink); }
.clic-popup h3 { font-size:1.7rem; margin:.1em 0 .4em; }
.clic-popup p { color:var(--clic-muted); }
.clic-popup .clic-popup__form { display:flex; flex-direction:column; gap:12px; margin-top:18px; }
.clic-popup input[type=email] { padding:14px 16px; border:1.5px solid var(--clic-border); border-radius:var(--clic-radius); font-size:1rem; font-family:var(--clic-font-body); }
.clic-popup--corner { align-items:flex-end; justify-content:flex-end; background:transparent; backdrop-filter:none; pointer-events:none; }
.clic-popup--corner .clic-popup { max-width:380px; pointer-events:auto; }

/* ============================================================= COMMENTS */
.clic-comments { max-width:var(--clic-maxw-narrow); margin: 56px auto 0; }
.comment-list { list-style:none; padding:0; }
.comment-body { padding:20px 0; border-bottom:1px solid var(--clic-border); }
.comment-author { font-weight:600; }
.comment-form input, .comment-form textarea {
	width:100%; padding:13px 15px; border:1.5px solid var(--clic-border); border-radius:var(--clic-radius);
	font-family:var(--clic-font-body); font-size:1rem; margin-bottom:14px;
}

/* ============================================================ PAGINATION */
.clic-pagination { display:flex; justify-content:center; gap:8px; margin: 56px 0 0; flex-wrap:wrap; }
.clic-pagination .page-numbers {
	display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:46px; padding:0 12px;
	border:1px solid var(--clic-border); border-radius:var(--clic-radius); color:var(--clic-ink); font-weight:600;
}
.clic-pagination .page-numbers.current { background:var(--clic-ink); color:#fff; border-color:var(--clic-ink); }
.clic-pagination .page-numbers:hover { border-color:var(--clic-ink); }

/* =========================================================== UTILITIES */
.clic-pageheader { padding: clamp(40px,5vw,72px) 0; border-bottom:1px solid var(--clic-border); text-align:center; }
.clic-pageheader .clic-eyebrow { display:block; }
.clic-divider { height:1px; background:var(--clic-border); border:none; margin:0; }
.alignwide { width: min(100%, 1080px); margin-left:auto; margin-right:auto; }
.alignfull { width:100%; }
.sticky-badge { display:inline-block; background:var(--clic-accent); color:#fff; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:3px 10px; border-radius:var(--clic-radius); }

/* ============================================================ RESPONSIVE */
@media (max-width: 1024px) {
	.clic-hero__grid { grid-template-columns: 1fr; }
	.clic-feature { min-height: 420px; }
	.clic-grid--4 { grid-template-columns: repeat(2,1fr); }
	.clic-layout--right, .clic-layout--left { grid-template-columns: 1fr; }
	.clic-layout--left .clic-sidebar { order:2; }
	.clic-footer__cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
	:root { --clic-base-size: 17px; }
	.clic-nav, .clic-search-toggle { display:none; }
	.clic-menu-toggle { display:inline-flex; }
	.clic-grid--3, .clic-grid--2 { grid-template-columns: 1fr; }
	.clic-list .clic-card { flex-direction:column; gap:14px; }
	.clic-list .clic-card__media { width:100%; flex:none; }
	.clic-postnav { grid-template-columns:1fr; }
	.clic-footer__cols { grid-template-columns: 1fr; gap:30px; }
	.clic-mobile-menu.is-open {
		display:block; position:fixed; inset:0; background:var(--clic-paper); z-index:9997; padding:30px 24px; overflow:auto;
	}
	.clic-mobile-menu ul { list-style:none; padding:0; margin:0; }
	.clic-mobile-menu li a { display:block; padding:14px 0; font-family:var(--clic-font-heading); font-size:1.5rem; border-bottom:1px solid var(--clic-border); color:var(--clic-ink); }
	.clic-mobile-menu__close { position:absolute; top:22px; right:22px; background:none; border:none; font-size:2rem; cursor:pointer; color:var(--clic-ink); }
	.clic-author { flex-direction:column; }
	.clic-toolbar--sticky { position:static; }
}

/* ============================================================== PRINT */
@media print {
	.clic-topbar, .clic-header, .clic-footer, .clic-toolbar, .clic-popup-overlay,
	.clic-progress, .clic-sidebar, .clic-postnav, .clic-comments, .clic-author__social,
	.clic-search-drawer, .clic-mobile-menu { display:none !important; }
	body { font-size:12pt; color:#000; background:#fff; }
	.clic-layout--right, .clic-layout--left { grid-template-columns:1fr; }
	.clic-content a { text-decoration:underline; color:#000; }
	.clic-article__hero img { max-height:320px; }
	@page { margin: 2cm; }
}

/* ===================================================================
   ARTÍCULO EDITORIAL (single) + BARRA DE HERRAMIENTAS v2
   =================================================================== */

.clic-narrow { max-width: var(--clic-maxw-narrow); margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; }

/* Hero a sangre completa */
.clic-hero-article { position:relative; width:100%; background:var(--clic-ink); overflow:hidden; }
.clic-hero-article.no-image { background:linear-gradient(160deg,#13314c,#0b1b2b); }
.clic-hero-article__bg { position:absolute; top:0; left:0; right:0; bottom:0; }
.clic-hero-article__bg img { width:100%; height:100%; object-fit:cover; display:block; }
.clic-hero-article.has-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,16,28,.10) 0%, rgba(8,16,28,.50) 52%, rgba(8,16,28,.86) 100%); top:0; left:0; right:0; bottom:0; }
.clic-hero-article__overlay { position:relative; z-index:2; display:flex; align-items:flex-end; min-height:clamp(320px,46vw,560px); padding:48px 0 44px; }
.clic-hero-article.no-image .clic-hero-article__overlay { min-height:auto; padding:64px 0 38px; }
.clic-hero-article__title { color:#fff; font-size:clamp(2.1rem,1.2rem + 3.4vw,3.6rem); line-height:1.08; margin:0; max-width:20ch; }
.clic-hero-article__meta { color:rgba(255,255,255,.82); font-size:.85rem; margin:18px 0 0; font-family:var(--clic-font-body); }
.clic-hero-article__meta .sep { margin:0 8px; opacity:.55; }

/* Barra byline + herramientas */
.clic-article__bar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; padding-top:26px; padding-bottom:6px; margin-bottom:18px; }
.clic-byline { font-size:.95rem; color:var(--clic-muted); font-family:var(--clic-font-body); }
.clic-byline a { color:var(--clic-ink); font-weight:600; }
.clic-byline .dot { display:inline-block; width:3px; height:3px; border-radius:50%; background:var(--clic-muted); margin:0 4px 0 6px; vertical-align:middle; }

/* Dek / standfirst */
.clic-article__dek { font-size:clamp(1.2rem,1rem + .7vw,1.5rem); color:var(--clic-ink); font-family:var(--clic-font-heading); font-weight:500; line-height:1.4; margin:0 auto 32px; max-width:var(--clic-maxw-narrow); }

/* Capitular */
.clic-dropcap > p:first-of-type::first-letter { float:left; font-family:var(--clic-font-heading); font-weight:600; font-size:3.5em; line-height:.8; padding:6px 12px 0 0; color:var(--clic-ink); }

/* Barra de herramientas (icono sobre etiqueta) */
.clic-toolbar { display:flex; align-items:flex-start; gap:4px; }
.clic-tool-wrap { position:relative; }
.clic-tool { display:flex; flex-direction:column; align-items:center; gap:5px; min-width:62px; padding:6px 8px; background:none; border:0; cursor:pointer; color:var(--clic-ink); font-family:var(--clic-font-body); border-radius:var(--clic-radius); transition:color .15s ease; }
.clic-tool__ico { display:flex; align-items:center; justify-content:center; height:24px; }
.clic-tool svg { width:22px; height:22px; fill:currentColor; }
.clic-tool__label { font-size:.72rem; font-weight:600; }
.clic-tool:hover { color:var(--clic-accent); }
.clic-tool--save[aria-pressed="true"] { color:var(--clic-accent); }

/* Popup de compartir */
.clic-share-menu { position:absolute; top:calc(100% + 12px); left:0; z-index:60; min-width:196px; background:#fff; border:1px solid var(--clic-border); border-radius:var(--clic-radius-lg); box-shadow:0 12px 36px rgba(8,16,28,.16); padding:8px; }
.clic-share-menu[hidden] { display:none; }
.clic-share-menu::before { content:""; position:absolute; top:-7px; left:24px; width:12px; height:12px; background:#fff; border-left:1px solid var(--clic-border); border-top:1px solid var(--clic-border); transform:rotate(45deg); }
.clic-share-menu__item { display:flex; align-items:center; gap:12px; width:100%; padding:9px 12px; background:none; border:0; border-radius:var(--clic-radius); cursor:pointer; color:var(--clic-ink); font-size:.95rem; font-family:var(--clic-font-body); text-align:left; }
.clic-share-menu__item svg { width:20px; height:20px; fill:currentColor; flex:none; }
.clic-share-menu__item:hover { background:var(--clic-surface); color:var(--clic-accent); }
.clic-share-menu__copy.is-copied { color:var(--clic-accent-2); }

@media (max-width:520px){
	.clic-share-menu { left:auto; right:0; }
	.clic-share-menu::before { left:auto; right:24px; }
	.clic-tool { min-width:54px; }
}

/* ===== Limpieza editorial + hub de categorías/etiquetas ===== */
.clic-main { margin:0; }
.clic-article { margin-top:0; }
.clic-hero-article { margin-top:0; }
/* el primer bloque del artículo pega al header del sitio */
.clic-main > .clic-article > .clic-hero-article:first-child { margin-top:0; }

/* Hub: cabecera */
.clic-hub-header { padding: clamp(36px,5vw,68px) 0 clamp(28px,3.5vw,40px); border-bottom:1px solid var(--clic-border); text-align:center; }
.clic-hub-header .clic-eyebrow { display:block; margin-bottom:.5em; }
.clic-hub-header h1 { font-size:clamp(2.2rem,1.4rem + 2.6vw,3.4rem); line-height:1.05; margin:0 auto; max-width:18ch; }
.clic-hub-header__desc { color:var(--clic-muted); font-size:1.08rem; max-width:60ch; margin:18px auto 0; font-family:var(--clic-font-heading); }

/* Hub: feature (reusa .clic-feature) */
.clic-hub-feature { margin-bottom: var(--clic-gap); }
.clic-hub-row { margin-bottom: clamp(40px,5vw,72px); }
.clic-hub-section .clic-section__head { border-top:0; }

/* feature como enlace de tarjeta grande */
.clic-feature .clic-btn { align-self:flex-start; }

/* ===== Página de autor ===== */
.clic-author-hero { background:linear-gradient(110deg,#e9f1ff 0%,#eef0ff 55%,#f3eefb 100%); }
.clic-author-hero__inner { display:flex; align-items:center; gap:clamp(28px,5vw,64px); padding-top:clamp(36px,5vw,60px); padding-bottom:clamp(36px,5vw,60px); }
.clic-author-hero__photo { flex:none; }
.clic-author-hero__img { width:clamp(170px,22vw,300px); height:auto; border-radius:var(--clic-radius-lg); display:block; }
.clic-author-hero__text { flex:1; min-width:0; }
.clic-author-hero__name { font-size:clamp(2.1rem,1.3rem + 2.8vw,3.4rem); line-height:1.05; margin:0 0 .2em; color:var(--clic-ink); }
.clic-author-hero__role { font-size:1.05rem; color:var(--clic-muted); margin:0 0 .85em; }
.clic-author-hero__tagline { font-size:1.1rem; color:var(--clic-ink); font-family:var(--clic-font-heading); line-height:1.45; max-width:62ch; margin:0 0 1.1em; }
.clic-author-hero__social { display:flex; flex-wrap:wrap; gap:20px; }
.clic-author-hero__social a { display:inline-flex; align-items:center; gap:10px; color:var(--clic-ink); font-weight:500; font-size:.95rem; }
.clic-author-hero__ico { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--clic-ink); color:#fff; }
.clic-author-hero__ico svg { fill:#fff; width:16px; height:16px; }
.clic-author-hero__social a:hover .clic-author-hero__ico { background:var(--clic-accent); }

.clic-author-layout { display:grid; grid-template-columns: minmax(0,1fr) 300px; gap:clamp(32px,5vw,72px); padding-top:clamp(38px,5vw,60px); padding-bottom:clamp(20px,3vw,32px); }
.clic-author-about { border-top:1px solid var(--clic-border); padding-top:34px; }
.clic-author-about__title, .clic-author-aside__title, .clic-author-published__title { font-family:var(--clic-font-body); font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--clic-ink); margin:0 0 18px; }
.clic-author-about__bio { font-size:1.06rem; line-height:1.75; color:var(--clic-ink); max-width:68ch; }
.clic-author-about__bio p { margin:0 0 1.1em; }
.clic-author-aside { border-top:1px solid var(--clic-border); padding-top:34px; }
.clic-author-aside__cta { display:flex; align-items:center; gap:10px; width:100%; justify-content:center; margin-bottom:26px; }
.clic-author-aside__cta svg { fill:currentColor; }
.clic-author-aside__topics { border-top:1px solid var(--clic-border); padding-top:24px; }
.clic-author-aside__topics ul { list-style:none; margin:0; padding:0; }
.clic-author-aside__topics li a { display:flex; align-items:center; gap:8px; padding:8px 0; color:var(--clic-accent); font-weight:600; }
.clic-author-aside__topics li a::before { content:"\203A"; color:var(--clic-muted); font-weight:400; }

.clic-author-published { border-top:1px solid var(--clic-border); padding:clamp(38px,5vw,60px) 0 clamp(48px,6vw,80px); }

@media (max-width:860px){
	.clic-author-hero__inner { flex-direction:column; align-items:flex-start; }
	.clic-author-layout { grid-template-columns:1fr; gap:28px; }
	.clic-author-aside { border-top:0; padding-top:0; }
}

/* ===== Fix hover íconos + barra de artículo + login PRO ===== */
/* Sin fondo al pasar el puntero por las herramientas */
.clic-tool:hover, .clic-tool:focus { background:none; border:0; box-shadow:none; }

/* Login / cuenta de Cada Idea PRO en el header */
.clic-header__readers { display:inline-flex; align-items:center; margin-left:4px; }
.clic-readers-menu { display:inline-flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.clic-readers-login { font-size:.85rem; font-weight:600; color:var(--clic-ink); }

/* Nueva barra superior del artículo */
/* La barra de progreso vive en el borde inferior de esta barra */

@media (max-width:680px){
	.clic-artbar__ttl { display:none; }
	.clic-artbar__tools .clic-tool__label { display:none; }
	.clic-artbar__tools .clic-tool { min-width:38px; }
}

/* ===== Header con ☰ líder + ícono de usuario + menú popup (img2) ===== */
.clic-header__inner--lead { justify-content:flex-start; gap:16px; }
.clic-header__inner--lead .clic-brand { flex:none; }
.clic-header__inner--lead .clic-nav { flex:1 1 auto; }
.clic-header__inner--lead .clic-header__actions { margin-left:auto; flex:none; }
.clic-header__inner--lead .clic-menu-toggle,
.clic-menu-toggle--always { display:inline-flex; }
.clic-header__inner--lead .clic-search-toggle { display:inline-flex; }

/* Ícono de usuario (login PRO) acorde a los demás íconos */
.clic-readers-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; color:var(--clic-ink); }
.clic-readers-icon svg { width:22px; height:22px; fill:currentColor; }
.clic-readers-icon:hover { color:var(--clic-accent); }
.clic-header__readers .clic-readers-menu { display:inline-flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }

/* Menú popup oscuro (estilo img2), todas las pantallas */
.clic-mega { position:fixed; top:0; left:0; bottom:0; width:min(384px,88vw); background:#0b1b2b; color:#fff; z-index:9998; transform:translateX(-100%); transition:transform .28s ease; display:flex; flex-direction:column; overflow-y:auto; }
.clic-mega.is-open { transform:none; box-shadow:0 0 60px rgba(0,0,0,.45); }
.clic-mega__head { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
.clic-mega__head .custom-logo, .clic-mega__head img { max-height:40px; width:auto; }
.clic-mega__brand { color:#fff; font-family:var(--clic-font-heading); font-weight:700; font-size:1.3rem; }
.clic-mega__close { background:none; border:0; color:#fff; cursor:pointer; padding:6px; display:inline-flex; }
.clic-mega__close svg { fill:#fff; width:24px; height:24px; }
.clic-mega__nav { flex:1; padding:6px 0; }
.clic-mega__list, .clic-mega__list .sub-menu { list-style:none; margin:0; padding:0; }
.clic-mega__list > li { position:relative; border-bottom:1px solid rgba(255,255,255,.08); }
.clic-mega__list a { display:block; padding:15px 56px 15px 24px; color:#fff; font-family:var(--clic-font-heading); font-size:1.2rem; font-weight:600; }
.clic-mega__list > li.current-menu-item > a, .clic-mega__list > li.current-menu-parent > a { background:rgba(255,255,255,.06); }
.clic-mega__toggle { position:absolute; top:6px; right:10px; width:42px; height:42px; background:none; border:0; color:#fff; font-size:1.5rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .2s ease; }
.clic-mega__list li.is-expanded > .clic-mega__toggle { transform:rotate(90deg); }
.clic-mega__list .sub-menu { max-height:0; overflow:hidden; transition:max-height .3s ease; background:rgba(255,255,255,.04); }
.clic-mega__list li.is-expanded > .sub-menu { max-height:1200px; }
.clic-mega__list .sub-menu a { font-size:1rem; font-weight:500; padding:12px 24px 12px 38px; color:rgba(255,255,255,.85); }
.clic-mega__foot { padding:16px 24px 26px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-direction:column; gap:4px; }
.clic-mega__action { display:flex; align-items:center; gap:10px; background:none; border:0; color:#fff; font-size:.95rem; padding:10px 0; cursor:pointer; text-align:left; }
.clic-mega__action svg { fill:currentColor; width:18px; height:18px; }
.clic-mega__action:hover { color:var(--clic-accent); }

@media print { .clic-mega { display:none !important; } }

/* ===== PP Mori (fuente local por defecto) ===== */
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-Extralight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-ExtralightItalic.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-SemiboldItalic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:"PP Mori";src:url("/fonts/PPMori-BlackItalic.woff2") format("woff2");font-weight:900;font-style:italic;font-display:swap;}

/* Sin líneas horizontales dentro del contenido del artículo */
.clic-content hr { display:none; }

/* Barra del artículo: menú (izq) + buscar/login (der) */

/* Enlaces de categoría/topbar */
.clic-hero-article__cat { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.clic-hero-article__cat:hover { color:#fff; }
.clic-topbar__tag a { color:inherit; text-decoration:underline; }

/* ============ BARRA LATERAL DEL ARTÍCULO + ÍNDICE ============ */
.clic-article-layout { display:grid; gap:clamp(30px,4vw,60px); padding-top:clamp(26px,3vw,38px); align-items:start; }
.clic-article-layout--right { grid-template-columns: minmax(0,1fr) 300px; }
.clic-article-layout--left  { grid-template-columns: 300px minmax(0,1fr); }
.clic-article-layout--left .clic-article-main { order:2; }
.clic-article-main { min-width:0; }
.clic-article-main .clic-content { max-width:none; }
.clic-article-main .clic-article__dek { max-width:none; }
.clic-article-aside { position:sticky; top:78px; }
.clic-aside-block { margin-bottom:28px; }
.clic-aside-label { display:block; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--clic-muted); margin-bottom:6px; }
.clic-aside-label--cat { margin-top:16px; }
.clic-aside-author__name { font-family:var(--clic-font-heading); font-size:1.18rem; font-weight:600; color:var(--clic-ink); }
.clic-aside-author__name:hover, .clic-aside-cat:hover { color:var(--clic-accent); }
.clic-aside-cat { color:var(--clic-accent); font-weight:600; }

/* Índice "En esta historia" (estilo Gemini/img3) */
.clic-toc[hidden] { display:none; }
.clic-toc__title { display:block; font-family:var(--clic-font-heading); font-weight:700; font-size:1.06rem; margin-bottom:14px; color:var(--clic-ink); }
.clic-toc__list { list-style:none; margin:0; padding:0; border-left:2px solid var(--clic-border); }
.clic-toc__item a { display:block; padding:7px 0 7px 16px; margin-left:-2px; border-left:2px solid transparent; color:var(--clic-muted); font-size:.95rem; line-height:1.35; text-decoration:none; }
.clic-toc__item--h3 a { padding-left:30px; font-size:.9rem; }
.clic-toc__item a:hover { color:var(--clic-ink); }
.clic-toc__item a.is-active { color:var(--clic-accent); border-left-color:var(--clic-accent); font-weight:600; }
.clic-toc__more { margin-top:8px; background:none; border:0; color:var(--clic-accent); font-weight:600; cursor:pointer; padding:6px 0 0 16px; font-size:.9rem; }
.clic-toc__more[hidden] { display:none; }

/* ============ TAGS EN CÁPSULAS ============ */
.clic-tags-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px; margin:30px auto; }
.clic-tags-wrap.clic-narrow { max-width:var(--clic-maxw-narrow); }
.clic-tags-label { font-size:.72rem; font-weight:700; letter-spacing:.1em; color:var(--clic-muted); flex:none; }
.clic-tags { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
.clic-tags li { margin:0; }
.clic-tags a { display:inline-block; padding:6px 14px; background:var(--clic-surface); border:1px solid var(--clic-border); border-radius:999px; font-size:.85rem; color:var(--clic-ink); text-decoration:none; transition:all .15s ease; }
.clic-tags a:hover { background:var(--clic-ink); color:#fff; border-color:var(--clic-ink); }

/* ============ BARRA INFERIOR MÓVIL "COMPARTIR" + HOJA ============ */
.clic-sharebar { display:none; }
.clic-sheet { display:none; }
.clic-sheet.is-open { display:flex; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; align-items:flex-end; background:rgba(8,16,28,.5); }
.clic-sheet__panel { width:100%; background:#fff; border-radius:18px 18px 0 0; padding:18px 18px calc(20px + env(safe-area-inset-bottom)); max-height:82vh; overflow:auto; }
.clic-sheet__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; font-weight:700; font-family:var(--clic-font-heading); }
.clic-sheet__close { background:none; border:0; cursor:pointer; color:var(--clic-ink); }
.clic-sheet__close svg { fill:currentColor; }
.clic-sheet__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.clic-sheet__item { display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 6px; background:var(--clic-surface); border:0; border-radius:var(--clic-radius); color:var(--clic-ink); font-size:.72rem; text-align:center; text-decoration:none; cursor:pointer; }
.clic-sheet__item svg { fill:currentColor; }
.clic-sheet__ico { display:flex; }
.clic-sheet__item.is-copied { color:var(--clic-accent-2); }

/* ============ RESPONSIVE: HEADERS Y BARRAS EN MÓVIL ============ */
@media (max-width:900px){
	.clic-header .clic-nav { display:none; }
	.clic-header__cta { display:none; }
}
@media (max-width:880px){
	.clic-article-layout--right, .clic-article-layout--left { grid-template-columns:1fr; }
	.clic-article-layout--left .clic-article-main { order:0; }
	.clic-article-aside { position:static; margin-top:20px; }
	.clic-article-main .clic-content, .clic-article-main .clic-article__dek, .clic-article-main .clic-article__bar { max-width:var(--clic-maxw-narrow); margin-left:auto; margin-right:auto; }
}
@media (max-width:768px){
	.clic-sharebar { display:block; position:fixed; left:0; right:0; bottom:0; z-index:200; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.94); backdrop-filter:blur(8px); border-top:1px solid var(--clic-border); }
	.clic-sharebar__btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:12px; border:0; border-radius:var(--clic-radius); background:var(--clic-ink); color:#fff; font-weight:600; font-size:.95rem; cursor:pointer; }
	.clic-sharebar__btn svg { fill:currentColor; }
	body.single-post { padding-bottom:74px; }
}

/* ============ GUTENBERG: ancho de contenido y alineaciones ============ */
.clic-content--blocks > * { max-width: 720px; margin-left:auto; margin-right:auto; }
.clic-content--blocks { max-width:none; }
.clic-content .alignwide,
.clic-content--blocks > .alignwide { width:min(1120px, 94vw); max-width:none; margin-left:auto; margin-right:auto; }
.clic-content .alignfull,
.clic-content--blocks > .alignfull { width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; }
.clic-content .alignfull img { border-radius:0; }
.clic-content--blocks > .alignleft { margin-right:auto; }
.clic-content--blocks > .alignright { margin-left:auto; }
/* Imágenes y bloques nunca se salen del contenedor */
.clic-content .wp-block-image img, .clic-content figure img { max-width:100%; height:auto; }

/* ============ Alturas configurables de cabeceras ============ */
.clic-header__inner { min-height: var(--clic-header-h); }

/* Logo móvil */
.clic-logo-mobile { display:none; }
@media (max-width:768px){
	.clic-has-mobile-logo .custom-logo, .clic-has-mobile-logo .clic-brand__mark, .clic-has-mobile-logo .clic-brand__name { display:none; }
	.clic-has-mobile-logo .clic-logo-mobile { display:inline-block; max-height:40px; width:auto; }
}

/* Hover unificado de botones de envío (formularios, comentarios, plugins) */
input[type=submit]:hover, button[type=submit]:hover, #respond .submit:hover, .comment-form .submit:hover {
	background: var(--clic-accent-hover); border-color: var(--clic-accent-hover); color: var(--clic-btn-text);
}

/* Membrete de impresión: oculto en pantalla */
.clic-print-chrome, .clic-print-only { display:none; }

/* ============ Unificar estilo/tamaño de cabeceras (igual al header de artículo) ============ */
.clic-menu-toggle, .clic-search-toggle {
	width:42px; height:42px; padding:0; align-items:center; justify-content:center;
	border-radius:var(--clic-radius); flex:none;
}
.clic-menu-toggle svg, .clic-search-toggle svg { fill:currentColor; }
.clic-menu-toggle svg { width:24px; height:24px; }
.clic-search-toggle svg { width:22px; height:22px; }
.clic-menu-toggle:hover, .clic-search-toggle:hover { color:var(--clic-accent); background:none; }
.clic-brand img, .custom-logo { max-height:38px; width:auto; }
.clic-brand .clic-brand__mark { width:30px; height:30px; }
.clic-brand { font-size:1.3rem; gap:10px; }
@media (max-width:768px){
	.clic-brand img, .custom-logo { max-height:40px; }
	.clic-brand { font-size:1.1rem; }
	.clic-menu-toggle svg { width:24px; height:24px; }
}

/* ============ Documento de impresión: en pantalla se comporta como bloques ============ */
.clic-print-doc, .clic-print-doc > tbody, .clic-print-doc > tbody > tr, .clic-print-doc > tbody > tr > td { display:block; width:auto; border:0; }
.clic-print-doc { border-collapse:collapse; }
.clic-print-doc > tbody > tr > td { padding:0; }
.clic-print-thead, .clic-print-tfoot { display:none; }

/* Títulos de la lista lateral del home: sutiles como las demás tarjetas */
.clic-mini h3 a { color: var(--clic-ink); }
.clic-mini h3 a:hover { color: var(--clic-accent); }

/* Sin líneas horizontales en el contenido (hr, separadores o bordes de encabezado) */
.clic-content hr, .clic-content .wp-block-separator { display: none !important; }
.clic-content h1, .clic-content h2, .clic-content h3, .clic-content h4, .clic-content h5, .clic-content h6 { border: 0 !important; }

/* ============ Menús: indicador de submenú, centrado y desbordamiento "Más" ============ */
/* Indicador (chevron) cuando un ítem tiene submenú */
.clic-caret {
	display:inline-block; width:6px; height:6px; margin-left:7px; vertical-align:middle;
	border-right:2px solid currentColor; border-bottom:2px solid currentColor;
	transform:translateY(-2px) rotate(45deg); transition:transform .2s ease;
}
.clic-nav .menu-item-has-children:hover > a .clic-caret,
.clic-nav__more.is-open > a .clic-caret { transform:translateY(1px) rotate(-135deg); }

/* Menú centrado en cabeceras de escritorio */
.clic-header__inner--lead .clic-nav { justify-content:center; min-width:0; }
.clic-nav__menu { flex-shrink:0; flex-wrap:nowrap; }

/* Ítem "Más" (desbordamiento) */
.clic-nav__more { position:relative; }
.clic-nav__more.is-open > .sub-menu,
.clic-nav__more:hover > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.clic-nav__more > .sub-menu { left:auto; right:0; }
.clic-nav__more .sub-menu .sub-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; padding:0 0 0 12px; min-width:0; }


/* logo fix */
.clic-brand__logo{height:40px!important;max-height:40px!important;max-width:160px!important;width:auto!important;display:block!important;}

/* ===== ARTBAR ===== */
.clic-artbar { display:flex; align-items:center; gap:10px; padding:0 20px; height:var(--clic-header-h,52px); border-bottom:1px solid var(--clic-border); background:#fff; position:sticky; top:0; z-index:900; }
.clic-artbar--mobile { display:none; }
.clic-artbar__left { display:flex; align-items:center; gap:8px; flex:1; min-width:0; overflow:hidden; }
.clic-artbar__right { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.clic-artbar__cat { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--clic-accent); white-space:nowrap; }
.clic-artbar__sep { color:var(--clic-muted); margin:0 2px; }
.clic-artbar__title { font-size:.85rem; color:var(--clic-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.clic-artbar__btn { display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border:none; background:none; cursor:pointer; font-size:.82rem; color:var(--clic-ink); border-radius:4px; position:relative; }
.clic-artbar__btn:hover { background:var(--clic-surface); }
.clic-artbar__logo { flex-shrink:0; }
/* sidebar meta */
.clic-aside-meta__row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px solid var(--clic-border); font-size:.82rem; }
.clic-aside-meta__row:last-child { border:none; }
.clic-aside-share { display:flex; align-items:center; gap:8px; }
.clic-aside-share__btn { display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border:1px solid var(--clic-border); background:none; cursor:pointer; font-size:.82rem; border-radius:4px; }
.clic-aside-cat { color:var(--clic-accent); font-weight:600; }
.clic-aside-newsletter__form { display:flex; flex-direction:column; gap:8px; }
.clic-aside-newsletter__form input { padding:8px 10px; border:1px solid var(--clic-border); border-radius:4px; font-size:.85rem; }
.clic-aside-newsletter__form .clic-btn { background:var(--clic-ink); color:#fff; border:none; padding:10px; font-size:.8rem; font-weight:700; letter-spacing:.08em; border-radius:4px; cursor:pointer; }
.clic-toc-more { background:none; border:none; color:var(--clic-accent); font-weight:600; cursor:pointer; font-size:.85rem; padding:4px 0; }
@media(max-width:768px){
  .clic-artbar--desktop { display:none; }
  .clic-artbar--mobile { display:flex; justify-content:space-between; }
}
.clic-tool-wrap,.clic-artbar__right{position:relative}
.clic-share-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid var(--clic-border);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:150px;z-index:1000;padding:6px}
.clic-share-menu__item{display:block;padding:8px 12px;font-size:.85rem;color:var(--clic-ink);background:none;border:none;width:100%;text-align:left;cursor:pointer}
.clic-share-menu__item:hover{background:var(--clic-surface)}
#share-menu-art{right:auto;left:0}
.clic-grid--3 .clic-card{flex-direction:column!important}
.clic-grid--3 .clic-card__media{display:block!important;width:100%;aspect-ratio:16/10;min-height:180px;margin-bottom:14px}
.clic-grid--3 .clic-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.clic-hero__side{display:flex;flex-direction:column;gap:20px}
.clic-mini{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.clic-mini__thumb-link{display:block;width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0}
.clic-mini__thumb{width:100%;height:100%;object-fit:cover}
.clic-hero__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.clic-feature{position:relative;border-radius:12px;overflow:hidden;background:var(--clic-ink);min-height:clamp(360px,42vw,520px);display:flex;align-items:flex-end}
.clic-feature__media{position:absolute;inset:0}
.clic-feature__media img{width:100%;height:100%;object-fit:cover}
.clic-feature.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,28,.15),rgba(8,16,28,.55) 55%,rgba(8,16,28,.9))}
.clic-feature__body{position:relative;z-index:2;padding:clamp(24px,3vw,44px);max-width:90%}
.clic-feature__body h2 a{color:#fff}
.clic-feature__body p{color:rgba(255,255,255,.82)}
@media(max-width:860px){.clic-hero__grid{grid-template-columns:1fr}}