/* ============================================================
   Identidad de marca Denda Ibérica (manual de identidad corporativa)
   Rojo corporativo (logo) y negro #1d1d1b. Tipografía: Rockwell (titulares,
   se usa Roboto Slab como equivalente web) y Helvetica (textos).
   Se carga DESPUÉS de tienda.css y solo cambia colores, logo y tipografía.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&display=swap');

:root {
  --rojo:     #7a161a;
  --rojo-osc: #5e1014;
  --rojo-cl:  #f8eeee;
  --texto:    #1d1d1b;
}
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--texto); }
h1, h2, h3, .section-title, .hero-texto h1 { font-family: "Rockwell", "Roboto Slab", Georgia, serif; }

/* Cabecera blanca con el logo en color */
.header { background: #fff; border-bottom: 3px solid var(--rojo); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.header .logo { gap: 0; }
.header .logo img { height: 46px; width: auto; display: block; }
.header .logo .logo-corto { display: none; }
.nav-link { color: var(--texto); }
.nav-link:hover { background: var(--rojo-cl); }
.btn-secondary, .btn-carrito, .btn-user {
  background: #fff; color: var(--rojo); border: 1.5px solid var(--rojo);
}
.btn-secondary:hover, .btn-carrito:hover, .btn-user:hover { background: var(--rojo-cl); }

/* Portada por defecto con los colores de marca */
.hero-default { background: linear-gradient(135deg, #1d1d1b 0%, #5e1014 55%, #7a161a 100%); }

/* Pie: el logo va sobre una tarjeta blanca (el fondo del pie es oscuro) */
.footer .logo-pie { display: inline-block; background: #fff; padding: .55rem .8rem; border-radius: 8px; }
.footer .logo-pie img { height: 40px; width: auto; display: block; }

/* Móvil: solo el símbolo para que quepa todo en la cabecera */
@media (max-width: 520px) {
  .header .logo .logo-largo { display: none; }
  .header .logo .logo-corto { display: block; height: 44px; }
}