/*
 * Alterna2 — diseño 2007 (tema histórico alterna2_2010).
 * Valores tomados de docs/nostalgia-refs/2007/style.css; ver docs/nostalgia-designs.md.
 * Solo presentación: no cambia estructura ni secciones del tema actual.
 */

:root {
	--bg: #fff;
	--text: #000;
	--text-secondary: #777;
	--border: #ddd;
	--accent: #960000;
	--font-sans: 'Lucida Grande', Verdana, Arial, sans-serif;
	--font-mono: 'Courier New', Courier, monospace;
	--max: 1000px;
	--gutter: 20px;
	--fs-body: 12px;
	--fs-meta: 11px;
	--fs-label: 10px;
	--fs-h1: 20px;
	--fs-h2: 20px;
	--fs-h3: 16px;
	--fs-event: 12px;
	--logo-height: 37px;
	--transition: 0s;
}

body {
	font-family: var(--font-sans);
	font-size: 12px;
	line-height: 1.4;
	color: #000;
	-webkit-font-smoothing: auto;
}

a:hover { color: #f00000; }

/* Headings: Courier New italic bold uppercase, dark red */
h1, h2, h3,
.agenda-header__title, .article-card__title, .calendar-header__title,
.chronicle-card__title, .concert-fiche__artist-name, .event-grid-item__title,
.event-row__title, .home-cities__title, .page-header__title,
.search-result__title, .single-event__title, .venue-grid__title {
	font-family: var(--font-mono);
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.2;
	color: #960000;
}
h1, .single-event__title, .page-header__title { font-size: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
.chronicle-card__title, .event-grid-item__title, .event-row__title,
.article-card__title, .search-result__title { font-size: 16px; }

/* Section titles: sidebar-widget header look */
.section-head h2.section-badge,
.section-badge {
	display: block;
	width: auto;
	padding: 15px 20px 0;
	height: 30px;
	box-sizing: content-box;
	font-family: var(--font-mono);
	font-style: italic;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
	color: #444;
	background: #c7c7c7;
	border-bottom: 5px solid #868686;
	text-shadow: none;
}
.section-badge__link, .section-badge__link:hover, .section-badge__link:focus-visible { color: #444; text-decoration: none; }
.hero-badge { font-family: var(--font-mono); font-style: italic; text-shadow: none; }

/* Links */
.content a, .entry a, .single-chronicle__content a {
	color: #960000;
	font-weight: 700;
	text-decoration: none;
}
.content a:hover { color: #f00000; }
.text-link { color: #960000; text-transform: none; letter-spacing: 0; font-weight: 700; font-size: 12px; }
.text-link:hover { color: #f00000; }
.text-secondary, small { color: #777; }

/* ---- Header: 1000x140 image, logo at 180px, nav bar below ---- */
.site-header {
	position: static;
	background: #000;
	border-bottom: 0;
}
.site-header__inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	gap: 0;
	align-items: stretch;
}
.site-header__brand {
	box-sizing: border-box;
	width: 1000px;
	max-width: 100%;
	height: 140px;
	margin: 0 auto;
	padding: 30px 0 0 180px;
	text-align: left;
	background: #000 url('images/bkg_header.jpg') no-repeat top center;
}
.site-logo__img {
	content: url('images/logo_alterna2.png');
	width: 210px;
	height: 37px;
	max-width: none;
}
.site-header__bar {
	width: 1000px;
	max-width: 100%;
	height: 40px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.site-nav { justify-self: auto; }
.site-nav__list { justify-content: flex-start; gap: 0 20px; }
.site-nav a {
	padding-block: 0;
	color: #d6d6d6;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	border-bottom: 0;
}
.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a,
.site-nav .current-menu-ancestor > a { color: #fff; border-bottom: 0; }
.site-header__action { color: #d6d6d6; }
.site-header__action:hover { color: #fff; }
.site-search { background: #f3f3f3; border-top: 0; }

/* ---- Footer: crema, borde #a29d7c ---- */
.site-footer {
	margin-top: 10px;
	padding: 25px 0 60px;
	background: #e2dbad;
	border-top: 5px solid #a29d7c;
	font-size: 12px;
}
.site-footer a { color: #960000; font-weight: 400; }
.site-footer a:hover { color: #000; border-bottom: 1px dotted #000; }
.site-footer__brand .site-logo { display: none; }
.site-footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.site-footer__nav { justify-self: auto; flex: 1 1 360px; }
.site-footer__nav-list { justify-content: flex-start; }
.site-footer__nav-list a { text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 400; }
.site-footer__legal a { color: #960000; font-size: 12px; }
.site-footer__legal a:not(:first-child)::before { color: #960000; }
.site-footer__social { gap: 20px; }
.site-footer__social-link { font-size: 0; gap: 0; }
.site-footer__social-link .a2-icon { display: none; }
.site-footer__social-link::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: #777;
	-webkit-mask: var(--nost-icon) center / contain no-repeat;
	mask: var(--nost-icon) center / contain no-repeat;
}
.site-footer__social-link:hover { border-bottom: 0; }
.site-footer__social-link:hover::before { background: #000; }
.site-footer__social-link[href*="instagram"] { --nost-icon: url('images/icon_instagram.svg'); }
.site-footer__social-link[href*="flickr"] { --nost-icon: url('images/icon_flickr.svg'); }
.nostalgia-selector, .nostalgia-selector a { color: #960000; font-size: 12px; }
.nostalgia-selector a { text-decoration: underline; }

/* ---- Heroes over photos: keep legible, swap blues for the 2007 reds ---- */
.single-event__hero--has-image .single-event__title,
.home-hero .single-event__title,
.single-event__hero--has-image .single-event__place { color: #fff; }
.single-event__hero--has-image .hero-badge {
	background: rgba(150, 0, 0, 0.82);
	font-family: var(--font-mono);
	font-size: 16px;
	letter-spacing: 0;
}
.single-event__hero--banded .cal-box--hero 
/* ---- Body text: 12px Lucida/Verdana ---- */
.content, .single-chronicle__content, .single-event__body, .page-header__lede, p {
	font-family: var(--font-sans);
}
.content, .single-chronicle__content { font-size: 12px; line-height: 1.4; max-width: 610px; }
.content > h2 { font-size: 16px; }
.chronicle-card--archive .chronicle-card__title {
	font-family: var(--font-mono);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #960000;
}
.chronicle-card__place, .chronicle-card__credit-value, .event-grid-item__meta { color: #777; }
.chronicle-card__date { background: #c7c7c7; color: #444; }
button, .button, input[type="submit"], .btn {
	font-family: var(--font-sans);
}

/* Beat theme's .single-chronicle__content.content (18–20px) */
.single-chronicle__content.content,
.single-event__body .content,
.single-event__layout .content {
	font-size: 12px;
	line-height: 1.4;
	max-width: 610px;
}
.single-chronicle__content.content p,
.single-event__body .content p { margin: 4px 0 10px; }

.agenda-header__title, .page-header__title, .calendar-header__title { font-size: 20px; }
.photo-album-card .cal-box__month, .cal-box--hero 
/* ---- Mobile: keep the look, make it usable (original was fixed 1000px) ---- */
@media (max-width: 1040px) {
	.site-header__brand { background-position: left top; }
	.site-header__bar { height: auto; min-height: 40px; flex-wrap: wrap; padding: 6px 10px; }
	.site-nav__list { flex-wrap: wrap; gap: 4px 14px; }
	.site-nav a { font-size: 13px; }
}
@media (max-width: 480px) {
	.site-logo__img { width: 150px; height: auto; }
	.site-header__menu-toggle { display: inline-flex; }
}

/* ---- Thumbnails in listings: grey rounded frame with soft shadow (original img.post_image) ---- */
.chronicle-card__media,
.event-grid-item__media,
.event-row__media,
.article-card__media {
	box-sizing: border-box;
	padding: 7px;
	background: #fff;
	border: 1px solid #c6c6c6;
	border-radius: 8px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}
.chronicle-card__media img,
.event-grid-item__media img,
.event-row__media img,
.article-card__media img {
	border-radius: 3px;
}

/* ---- No electric blue: remaining hard-coded blues → 2007 reds / cream ---- */
.home-photos__album-cal.cal-box--hero .cal-box__month { color: #e2dbad; }
.btn-solid--accent:hover { background: #6e0000; }

/* ---- Home hero banner: same rounded frame as thumbnails ---- */
.home-hero .single-event__hero-frame,
.home-hero.single-event__hero {
	border-radius: 8px;
}
.home-hero .single-event__hero-frame {
	overflow: hidden;
	border: 1px solid #c6c6c6;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
}

/* ---- Section bars (Próximos conciertos, Últimas fotos…): grey bar to the right edge ---- */
.section-head {
	align-items: center;
	box-sizing: content-box;
	height: 30px;
	padding: 15px 20px 0;
	background: #c7c7c7;
	border-bottom: 5px solid #868686;
}
.section-head h2.section-badge,
.section-head .section-badge {
	display: block;
	height: auto;
	padding: 0;
	background: none;
	border: 0;
}
.section-head .text-link { color: #444; }
.section-head .text-link:hover { color: #960000; }
body.nostalgia .cal-box--hero .cal-box__month,
body.nostalgia .home-hero .cal-box__month { color: #e2dbad; }
@media (max-width: 768px) {
	.section-head { flex-direction: row; align-items: center; gap: 8px; }
	.section-head h2.section-badge { font-size: 16px; }
	.section-head .text-link { font-size: 11px; white-space: nowrap; }
}