/*
Theme Name: Mi Escuela Theme
Theme URI: https://example.com
Author: Generado por Juan Idrobo
Description: Tema mínimo para proyecto con páginas: Visión, Misión, Código QR, Galería.
Version: 1.0
Tags: custom-menu, featured-images
Text Domain: mi-escuela-theme
*/
body { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; color:#222; }
.header { background:#0a6fbf; color:white; padding:20px; }
.container { max-width:1000px; margin:30px auto; padding:0 20px; }
.site-title { margin:0; font-size:28px; }
.menu { margin-top:10px; }
.menu a { color:white; margin-right:15px; text-decoration:none; font-weight:bold; }
.footer { background:#f2f2f2; padding:20px; text-align:center; margin-top:40px; }
.page-content img { max-width:100%; height:auto; display:block; margin:10px 0; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.gallery-grid img { width:100%; height:auto; display:block; }

.content-wrapper {
  display: flex;
  gap: 20px;
}

.sidebar {
  width: 250px;
  background: #f0f0f0;
  padding: 15px;
  border-right: 2px solid #ddd;
  color: #333;
}

.sidebar a {
  color: #0a6fbf;
  text-decoration: none;
}

.sidebar a:hover {
  text-decoration: underline;
}

.page-content {
  flex: 1;
  color: #222;
}