/* ============================================================
   public/css/main.css
   Importa desde aquí — el HTML principal usa este archivo
   ============================================================ */

/* El CSS de la portada está incrustado en el HTML principal
   (luxe_horlogerie.html). Este archivo añade estilos globales
   y componentes de páginas interiores.                       */

/* ── Reset mínimo ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: hidden; max-width: 100%; }

/* ── Página interior de noticia ───────────────────────────── */
.noticia-wrap {
  max-width: 820px;
  margin: 2rem auto;
  padding: 0 1.5rem;
}
.noticia-header { margin-bottom: 2rem; }
.noticia-titulo {
  font-family: 'Playfair Display', serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.15;
  color: #e8e0d0;
  margin-bottom: 0.8rem;
}
.noticia-meta {
  display: flex;
  gap: 1.5rem;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5a5448;
}
.noticia-meta span { color: #c9a84c; }
.noticia-imagen {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 2rem;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
.noticia-contenido {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  line-height: 1.8;
  color: #c8bfad;
}
.noticia-contenido p { margin-bottom: 1.4rem; }
.noticia-contenido h2 { font-family: 'Playfair Display', serif; font-size: 26px; color: #e8e0d0; margin: 2rem 0 1rem; }
.noticia-contenido h3 { font-size: 20px; color: #c9a84c; margin: 1.5rem 0 0.8rem; }
.noticia-contenido blockquote {
  border-left: 3px solid #c9a84c;
  padding-left: 1.2rem;
  color: #9a9080;
  font-style: italic;
  margin: 1.5rem 0;
}

/* ── Paginación ───────────────────────────────────────────── */
.paginacion {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
}
.pag-btn {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  background: #252529;
  color: #9a9080;
  text-decoration: none;
  font-size: 12px;
  box-shadow: 5px 5px 12px #0d0d0f, -3px -3px 8px #2f2f36;
  border: 1px solid rgba(201,168,76,0.1);
  transition: all 0.15s;
}
.pag-btn:hover, .pag-btn.active { color: #c9a84c; border-color: rgba(201,168,76,0.3); }

/* ── 404 ──────────────────────────────────────────────────── */
.error-404 {
  text-align: center;
  padding: 5rem 2rem;
  font-family: 'Playfair Display', serif;
}
.error-404 h1 { font-size: 80px; color: #c9a84c; line-height: 1; }
.error-404 p  { font-size: 18px; color: #5a5448; margin-top: 1rem; }