/**
 * Blog de EstudiaIngles — dirección "cuaderno editorial".
 * Identidad de marca real: navy #232263 (protagonista) + lima #F7FF62 (rotulador) + ink #1F1D0D.
 * Display: Barlow (ya cargada por el sitio). Cuerpo: Roboto.
 * Selectores prefijados por contenedor (.eiq-archive / .eiq-single) para ganar especificidad
 * al tema/Elementor sin usar !important. Clases con prefijo .eiq-.
 * Se carga solo en el blog (ver mu-plugin eiq-blog-related.php).
 */

.eiq-archive,
.eiq-single {
	--ink: #1f1d0d;
	--navy: #232263;
	--navy-800: #191741;
	--lime: #f7ff62;
	--paper: #ffffff;
	--cream: #faf9f5;
	--muted: #6c6c73;
	--line: #e7e6df;
	--maxw: 1180px;
	--readw: 700px;

	color: var(--ink);
	box-sizing: border-box;
	overflow-x: clip;
}

.eiq-archive *,
.eiq-single * { box-sizing: border-box; }

/* Rotulador lima: resalta una palabra como con marcador fluorescente */
.eiq-mark {
	background: var(--lime);
	color: var(--ink);
	padding: 0 .12em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* Eyebrow (rótulo pequeño en Barlow) reutilizable */
.eiq-eyebrow {
	font-family: "Barlow", sans-serif;
	font-weight: 700;
	font-size: .78rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--muted);
}

/* ============================================================
 * LISTADO (/blog y archivos de categoría)
 * ============================================================ */
.eiq-archive {
	max-width: var(--maxw);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 4rem) clamp(1.1rem, 4vw, 2.25rem) clamp(3rem, 6vw, 5rem);
}

.eiq-archive__masthead {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: clamp(1rem, 4vw, 3rem);
	align-items: end;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid var(--ink);
}

@media (max-width: 720px) {
	.eiq-archive__masthead { grid-template-columns: 1fr; align-items: start; gap: 1rem; }
}

.eiq-archive__title {
	font-family: "Barlow", sans-serif;
	font-weight: 800;
	font-size: clamp(2.6rem, 7vw, 4.75rem);
	line-height: .95;
	letter-spacing: -.03em;
	margin: .35rem 0 0;
	color: var(--ink);
}

.eiq-archive__lead {
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--muted);
	margin: 0 0 .35rem;
	max-width: 34ch;
}

/* Navegación de categorías (chips) */
.eiq-cats {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 1.5rem 0 clamp(2rem, 4vw, 3rem);
}

.eiq-cats__link {
	font-family: "Barlow", sans-serif;
	font-weight: 600;
	font-size: .9rem;
	letter-spacing: .01em;
	text-decoration: none;
	color: var(--ink);
	padding: .38rem .85rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.eiq-cats__link:hover { border-color: var(--ink); }
/* Doble clase para ganar al color de enlace que impone el tema */
.eiq-cats a.eiq-cats__link.eiq-cats__link--current { background: var(--ink); border-color: var(--ink); color: #fff; }

/* Grid de artículos */
.eiq-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2.5vw, 2rem);
}

@media (max-width: 900px) { .eiq-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .eiq-grid { grid-template-columns: 1fr; gap: 2.25rem; } }

/* ---------- Tarjeta ---------- */
.eiq-card { display: flex; }
.eiq-card__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-decoration: none;
	color: inherit;
}

.eiq-card__cover {
	position: relative;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--navy);
	border-radius: 4px;
}

.eiq-card__cover img {
	width: 100%; height: 100%;
	object-fit: cover; display: block;
	transition: transform .5s cubic-bezier(.2,.6,.2,1);
}

.eiq-card__link:hover .eiq-card__cover img { transform: scale(1.04); }

/* Portada tipográfica para entradas SIN imagen: navy + comilla editorial lima */
.eiq-card__cover--empty { background: linear-gradient(150deg, var(--navy), var(--navy-800)); }
.eiq-card__cover--empty::before {
	content: "\201C";
	position: absolute;
	left: .35rem; top: -2.75rem;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14rem;
	line-height: 1;
	color: var(--lime);
}
.eiq-card__cover--empty::after {
	content: "";
	position: absolute;
	left: 1.25rem; bottom: 1.25rem;
	width: 2.25rem; height: 4px;
	background: var(--lime);
}

.eiq-card__body { padding: 1rem 0 0; }

.eiq-card__eyebrow {
	display: flex; align-items: center; gap: .5rem;
	font-family: "Barlow", sans-serif;
	font-weight: 700;
	font-size: .72rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--navy);
	margin-bottom: .55rem;
}
.eiq-card__eyebrow::before {
	content: ""; width: .5rem; height: .5rem;
	background: var(--lime); border-radius: 50%;
	box-shadow: 0 0 0 1px var(--ink);
	flex: none;
}
.eiq-card__date { color: var(--muted); font-weight: 500; letter-spacing: .04em; }

.eiq-archive .eiq-card__title,
.eiq-single .eiq-card__title {
	font-family: "Barlow", sans-serif;
	font-weight: 800;
	font-size: 1.4rem;
	line-height: 1.12;
	letter-spacing: -.015em;
	margin: 0;
	color: var(--ink);
}

.eiq-card__link:hover .eiq-card__title { text-decoration: underline; text-decoration-color: var(--lime); text-decoration-thickness: 3px; text-underline-offset: 3px; }

.eiq-card__excerpt {
	font-size: .95rem; line-height: 1.55;
	color: var(--muted); margin: .55rem 0 0;
}

/* Paginación */
.eiq-pagination { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
.eiq-pagination .nav-links { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; align-items: center; }
.eiq-pagination .page-numbers {
	font-family: "Barlow", sans-serif; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 2.6rem; height: 2.6rem; padding: 0 .7rem;
	border: 1px solid var(--line); border-radius: 6px; text-decoration: none; color: var(--ink);
}
.eiq-pagination .page-numbers.current { background: var(--navy); border-color: var(--navy); color: #fff; }
.eiq-pagination a.page-numbers:hover { border-color: var(--ink); }

.eiq-archive__empty { color: var(--muted); font-size: 1.1rem; padding: 3rem 0; }

/* ============================================================
 * ARTÍCULO (single)
 * ============================================================ */
.eiq-single {
	max-width: var(--maxw);
	margin-inline: auto;
	padding: clamp(1.75rem, 4vw, 3rem) clamp(1.1rem, 4vw, 2.25rem) clamp(3rem, 6vw, 5rem);
}

.eiq-single__article { max-width: var(--readw); margin-inline: auto; }

.eiq-single__eyebrow {
	display: flex; flex-wrap: wrap; align-items: center; gap: .6rem;
	font-family: "Barlow", sans-serif; font-weight: 700;
	font-size: .8rem; letter-spacing: .1em; text-transform: uppercase;
	margin-bottom: 1.1rem;
}
.eiq-single__cat { color: var(--ink); text-decoration: none; background: var(--lime); padding: .25rem .6rem; border-radius: 3px; }
.eiq-single__cat:hover { text-decoration: underline; }
.eiq-single__dot { color: var(--line); }
.eiq-single__meta-item { color: var(--muted); }

.eiq-single__title {
	font-family: "Barlow", sans-serif;
	font-weight: 800;
	font-size: clamp(2.1rem, 5.5vw, 3.4rem);
	line-height: 1.04;
	letter-spacing: -.025em;
	margin: 0 0 1rem;
	color: var(--ink);
}

.eiq-single__lead {
	font-size: 1.2rem; line-height: 1.5; color: var(--muted);
	margin: 0 0 1.75rem; max-width: 60ch;
}

.eiq-single__media { margin: 0 0 clamp(1.75rem, 4vw, 2.75rem); }
.eiq-single__media img { width: 100%; height: auto; display: block; border-radius: 6px; }

/* Cuerpo */
.eiq-single__content { font-size: 1.15rem; line-height: 1.78; color: #2b2a24; }
.eiq-single__content > * + * { margin-top: 1.45em; }

.eiq-single__content h2 {
	font-family: "Barlow", sans-serif; font-weight: 800;
	font-size: 1.75rem; line-height: 1.18; letter-spacing: -.02em;
	margin-top: 2.4em; padding-top: .9rem; color: var(--ink);
	border-top: 3px solid var(--lime); display: inline-block;
}
.eiq-single__content h3 {
	font-family: "Barlow", sans-serif; font-weight: 700;
	font-size: 1.32rem; line-height: 1.3; margin-top: 1.9em; color: var(--ink);
}

.eiq-single__content a {
	color: var(--ink);
	text-decoration: underline; text-decoration-color: var(--lime);
	text-decoration-thickness: .16em; text-underline-offset: 2px;
	transition: background-color .12s ease;
}
.eiq-single__content a:hover { background: var(--lime); }

.eiq-single__content img, .eiq-single__content figure { max-width: 100%; height: auto; border-radius: 6px; }
.eiq-single__content ul, .eiq-single__content ol { padding-left: 1.3em; }
.eiq-single__content li + li { margin-top: .5em; }
.eiq-single__content li::marker { color: var(--navy); }

.eiq-single__content blockquote {
	margin: 2em 0; padding: .2em 0 .2em 1.4rem;
	border-left: 4px solid var(--lime);
	font-size: 1.28rem; line-height: 1.5; font-style: normal; font-weight: 500;
	color: var(--ink);
}

.eiq-single__content code { background: var(--cream); padding: .12em .4em; border-radius: 4px; font-size: .9em; }

/* Compartir (discreto, alineado a la izquierda) */
.eiq-share {
	display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
	margin-top: clamp(2.25rem, 5vw, 3rem); padding-top: 1.4rem;
	border-top: 1px solid var(--line);
}
.eiq-share__label {
	font-family: "Barlow", sans-serif; font-weight: 700; font-size: .78rem;
	letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-right: .3rem;
}
.eiq-share__btn {
	font-family: "Barlow", sans-serif; font-weight: 600; font-size: .85rem;
	display: inline-flex; align-items: center; padding: .4rem .8rem;
	border: 1px solid var(--line); border-radius: 999px; background: var(--paper);
	color: var(--ink); text-decoration: none; cursor: pointer; transition: border-color .12s ease;
}
.eiq-share__btn:hover { border-color: var(--ink); }
.eiq-share__btn--copy { font-family: "Barlow", sans-serif; }

/* ---------- Contenido relacionado: bloque navy ---------- */
.eiq-single .eiq-related {
	margin-top: clamp(2.5rem, 5vw, 3.25rem);
	padding: clamp(1.5rem, 3.5vw, 2.25rem);
	background: var(--navy);
	border-radius: 10px;
	color: #ececf4;
	display: grid; gap: 1.5rem;
}
@media (min-width: 620px) {
	.eiq-single .eiq-related:has(.eiq-related__block + .eiq-related__block) { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
}

.eiq-single .eiq-related__title {
	font-family: "Barlow", sans-serif; font-weight: 700;
	font-size: .8rem; letter-spacing: .14em; text-transform: uppercase;
	color: var(--lime); margin: 0 0 1rem; padding: 0;
	border: 0;
}
.eiq-related__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.eiq-related__item { border-top: 1px solid rgba(255,255,255,.14); }
.eiq-related__item:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.eiq-related__item a {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	padding: .85rem 0; text-decoration: none;
	font-family: "Barlow", sans-serif; font-weight: 600; font-size: 1.05rem; color: #fff;
	transition: color .12s ease;
}
.eiq-related__item a::after {
	content: "\2192"; color: var(--lime); font-size: 1.15rem;
	transition: transform .15s ease; flex: none;
}
.eiq-related__item a:hover { color: var(--lime); }
.eiq-related__item a:hover::after { transform: translateX(4px); }

/* ---------- Sigue leyendo ---------- */
.eiq-single .eiq-more { max-width: var(--maxw); margin: clamp(3rem, 6vw, 4.5rem) auto 0; }
.eiq-single .eiq-more__title {
	font-family: "Barlow", sans-serif; font-weight: 800; font-size: 1.05rem;
	letter-spacing: .12em; text-transform: uppercase; color: var(--ink);
	margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--ink);
}
.eiq-more__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.25rem, 3vw, 2rem); }
@media (max-width: 900px) { .eiq-more__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .eiq-more__grid { grid-template-columns: 1fr; } }

/* Motion: respeta reduced-motion */
@media (prefers-reduced-motion: reduce) {
	.eiq-card__cover img, .eiq-related__item a::after { transition: none; }
}