/*
Theme Name: MonArcila
Theme URI: https://www.ieramonarcila.edu.co/
Author: Gustavo Adolfo Gamboa
Description: Tema institucional MonArcila para la I.E.O. Monseñor Ramón Arcila, alineado con los requisitos de accesibilidad e identidad visual del Índice de Transparencia y Acceso a la Información (ITA - Resolución 1519 de 2020, Procuraduría / MinTIC). Incluye barra superior tipo GOV.CO, barra intermedia con logo y buscador, footer con enlaces de transparencia, barra de accesibilidad retráctil, y personalización completa desde el Customizer.
Version: 1.12.0
Requires PHP: 7.2
Requires at least: 5.6
Text Domain: monarcila
*/

:root {
	--ieoma-color-primary: #2e7d32;
	--ieoma-color-secondary: #1b5e20;
	--ieoma-color-accent: #ffb300;
	--ieoma-color-text: #222222;
	--ieoma-color-bg: #ffffff;
	--ieoma-color-header-bg: #ffffff;
	--ieoma-color-footer-bg: #1b3a1e;
	--ieoma-color-footer-text: #f2f2f2;
	--ieoma-font-base: 16px;
	--ieoma-topbar-bg: #003057;
	--ieoma-topbar-text: #ffffff;
	--ieoma-container-width: 1200px;
	--ieoma-a11y-bar-color: #1a4fa0;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: var(--ieoma-font-base);
	color: var(--ieoma-color-text);
	background: var(--ieoma-color-bg);
	line-height: 1.6;
	overflow-x: hidden;
	max-width: 100vw;
	overflow-wrap: break-word;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--ieoma-color-primary);
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

/* Foco visible obligatorio para accesibilidad (ITA 1.1.f) */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
	outline: 3px solid var(--ieoma-color-accent);
	outline-offset: 2px;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #000;
	color: #fff;
	padding: 10px 16px;
	z-index: 100000;
}

.skip-link:focus {
	left: 0;
}

.ieoma-container {
	max-width: var(--ieoma-container-width);
	margin: 0 auto;
	padding: 0 28px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}