/* common.css - estilos base mínimos para el sitio */
/* Añadido para resolver referencias desde múltiples páginas y aportar estilos por defecto */

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff; }

.header-img { max-height: 60px; width: auto; display: block; }
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.nav-list { list-style: none; display: flex; gap: 16px; }
.nav-list a { color: #fff; text-decoration: none; }

.footer { background: #24597f; color: #fff; padding: 16px 0; text-align: center; }

/* Clases usadas por dietasfinal y otras páginas */
.button { display: inline-block; padding: 10px 14px; background: #24597f; color: #fff; border-radius: 6px; text-decoration: none; }

/* Video iframe responsive wrapper */
.video-frame iframe { width: 100%; border: none; }

/* Banners y botones comunes */
.veterinario-banner { display: none; }
.show-banner-btn { display: none; }

/* Small utility */
.loading { color: #666; }

/* Tabla por defecto para resultados */
.tabla-resultados, .tabla-resultados th, .tabla-resultados td {
  border: 1px solid #ddd;
}
.tabla-resultados {
  border-collapse: collapse;
  width: 100%;
}
.tabla-resultados th, .tabla-resultados td {
  padding: 8px;
  text-align: left;
}

/* Tablas genéricas de datos */
.tabla-datos, .tabla-datos th, .tabla-datos td {
  border: 1px solid #ddd;
}
.tabla-datos { border-collapse: collapse; width: 100%; }