/* provincia.css — Estilos específicos de la página de provincia */

/* HERO */
.prov-hero {
  background: linear-gradient(160deg, #0E0804 0%, #1C1008 45%, #2A1A08 100%);
  padding: 36px 20px 32px;
  border-bottom: 1px solid rgba(201,168,76,.2);
  position: relative;
}
.prov-hero::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.prov-hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.breadcrumb-bar {
  font-size: .8rem; color: rgba(255,255,255,.4); margin-bottom: 12px;
}
.breadcrumb-bar a { color: rgba(255,255,255,.55); text-decoration: none; }
.breadcrumb-bar a:hover { color: var(--gold); }
.breadcrumb-bar span { margin: 0 6px; }

.prov-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 600; color: var(--white); line-height: 1.15;
}
.prov-hero p {
  margin-top: 8px; color: rgba(255,255,255,.5);
  font-size: .9rem; max-width: 560px;
}
.prov-stats {
  display: flex; gap: 20px; margin-top: 16px; flex-wrap: wrap;
}
.prov-stat { font-size: .82rem; color: rgba(255,255,255,.55); }
.prov-stat strong {
  color: var(--gold-lt); font-family: 'Cinzel', serif;
  font-size: 1.1rem; margin-right: 4px;
}

/* SECCIÓN POR CATEGORÍA */
.cat-section { margin-bottom: 36px; }
.cat-section-title {
  font-family: 'Cinzel', serif; font-size: .7rem; letter-spacing: 2px;
  text-transform: uppercase; color: var(--gold-dk);
  margin-bottom: 16px; padding-bottom: 8px;
  border-bottom: 1px solid rgba(201,168,76,.2);
}

/* Tarjetas — son <a> en provincia */
.listing-card { text-decoration: none; color: inherit; }

/* MÓVIL: sidebar de provincias va DEBAJO del contenido */
@media (max-width: 768px) {
  .main-container { display: flex; flex-direction: column; }
  .main-container aside { order: 2; }
  .main-container main { order: 1; }
}