/*
 * Alterna2 — diseño 2016 (Tumblr, tema "Elise").
 * Valores tomados de docs/nostalgia-refs/2016 (CSS inline del tema + capturas); ver docs/nostalgia-designs.md.
 * Solo presentación: conserva el aire del diseño, no su estructura.
 */

:root {
	--bg: #fff;
	--text: #000;
	--text-secondary: #545454;
	--border: #e8e8e8;
	--accent: #000;
	--font-sans: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	--max: 1280px;
	--fs-body: 14px;
	--fs-meta: 12px;
	--fs-label: 11px;
	--fs-h1: 40px;
	--fs-h2: 24px;
	--fs-h3: 20px;
	--logo-height: 76px;
	--transition: 0.2s;
}

body {
	font-family: var(--font-sans);
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	background: #fff;
	-webkit-font-smoothing: auto;
}
a:hover { color: #545454; }

/* Titles: light grey Helvetica Neue, sentence case */
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,
.chronicle-card--archive .chronicle-card__title {
	font-family: var(--font-sans);
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.2;
	color: #545454;
}
h1, h2, h3, .chronicle-card__title, .event-grid-item__title, .event-row__title,
.article-card__title, .search-result__title,
.chronicle-card--archive .chronicle-card__title { font-size: 24px; }
.page-header__title, .agenda-header__title, .calendar-header__title { font-size: 24px; }
.chronicle-card__title a, .event-grid-item__title a { color: inherit; }

/* Section headings: plain text, no badge */
.section-head h2.section-badge,
.section-badge {
	display: block;
	padding: 0;
	background: none;
	color: #545454;
	font-family: var(--font-sans);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	text-shadow: none;
}
.section-badge__link, .section-badge__link:hover, .section-badge__link:focus-visible { color: #545454; text-decoration: none; }
.hero-badge { font-family: var(--font-sans); letter-spacing: 0.04em; text-shadow: none; }

/* "KEEP READING" style links */
.text-link {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: underline;
	color: #666;
}
.text-link:hover { color: #000; }
.text-secondary, .chronicle-card__place, .chronicle-card__credit-value { color: #999; }

.content, .single-chronicle__content.content { font-size: 14px; line-height: 1.55; color: #000; }
.content a { color: #666; }

/* ---- Header: full-width photo, round a2 logo + title, white nav ---- */
.site-header { position: static; background: #fff; border-bottom: 0; }
.site-header__inner { width: 100%; max-width: none; margin: 0; padding: 0; gap: 0; align-items: stretch; }
.site-header__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	height: min(55vw, 90vh);
	min-height: 320px;
	background: #1a1033 url('images/header.jpg') no-repeat center center / cover;
}
.site-logo { color: #fff; gap: 14px; }
.site-logo__img {
	content: url('images/logo_a2.jpg');
	width: 76px;
	height: 76px;
	max-width: none;
	border: 2px solid #fff;
	border-radius: 50%;
	object-fit: cover;
}
.site-logo::after {
	content: 'Alterna2';
	font-family: 'Gibson', 'Helvetica Neue', Arial, sans-serif;
	font-size: 60px;
	line-height: 1;
	color: #fff;
}
.site-header__bar {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 14px 20px;
	box-sizing: border-box;
	background: #fff;
}
.site-nav__list { gap: 0; }
.site-nav li + li { border-left: 1px solid #d8d8d8; }
.site-nav a {
	padding: 4px 20px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	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: #000; text-decoration: underline; border-bottom: 0; }
.site-search { background: #fafafa; }

/* ---- Cards: flat, no frames ---- */
.chronicle-card__media, .event-grid-item__media, .event-row__media, .article-card__media { box-shadow: none; border-radius: 0; }
.chronicle-card__date { background: transparent; color: #999; }

/* ---- Footer: white, centered, round social buttons ---- */
.site-footer {
	margin-top: 60px;
	padding: 40px 0 50px;
	background: #fff;
	border-top: 0;
	text-align: center;
}
.site-footer__inner { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.site-footer__brand .site-logo { display: none; }
.site-footer__nav { justify-self: auto; }
.site-footer__nav-list { justify-content: center; gap: 0; }
.site-footer__nav-list a { font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 14px; }
.site-footer__aside { align-items: center; }
.site-footer__social { flex-direction: column; align-items: center; gap: 10px; }
.site-footer__social::before {
	content: 'Síguenos';
	flex-basis: 100%;
	width: 100%;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.site-footer__social-link { font-size: 0; gap: 0; width: 36px; height: 36px; justify-content: center; border: 1px solid #000; border-radius: 50%; }
.site-footer__social { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.site-footer__social .site-footer__social-link .a2-icon { display: none; }
.site-footer__social-link::before {
	content: '';
	width: 16px;
	height: 16px;
	background: #000;
	-webkit-mask: var(--nost-icon) center / contain no-repeat;
	mask: var(--nost-icon) center / contain no-repeat;
}
.site-footer__social-link:hover { background: #000; }
.site-footer__social-link:hover::before { background: #fff; }
.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'); }
.site-footer__legal { justify-content: center; }
.site-footer__legal a { color: #999; }

@media (max-width: 768px) {
	.site-logo::after { font-size: 30px; }
	.site-logo__img { width: 52px; height: 52px; }
	.site-header__brand { min-height: 240px; }
	.site-nav a { padding: 4px 10px; }
}

/* Big photo header only on the home; slim on inner pages */
body:not(.home) .site-header__brand { height: 240px; min-height: 0; }

/* Accent is black in Elise: no blue anywhere */
.single-event__hero--has-image .hero-badge { background: rgba(0, 0, 0, 0.72); letter-spacing: 0.04em; }
.single-event__hero--banded .cal-box--hero .cal-box__month,
.home-photos__album-cal.cal-box--hero .cal-box__month,
body.nostalgia .cal-box--hero .cal-box__month { color: #eaeaea; }
.btn-solid--accent:hover { background: #333; }