/* =====================================================================
   REGALOS BILBAO — «Regalos de Navidad» (/navidad, el bloque de la portada y el enlace de la barra)
   Kit «origen y navidad», 25/10/2026. Va después de rb_tienda.css y usa sus variables.
   ===================================================================== */
.rb-barra-navidad { background: var(--lima); color: var(--tinta) !important; font-weight: 800; }
.rb-barra-navidad:hover { background: #c6e43f !important; }

/* La página */
.rb-nav-plazos { margin: 4px 0 26px; padding: clamp(18px, 3vw, 28px); border-radius: 24px; background: var(--azul); color: #fff; }
.rb-nav-plazos h2 { margin: 0 0 8px; font-size: clamp(1.4rem, 3vw, 2rem); color: #fff; }
.rb-nav-fecha { margin: 0 0 14px; font-size: 18px; line-height: 1.35; max-width: 52rem; }
.rb-nav-plazos .rb-nav-fecha strong { color: var(--lima); }
.rb-nav-tabla { width: 100%; border-collapse: collapse; font-size: 15px; }
.rb-nav-tabla th, .rb-nav-tabla td { text-align: left; padding: 10px 12px; border-top: 1px solid rgba(255,255,255,.22); vertical-align: top; }
.rb-nav-tabla thead th { border-top: 0; font-weight: 600; opacity: .85; font-size: 13px; }
.rb-nav-tabla small { opacity: .8; font-weight: 400; }
.rb-nav-tabla s { opacity: .7; }
.rb-nav-ahora { background: rgba(255,255,255,.12); }
.rb-nav-ahora th, .rb-nav-ahora td { font-weight: 800; }
.rb-nav-aviso { margin: 4px 0 24px; padding: 18px 22px; border-radius: 20px; background: var(--crema); }
.rb-nav-aviso p { margin: 0; }
.rb-nav-preguntas { margin: 40px 0 10px; max-width: 52rem; }
.rb-nav-preguntas h2 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); margin: 0 0 6px; }
.rb-nav-preguntas h3 { font-size: 1.15rem; margin: 22px 0 6px; letter-spacing: -.01em; }
.rb-nav-preguntas p { margin: 0 0 8px; color: var(--tinta); line-height: 1.5; }

/* El bloque de la portada */
.rb-nav-portada { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(16px, 3vw, 36px); align-items: center;
  margin: clamp(20px, 3vw, 36px) 0; padding: clamp(22px, 4vw, 44px); border-radius: 28px; background: var(--azul); color: #fff; }
.rb-nav-portada h2 { margin: 6px 0 10px; font-size: clamp(2rem, 4.6vw, 3.4rem); color: #fff; }
.rb-nav-portada p { margin: 0 0 12px; font-size: 17px; }
.rb-nav-portada .rb-pastilla { background: var(--lima); color: var(--tinta); }
.rb-nav-portada .rb-nav-fecha strong { color: var(--lima); }
.rb-nav-portada-fotos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rb-nav-portada-fotos img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 18px; background: #fff; display: block; }

@media (max-width: 760px) {
  .rb-nav-portada { grid-template-columns: 1fr; }
  .rb-nav-tabla { font-size: 14px; }
  .rb-nav-tabla th, .rb-nav-tabla td { padding: 8px 6px; }
}