/* Theme Name: GAMS Sacaba Theme URI: https://sacaba.gob.bo Description: Tema oficial del Gobierno Autónomo Municipal de Sacaba. Stack: Bulma CSS 1.x + Bootstrap Icons + JS vanilla. Lineamientos AGETIC gob.bo. Author: GAMS Sacaba — Unidad de Tecnologías de Información Version: 1.0.0 Text Domain: gams Tags: gobierno, municipio, bolivia, agetic, bulma */ /* * ================================================================ * ORDEN DE CARGA DE ESTILOS (definido en functions.php): * * 1. style.css ← este archivo (cabecera WP + reset base) * 2. Bulma CSS (CDN) ← framework base * 3. Bootstrap Icons ← iconos * 4. Google Fonts ← tipografía * 5. variables.css ← tokens :root (colores, espaciados, fuente) * sobreescritos por customizer.php inline * 6. header-logo.css ← cabecera logo/búsqueda * 7. header-nav.css ← navbar * 8. front-page.css ← portada (solo is_front_page) * 9. footer.css ← pie de página * * NOTA font-size: * - variables.css declara html { font-size: 16px } como fallback * - customizer.php inyecta html { font-size: Npx } con el valor * real del Personalizador VIA wp_add_inline_style(priority=20) * - style.css NO toca font-size para no crear conflictos * ================================================================ */ /* ── Reset mínimo ───────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; } /* ── Tipografía escalable con rem ───────────────────────────── */ /* * Estos valores usan rem, por lo que escalan automáticamente * cuando html { font-size } cambia desde el Personalizador. * Los !important son necesarios para sobreescribir Bulma. */ h1 { font-size: 2.25rem !important; line-height: 1.25 !important; margin-bottom: 0.5rem !important; } h2 { font-size: 1.75rem !important; line-height: 1.3 !important; margin-bottom: 0.5rem !important; } h3 { font-size: 1.375rem !important; line-height: 1.35 !important; margin-bottom: 0.4rem !important; } h4 { font-size: 1.125rem !important; line-height: 1.3 !important; margin-bottom: 0.35rem !important; } h5 { font-size: 1rem !important; line-height: 1.3 !important; margin-bottom: 0.3rem !important; } h6 { font-size: 0.875rem !important; line-height: 1.25 !important; margin-bottom: 0.3rem !important; } body { font-family: var(--fuente, 'Montserrat', Arial, sans-serif); background: var(--background-default, #f8f7f4); color: var(--texto-default, #1a1a2e); font-size: 1rem; /* siempre 1rem = lo que diga */ line-height: 1.5; margin: 0; } /* ── Helpers globales reutilizables en todo el tema ─────────── */ .gams-container { max-width: var(--max-ancho, 1366px); margin: 0 auto; padding: 0 24px; } .section-container { padding: 0 16px; } .texto-grande { font-size: 2rem; line-height: 1; } .texto-pequeno { font-size: 0.78rem; } .small { font-size: 0.78rem; } .ocultar-en-movil { display: block; } .mostrar-en-movil { display: none; } @media (max-width: 768px) { .ocultar-en-movil { display: none !important; } .mostrar-en-movil { display: block !important; } .gams-container { padding: 0 16px; } .section-container { padding: 0 6px; } }