/*
Theme Name:   Maxwell FENAZA
Theme URI:    https://www.fenaza.org/
Description:  Tema hijo de Maxwell con la identidad visual FENAZA 2026 (magenta, dorado, crema) aplicada a todo el sitio: cabecera, entradas, tarjetas, botones, sidebar y pie de página.
Author:       FENAZA
Template:     maxwell
Version:      1.0.0
*/

/* ==========================================================
   1. TIPOGRAFÍA
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Poppins:wght@400;500;600;700&display=swap');

body,
input,
textarea,
button {
	font-family: 'Poppins', Arial, sans-serif;
	color: #2b2320;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.widget-title,
.page-title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px;
}

/* ==========================================================
   2. COLORES BASE
   ========================================================== */
body {
	background-color: #FBF3EC !important;
}

a {
	color: #D4145A;
}

a:hover,
a:focus {
	color: #a30e46;
}

::selection {
	background: #D4145A;
	color: #fff;
}

/* ==========================================================
   3. CABECERA / LOGO / MENÚ
   ========================================================== */
.site-header {
	background-color: #FBF3EC !important;
	border-bottom: 3px solid #D4145A;
}

.site-title a {
	color: #D4145A !important;
	font-size: 2.4em !important;
}

.site-description {
	color: #8a6d3b !important;
	font-family: 'Poppins', Arial, sans-serif !important;
	font-style: italic;
}

.main-navigation,
.main-navigation ul {
	background-color: transparent !important;
}

.main-navigation a {
	color: #2b2320 !important;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 13px;
}

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

/* Quita la imagen de cabecera grande por defecto de Maxwell,
   ya que el hero personalizado de portada cumple esa función. */
.site-header .header-image,
.custom-header-media {
	display: none !important;
}

/* ==========================================================
   5. TARJETAS DE ENTRADAS (listado de blog / archivo) ======= */
article.post,
article.hentry,
.type-post {
	background: #ffffff;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0,0,0,0.06);
	border: none !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

article.post:hover,
article.hentry:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(212,20,90,0.15);
}

.entry-thumbnail img,
.post-thumbnail img {
	border-radius: 14px 14px 0 0 !important;
}

.entry-title a {
	color: #2b2320 !important;
}

.entry-title a:hover {
	color: #D4145A !important;
}

/* Meta (fecha / categoría) como "badge" dorado/rosa */
.entry-meta,
.posted-on,
.cat-links {
	font-family: 'Poppins', Arial, sans-serif !important;
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cat-links a {
	background: #D4145A;
	color: #fff !important;
	padding: 3px 10px;
	border-radius: 12px;
	font-weight: 600;
}

/* ==========================================================
   6. BOTONES ("Seguir leyendo", enviar comentario, buscar) ==== */
.more-link,
.button,
button,
input[type="submit"],
.search-submit,
.wp-block-button__link {
	background: #D4145A !important;
	color: #fff !important;
	border: none !important;
	border-radius: 30px !important;
	padding: 12px 26px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 12px !important;
	transition: background 0.15s ease;
}

.more-link:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background: #a30e46 !important;
	color: #fff !important;
}

/* ==========================================================
   7. ENTRADA INDIVIDUAL (single.php) ========================= */
.single .entry-header .entry-title {
	font-size: 2.4em !important;
	color: #D4145A !important;
}

.single .entry-content {
	font-size: 17px;
	line-height: 1.8;
}

.single .entry-content blockquote {
	border-left: 4px solid #C9A227;
	background: #FCE4EC;
	padding: 16px 20px;
	border-radius: 0 10px 10px 0;
	font-style: italic;
}

.single .post-thumbnail img {
	border-radius: 16px;
}

/* ==========================================================
   8. SIDEBAR / WIDGETS ======================================= */
.widget {
	background: #ffffff;
	border-radius: 12px;
	padding: 20px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	margin-bottom: 24px;
}

.widget-title {
	color: #D4145A !important;
	font-size: 1.1em !important;
	border-bottom: 2px solid #C9A227;
	padding-bottom: 8px;
	margin-bottom: 14px !important;
}

.widget ul li a {
	color: #2b2320;
}

.widget ul li a:hover {
	color: #D4145A;
}

/* ==========================================================
   9. PAGINACIÓN ============================================== */
.pagination .page-numbers,
.nav-links a {
	background: #fff;
	border-radius: 8px;
	padding: 8px 14px;
	margin: 0 3px;
	color: #2b2320 !important;
	border: 1px solid #eee;
}

.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
	background: #D4145A;
	color: #fff !important;
}

/* ==========================================================
   10. PIE DE PÁGINA =========================================== */
.site-footer,
.site-info {
	background-color: #D4145A !important;
	color: #fff !important;
}

.site-footer a,
.site-info a {
	color: #f9d6e4 !important;
}

.site-footer a:hover {
	color: #fff !important;
}

/* ==========================================================
   11. FORMULARIOS DE COMENTARIOS ============================== */
.comment-form input,
.comment-form textarea {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 14px;
}

/* ==========================================================
   13. PORTADA DINÁMICA (front-page.php) ======================= */
.fenaza-front-page {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.fenaza-hero {
	background: linear-gradient(120deg, #FBF3EC 0%, #FBF3EC 45%, rgba(251,243,236,0.15) 100%),
		url('https://www.fenaza.org/wp-content/uploads/2026/07/fenaza-2026-scaled-e1782942903962-850x495.jpeg') center/cover no-repeat;
	border-radius: 18px;
	padding: 60px 40px;
	margin: 24px 0;
}

.fenaza-hero-inner { max-width: 560px; }

.fenaza-eyebrow {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #C9A227;
	font-size: 15px;
	letter-spacing: 2px;
	margin-bottom: 6px;
}

.fenaza-hero-title {
	font-size: 64px !important;
	line-height: 0.95;
	color: #D4145A !important;
	margin: 0 0 4px 0 !important;
}

.fenaza-hero-year {
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	color: #C9A227;
	font-weight: bold;
	margin-bottom: 18px;
}

.fenaza-hero-dates {
	font-size: 20px;
	font-weight: bold;
	color: #2b2320;
	margin: 0 0 4px 0;
}

.fenaza-hero-place {
	font-size: 15px;
	letter-spacing: 1px;
	color: #6b5e54;
	margin: 0 0 26px 0;
}

.fenaza-btn,
.fenaza-btn-outline {
	display: inline-block;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 14px 30px;
	border-radius: 30px;
	text-decoration: none;
}

.fenaza-btn {
	background: #D4145A;
	color: #fff !important;
}

.fenaza-btn:hover { background: #a30e46; color: #fff !important; }

.fenaza-btn-outline {
	background: #D4145A;
	color: #fff !important;
	font-size: 12px;
	padding: 10px 18px;
}

.fenaza-btn-small { padding: 8px 16px; font-size: 11px; }

.fenaza-cat-bar {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}

.fenaza-cat-item {
	text-align: center;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px;
	flex: 1;
	min-width: 90px;
}

.fenaza-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0 16px 0;
}

.fenaza-section-title { color: #D4145A !important; font-size: 32px; margin: 0 !important; }
.fenaza-section-sub { font-style: italic; color: #8a6d3b; margin: 4px 0 0 0; }

.fenaza-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 30px;
}

.fenaza-card-grid-6 { grid-template-columns: repeat(6, 1fr); }
.fenaza-card-grid-4 { grid-template-columns: repeat(4, 1fr); }

.fenaza-card {
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	text-decoration: none;
	color: inherit;
	transition: transform 0.15s ease;
}

.fenaza-card:hover { transform: translateY(-3px); }

.fenaza-card-img,
.fenaza-card-img-placeholder {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
	background: #f3d9de;
}

.fenaza-card-small .fenaza-card-img,
.fenaza-card-small .fenaza-card-img-placeholder { height: 140px; }

.fenaza-card-medium .fenaza-card-img,
.fenaza-card-medium .fenaza-card-img-placeholder { height: 175px; }

.fenaza-card-body { padding: 14px; font-family: 'Poppins', Arial, sans-serif; }
.fenaza-card-date { color: #D4145A; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.fenaza-card-title { font-size: 18px; font-weight: bold; color: #2b2320; margin: 6px 0; font-family: 'Playfair Display', serif; }
.fenaza-card-title-small { font-size: 14px; }
.fenaza-card-title-medium { font-size: 16px; }
.fenaza-card-meta { font-size: 11px; color: #8a7a6d; text-transform: uppercase; }
.fenaza-card-empty { grid-column: 1 / -1; text-align: center; padding: 20px; }

.fenaza-tdp-wrap {
	background: #FCE4EC;
	border-radius: 14px;
	padding: 26px 20px;
	margin: 20px 0;
}

.fenaza-btn-card {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 10px 18px;
	font-size: 11px;
}

.fenaza-info-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 16px;
	margin: 24px 0;
}

.fenaza-info-box-large {
	padding: 30px !important;
}

.fenaza-info-box-large .fenaza-info-title {
	font-size: 18px;
}

.fenaza-info-list-large {
	font-size: 15px;
	line-height: 2.2;
	color: #4a3f38;
	margin-bottom: 18px;
}

.fenaza-info-box { background: #fff; border-radius: 10px; padding: 18px; font-family: 'Poppins', Arial, sans-serif; }
.fenaza-info-box-center { text-align: center; }
.fenaza-info-title { color: #D4145A; font-weight: bold; font-size: 14px; margin-bottom: 10px; }
.fenaza-info-list { font-size: 13px; line-height: 1.9; color: #4a3f38; margin-bottom: 12px; }
.fenaza-info-placeholder { background: #e8e0d5; height: 90px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #8a7a6d; margin-bottom: 12px; }
.fenaza-info-placeholder-dark { background: #2b2320; color: #f3d9de; }

.fenaza-cta-banner { background: #D4145A; border-radius: 14px; margin: 24px 0; padding: 34px 20px; text-align: center; }
.fenaza-cta-title { color: #fff; font-size: 26px; font-weight: bold; font-family: 'Playfair Display', serif; }
.fenaza-cta-sub { color: #fbdbe6; font-family: 'Poppins', Arial, sans-serif; font-size: 13px; letter-spacing: 1px; margin-top: 6px; }

.fenaza-newsletter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	padding: 20px 0 40px 0;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 13px;
	color: #4a3f38;
}

.fenaza-newsletter-form input {
	padding: 10px 14px;
	border: 1px solid #ccc;
	border-radius: 20px 0 0 20px;
	font-size: 13px;
	width: 220px;
}

.fenaza-newsletter-form button {
	padding: 10px 18px !important;
	background: #D4145A !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 20px 20px 0 !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
}

@media (max-width: 900px) {
	.fenaza-card-grid { grid-template-columns: repeat(2, 1fr); }
	.fenaza-card-grid-6 { grid-template-columns: repeat(3, 1fr); }
	.fenaza-card-grid-4 { grid-template-columns: repeat(2, 1fr); }
	.fenaza-info-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.fenaza-card-grid,
	.fenaza-card-grid-6,
	.fenaza-card-grid-4 { grid-template-columns: 1fr; }
	.fenaza-hero-title { font-size: 44px !important; }
}

/* ==========================================================
   12. RESPONSIVE (móvil) ====================================== */
@media (max-width: 600px) {
	.site-title a {
		font-size: 1.8em !important;
	}
	.single .entry-header .entry-title {
		font-size: 1.7em !important;
	}
}