/*
Theme Name: Llíria
Description: Tema hijo de GeneratePress para lliria.org: diseño propio, ligero (sin Google Fonts, una hoja de estilo, logo en SVG). Hecho por Claude Code el 12/10/2026; ver docs/04_registro.md en C:\lliria.
Template: generatepress
Version: 1.2.1
Requires PHP: 7.4
Text Domain: lliria
*/

:root {
	--ll-azul: #0e4a5c;        /* azul petróleo: base */
	--ll-azul-osc: #08303c;
	--ll-terracota: #c8553d;   /* acento */
	--ll-terracota-osc: #a54330;
	--ll-arena: #f6f1ea;       /* fondo */
	--ll-tinta: #1d2427;
	--ll-gris: #5b6b70;
	--ll-linea: #e6dfd5;
	--ll-radio: 10px;
	--ll-sombra: 0 1px 2px rgba(14, 74, 92, .06), 0 4px 16px rgba(14, 74, 92, .06);
}

body {
	background: var(--ll-arena);
	color: var(--ll-tinta);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

a { color: var(--ll-terracota); text-underline-offset: 2px; }
a:hover, a:focus { color: var(--ll-terracota-osc); }
h1, h2, h3, h4 { color: var(--ll-azul-osc); letter-spacing: -.01em; }

/* ── Cabecera ─────────────────────────────────────────── */
.site-header { background: #fff; }
.inside-header { padding-top: 16px; padding-bottom: 16px; align-items: center; }
.main-title { margin: 0; line-height: 0; }
.main-title a { display: inline-block; }
.lliria-logo { display: block; width: 270px; height: auto; aspect-ratio: 270 / 64; }
.header-widget { max-width: 600px; }
.header-widget .widget { margin: 0; padding: 0; }
.header-widget img { display: block; width: 100%; height: auto; aspect-ratio: 728 / 90; border-radius: 6px; }
@media (max-width: 768px) {
	.inside-header { flex-direction: column; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
	.lliria-logo { width: 220px; }
	.header-widget { margin: 0 auto; max-width: 100%; }
}

/* ── Menú ─────────────────────────────────────────────── */
.main-navigation, .main-navigation ul ul { background: var(--ll-azul); }
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items { color: #fff; font-weight: 600; font-size: 15.5px; }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: #fff; background: var(--ll-azul-osc); }
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a { box-shadow: inset 0 -3px 0 var(--ll-terracota); }
.main-navigation ul ul { box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.main-navigation ul ul li a { font-weight: 500; font-size: 15px; }
.main-navigation .main-nav ul ul li:hover > a { background: var(--ll-terracota); }

/* ── Contenido en tarjetas ────────────────────────────── */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
	background: #fff;
	border-radius: var(--ll-radio);
	box-shadow: var(--ll-sombra);
}
.separate-containers .site-main { margin-top: 24px; }
.separate-containers .inside-article { padding: 36px 40px; }
@media (max-width: 768px) {
	.separate-containers .inside-article { padding: 22px 18px; }
	.separate-containers .site-main { margin-top: 14px; }
}
.entry-title, .page-title { font-weight: 800; line-height: 1.15; color: var(--ll-azul-osc); }
h1.entry-title { font-size: 38px; }
h2.entry-title { font-size: 24px; }
h2.entry-title a { color: var(--ll-azul-osc); text-decoration: none; }
h2.entry-title a:hover { color: var(--ll-terracota); }
.entry-content h2 { font-size: 25px; margin-top: 1.5em; }
.entry-content h3 { font-size: 20px; }
.entry-content iframe { max-width: 100%; border-radius: 8px; }
.entry-content img { border-radius: 8px; }
.entry-meta { font-size: 14px; color: var(--ll-gris); }
.post-image img { border-radius: 8px; }
.read-more, .more-link { font-weight: 600; }
@media (max-width: 768px) {
	body { font-size: 16.5px; }
	h1.entry-title { font-size: 29px; }
}

/* Portada «Llíria hoy»: título más discreto */
.home .entry-header { margin-bottom: 8px; }
.home h1.entry-title { font-size: 30px; }

/* ── Barra lateral ────────────────────────────────────── */
.sidebar .widget {
	background: #fff;
	border-radius: var(--ll-radio);
	box-shadow: var(--ll-sombra);
	padding: 24px;
}
.widget-title {
	font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
	color: var(--ll-azul); margin-bottom: 14px; padding-bottom: 10px;
	border-bottom: 2px solid var(--ll-terracota);
}

/* ── Pie ──────────────────────────────────────────────── */
.site-footer .footer-widgets { background: var(--ll-azul-osc); color: #cfe0e5; }
.site-footer .footer-widgets .widget-title { color: #fff; border-bottom-color: var(--ll-terracota); }
.site-footer .footer-widgets a { color: #fff; }
.site-footer .footer-widgets a:hover { color: #f3b6a6; }
.site-info { background: #062530; color: #9fb7be; font-size: 14px; }
.site-info a { color: #e8f1f3; }
.lliria-pie-logo { width: 220px; height: auto; aspect-ratio: 270 / 64; }

/* ── Botones ──────────────────────────────────────────── */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link {
	background: var(--ll-terracota); color: #fff; border-radius: 8px;
}
button:hover, input[type="submit"]:hover, a.button:hover { background: var(--ll-terracota-osc); color: #fff; }
.generate-back-to-top { background: var(--ll-azul); border-radius: 50%; }

/* Comentarios cerrados en toda la web */
.no-comments, .comments-area { display: none; }

/* ── Portada «Llíria hoy» (shortcodes del mu-plugin lliria-portada) ── */
.entry-content .lh h2 { font-size: 21px; font-weight: 800; color: var(--ll-azul-osc); border-bottom: 2px solid var(--ll-terracota); }
.entry-content .lh-lista li { border-bottom-color: var(--ll-linea); }
.entry-content .lh-lista a { color: var(--ll-azul-osc); }
.entry-content .lh-lista a:hover { color: var(--ll-terracota); }
.entry-content .lh-dia { border: 0; background: var(--ll-azul); color: #fff; border-radius: 8px; padding: 6px 0; }
.entry-content .lh-dia span { color: #f3c2b6; font-weight: 700; }
.entry-content .lh-accesos a { border: 1px solid var(--ll-linea); border-radius: 10px; color: var(--ll-azul-osc); background: #fff; transition: border-color .15s, transform .15s; }
.entry-content .lh-accesos a:hover, .entry-content .lh-accesos a:focus { border-color: var(--ll-terracota); color: var(--ll-terracota); transform: translateY(-1px); }
.entry-content .lh-mas { font-weight: 700; }

/* ── Agenda (The Events Calendar) ─────────────────────── */
:root {
	--tec-color-accent-primary: var(--ll-terracota);
	--tec-color-accent-primary-hover: var(--ll-terracota-osc);
	--tec-color-accent-primary-active: var(--ll-terracota-osc);
	--tec-color-button-primary: var(--ll-terracota);
	--tec-color-link-accent: var(--ll-terracota);
	--tec-color-text-primary: var(--ll-tinta);
	--tec-font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
#tribe-events-pg-template, .tribe-events-pg-template {
	max-width: 1200px; margin: 24px auto; padding: 32px 40px;
	background: #fff; border-radius: var(--ll-radio); box-shadow: var(--ll-sombra);
}
.tribe-events .tribe-events-calendar-list__event-title-link,
.tribe-events .tribe-events-calendar-list__event-title a { color: var(--ll-azul-osc); }
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum { color: var(--ll-azul); }
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn,
.tribe-events .tribe-events-c-search__button { background-color: var(--ll-terracota); }
@media (max-width: 768px) {
	#tribe-events-pg-template, .tribe-events-pg-template { margin: 14px 10px; padding: 20px 16px; }
}

/* ── Maquetas antiguas de SiteOrigin: colores del diseño nuevo ── */
.entry-content .so-widget-sow-headline .sow-headline,
.entry-content .sow-headline-container .sow-headline { color: var(--ll-azul-osc) !important; font-weight: 800 !important; }
.entry-content .panel-grid .widget a:not(.sow-button):not(.button) { color: var(--ll-terracota) !important; }
.entry-content .panel-grid .widget a:not(.sow-button):not(.button):hover { color: var(--ll-terracota-osc) !important; }
.entry-content .panel-grid .widget-title { color: var(--ll-azul) !important; border-bottom-color: var(--ll-terracota) !important; }
.entry-content .sow-image-container img, .entry-content .so-widget-image { border-radius: 8px; }

/* ── Listas de bloques (página Blog) ──────────────────── */
.entry-content .wp-block-latest-posts { list-style: none; margin: 0; padding: 0; }
.entry-content .wp-block-latest-posts li { padding: 12px 0; border-bottom: 1px solid var(--ll-linea); }
.entry-content .wp-block-latest-posts a { font-weight: 700; color: var(--ll-azul-osc); text-decoration: none; }
.entry-content .wp-block-latest-posts a:hover { color: var(--ll-terracota); }
.entry-content .wp-block-latest-posts__post-date { display: block; font-size: 14px; color: var(--ll-gris); }
.entry-content .wp-block-categories a { font-weight: 600; }

/* Titulares con color y tamaño escritos a mano en el texto (2016) */
.entry-content .siteorigin-widget-tinymce :is(h1, h2, h3) span[style*="color"] { color: var(--ll-azul-osc) !important; }
.entry-content .siteorigin-widget-tinymce :is(h1, h2, h3) span[style*="font-size"] { font-size: clamp(26px, 6vw, 42px) !important; line-height: 1.15; }