/* tema-sitio.css — Tema claro unificado + saneamiento de ancho y scroll para
   TODAS las páginas del sitio EXCEPTO el catálogo (catalogo_interactivo.html,
   que ya trae su propio tema blanco inline).
   Cargar SIEMPRE como última hoja del <head>, después de branding.css,
   para que gane sobre el tema oscuro y sobre los estilos en línea de cada página. */

/* 1) Sin desbordamientos por padding/border: todo cuenta dentro del ancho */
*, *::before, *::after { box-sizing: border-box; }

/* 2) Mismos colores que la vista de productos: se redefinen las variables de marca
      a su versión clara (se conservan los acentos naranja de branding.css). */
:root {
  --bg-gradient: #ffffff;
  --card-bg: #ffffff;
  --card-border: #eeeeee;
  --text-main: #1e293b;
  --text-muted: #64748b;
}

/* 3) Fondo blanco, sin desbordamiento horizontal */
html, body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;          /* corta cualquier desbordamiento lateral */
  background: #ffffff;
  color: #1e293b;
}

/* 4) La página puede bajar (scroll vertical), pero la barra gris no se ve */
html { scrollbar-width: none; -ms-overflow-style: none; }      /* Firefox / IE-Edge viejo */
html::-webkit-scrollbar,
body::-webkit-scrollbar { width: 0; height: 0; display: none; } /* Chrome / Safari / Edge */

/* 5) Ningún medio embebido empuja el ancho más allá de la pantalla */
img, svg, video, canvas, iframe, table { max-width: 100%; }

/* 6) Header compartido en blanco, idéntico al del catálogo */
.site-header {
  background: #ffffff;
  border-bottom: 1px solid #eee;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-header .logo-text h1 { color: #1e293b; }
.site-header .logo-text p  { color: #64748b; }
.site-nav a { box-shadow: none; border: 1px solid #f0e5dc; }