/* ============================================================
   CAMINO Y PALABRA — CSS PERSONALIZADO v5 (Baskerville 2)
   Pegar en: Apariencia → Personalizar → CSS adicional
   ============================================================ */

/* — Font display swap: FontAwesome ——————————————— */
@font-face {
	font-family: 'FontAwesome';
	src: url('/assets/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* — Fondo general —————————————————————————————————— */
body {
	background-color: #f8f6f2;
}

/* — Cabecera —————————————————————————————————————— */
#masthead {
	background-color: #1c2b3a;
	padding: 0 5%;
}

.site-branding {
	padding: 28px 0;
}

.site-title a {
	color: #ffffff !important;
	letter-spacing: .02em;
	font-size: 2.8rem;
}

.site-description {
	color: rgba(255,255,255,0.6) !important;
	letter-spacing: .06em;
}

/* — Navegación ——————————————————————————————————— */
.main-navigation {
	background-color: #152232;
	padding: 0 5%;
}

.main-navigation a {
	color: rgba(255,255,255,0.75) !important;
	letter-spacing: .08em;
	padding: 13px 14px;
}

.main-navigation a:hover, .main-navigation .current-menu-item > a {
	color: #ffffff !important;
}

/* — Separador visual: franja dorada bajo la navegación ——— */
.main-navigation::after {
	content: "";
	display: block;
	height: 3px;
	background: linear-gradient(to right, #8B6914, #c9a84c, #8B6914);
	opacity: .85;
}

/* — Ocultar título en portada ————————————————————— */
.home .entry-header {
	display: none;
}

/* — Tipografía del cuerpo ————————————————————————— */
.entry-content, .page-content, .post-content {
	font-size: 1.05em;
	line-height: 1.85;
	color: #1a1a1a;
}

/* — Citas bíblicas ————————————————————————————————— */
.wp-block-quote {
	border-left: 4px solid #8B6914;
	background-color: #fff8ec;
	padding: 14px 22px;
	margin: 28px 0;
	border-radius: 0 4px 4px 0;
}

.wp-block-quote p {
	font-style: italic;
	color: #333;
	margin: 0 0 6px;
}

.wp-block-quote cite {
	font-size: .82em;
	color: #888;
	font-style: normal;
}

/* — Pie de página ————————————————————————————————— */
#colophon {
	background-color: #1c2b3a;
	padding: 18px 5%;
}

.site-info {
	color: rgba(255,255,255,0.35);
	font-size: .78em;
	text-align: center;
}

.site-info a {
	color: rgba(255,255,255,0.35) !important;
}

/* — OCULTAR AUTOR ————————————————————————————————— */
.byline,
.author.vcard,
.entry-meta .author,
.entry-meta .posted-by,
span.byline,
.entry-footer .byline,
.wp-block-post-author {
	display: none !important;
}

/* — Títulos de artículo individual ——————————————— */
.entry-title, .post-title {
	font-size: 2em;
	line-height: 1.25;
	color: #1c2b3a;
	letter-spacing: -.01em;
}

.entry-title::after, .post-title::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	background-color: #8B6914;
	margin-top: 14px;
	border-radius: 2px;
}

/* — Subheadings dentro de artículos ————————————— */
.entry-content h2, .post-content h2 {
	color: #1c2b3a;
	font-size: 1.3em;
	margin-top: 2em;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(139,105,20,0.25);
}

/* ============================================================
   LISTA DE ARTÍCULOS — tarjetas (wp:latest-posts block)
   ============================================================ */
.wp-block-latest-posts__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wp-block-latest-posts__list-item {
	border-left: 4px solid #8B6914;
	background: #ffffff;
	padding: 20px 24px 18px 22px;
	margin-bottom: 16px;
	border-radius: 0 8px 8px 0;
	box-shadow: 0 2px 6px rgba(28, 43, 58, 0.08);
	transition: box-shadow .25s ease, border-left-color .25s ease, transform .2s ease;
}

.wp-block-latest-posts__list-item:hover {
	box-shadow: 0 6px 18px rgba(28, 43, 58, 0.14);
	border-left-color: #c9a84c;
	transform: translateY(-2px);
}

.wp-block-latest-posts__list-item a {
	color: #1c2b3a;
	font-size: 1.12em;
	font-weight: 700;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	line-height: 1.38;
	transition: color .2s ease;
}

.wp-block-latest-posts__list-item a:hover {
	color: #8B6914;
}

.wp-block-latest-posts__post-excerpt {
	color: #555;
	font-size: .9em;
	line-height: 1.68;
	margin: 0;
}

.wp-block-latest-posts__post-date {
	font-size: .74em;
	color: #666;
	margin-top: 12px;
	display: block;
	letter-spacing: .04em;
}

.wp-block-latest-posts__taxonomy-categories {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 6px;
}

.wp-block-latest-posts__taxonomy-categories a {
	color: #8B6914 !important;
	text-decoration: none;
	font-size: .72em;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	padding: 2px 8px;
	background: #fff8ec;
	border-radius: 3px;
	border: 1px solid rgba(139,105,20,0.2);
}

.wp-block-latest-posts__taxonomy-categories a:hover {
	background: #8B6914;
	color: #fff !important;
}

/* ============================================================
   CATEGORÍAS EN EL BUCLE NATIVO (página Artículos)
   CSS badge usando las clases que Baskerville 2 añade a
   cada . No requiere JavaScript.
   ============================================================ */
/* Estilo base de la píldora */
.blog article.hentry.category-solidaridad .post-header::before,
.blog article.hentry.category-iglesia .post-header::before,
.blog article.hentry.category-historico .post-header::before,
.blog article.hentry.category-familia .post-header::before,
.blog article.hentry.category-fe-y-razon .post-header::before,
.archive article.hentry.category-solidaridad .post-header::before,
.archive article.hentry.category-iglesia .post-header::before,
.archive article.hentry.category-historico .post-header::before,
.archive article.hentry.category-familia .post-header::before,
.archive article.hentry.category-fe-y-razon .post-header::before {
	display: inline-block;
	font-size: .72em;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #8B6914;
	padding: 3px 10px;
	background: #fff8ec;
	border-radius: 3px;
	border: 1px solid rgba(139,105,20,0.2);
	margin-bottom: 12px;
}

/* Texto de cada píldora */
.blog article.hentry.category-solidaridad .post-header::before,
.archive article.hentry.category-solidaridad .post-header::before {
	content: "Solidaridad";
}

.blog article.hentry.category-iglesia .post-header::before,
.archive article.hentry.category-iglesia .post-header::before {
	content: "Iglesia";
}

.blog article.hentry.category-historico .post-header::before,
.archive article.hentry.category-historico .post-header::before {
	content: "Histórico";
}

.blog article.hentry.category-familia .post-header::before,
.archive article.hentry.category-familia .post-header::before {
	content: "Familia";
}

.blog article.hentry.category-fe-y-razon .post-header::before,
.archive article.hentry.category-fe-y-razon .post-header::before {
	content: "Fe y razón";
}

/* ============================================================
   FILTRO DE CATEGORÍAS + ARCHIVO + NUBE (HTML personalizado)
   ============================================================ */
.cyp-category-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(139,105,20,0.2);
}

.cyp-cat-btn {
	display: inline-block;
	padding: 7px 16px;
	border: 1.5px solid #1c2b3a;
	border-radius: 3px;
	color: #1c2b3a;
	text-decoration: none !important;
	font-size: .84em;
	letter-spacing: .05em;
	transition: background 0.2s, color 0.2s, border-color .2s;
}

.cyp-cat-btn:hover {
	background: #1c2b3a;
	color: #fff !important;
	text-decoration: none !important;
}

/* — Fila de widgets (Archivo + Nube) ——————————————— */
.cyp-sidebar-row {
	display: flex;
	gap: 32px;
	margin: 0 0 28px;
	flex-wrap: wrap;
}

.cyp-widget {
	flex: 1;
	min-width: 160px;
}

p.cyp-section-label {
	font-size: .76em !important;
	font-weight: 700 !important;
	color: #8B6914 !important;
	letter-spacing: .13em;
	text-transform: uppercase;
	margin: 0 0 10px !important;
	padding-bottom: 5px;
	border-bottom: 2px solid #8B6914;
}

.cyp-archive-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cyp-archive-list li {
	padding: 5px 0;
	border-bottom: 1px solid #f0ebe0;
}

.cyp-archive-list a {
	color: #1c2b3a;
	text-decoration: none;
	font-size: .88em;
}

.cyp-archive-list a:hover {
	color: #8B6914;
}

.cyp-tagcloud {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.cyp-tagcloud a {
	display: inline-block;
	padding: 4px 10px;
	background: #fff8ec;
	border: 1px solid rgba(139,105,20,0.2);
	border-radius: 3px;
	color: #1c2b3a;
	font-size: .82em;
	text-decoration: none !important;
	transition: background 0.2s, color .2s;
}

.cyp-tagcloud a:hover {
	background: #8B6914;
	color: #fff !important;
}
/* — Contraste accesibilidad (tag cloud nativo) ——— */
.tag-cloud-link {
	color: #1c2b3a !important;
}