/* ============================================================
   UCA EMPRENDE — Design tokens (--mwm-*)
   Fuente: uca-emprende-preview/colors_and_type.css
   (Manual de Identidad Visual UCA + Manual de Estilo Web UCA)
   ============================================================ */

:root {
	/* ---------- Marca ---------- */
	--mwm-primary: #005877;        /* Azul UCA · Pantone 308 */
	--mwm-primary-hover: #004864;
	--mwm-accent: #E87B00;         /* Naranja UCA · Pantone 152 */
	--mwm-accent-hover: #cc6a00;
	--mwm-neutral: #6B6E6D;        /* Gris UCA · Cool Gray 9 */

	/* ---------- Oscuros institucionales ---------- */
	--mwm-dark: #2e3d43;
	--mwm-dark-mid: #384850;
	--mwm-dark-light: #455a64;

	/* ---------- Texto ---------- */
	--mwm-text: #1a2428;           /* H1-H2 */
	--mwm-text-body: #3c3c3b;
	--mwm-text-secondary: #6B6E6D;
	--mwm-text-tertiary: #9ca3af;
	--mwm-text-inverse: #ffffff;

	/* ---------- Superficies ---------- */
	--mwm-bg: #ffffff;
	--mwm-bg-alt: #f7f9fb;
	--mwm-bg-banda: #ededed;
	--mwm-bg-muted: #f0f2f5;
	--mwm-bg-dark: #2e3d43;
	--mwm-accent-tint: #fff1e0;
	--mwm-brand-tint: #e6f0f4;

	/* ---------- Bordes ---------- */
	--mwm-border-subtle: #e5e7eb;
	--mwm-border: #d1d5db;
	--mwm-border-strong: #9ca3af;

	/* ---------- Estados ---------- */
	--mwm-error: #c62828;          /* 5,6:1 sobre blanco */
	--mwm-error-inverse: #ffb4ab;  /* sobre fondos oscuros/azules */
	--mwm-success: #15803d;

	/* ---------- Sombras (tinte azul UCA) ---------- */
	--mwm-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
	--mwm-shadow-md: 0 1px 2px rgba(16, 24, 40, 0.04), 0 2px 8px rgba(0, 88, 119, 0.04);
	--mwm-shadow-lg: 0 4px 12px rgba(16, 24, 40, 0.06), 0 8px 24px rgba(0, 88, 119, 0.08);
	--mwm-shadow-xl: 0 12px 24px rgba(16, 24, 40, 0.08), 0 24px 48px rgba(0, 88, 119, 0.10);
	--mwm-shadow-focus: 0 0 0 3px rgba(232, 123, 0, 0.25);
	--mwm-shadow-sticky: 0 1px 0 rgba(16, 24, 40, 0.06), 0 4px 8px rgba(0, 88, 119, 0.04);

	/* ---------- Radios ---------- */
	--mwm-radius-sm: 4px;
	--mwm-radius-md: 8px;
	--mwm-radius-lg: 12px;
	--mwm-radius-xl: 16px;
	--mwm-radius-2xl: 24px;
	--mwm-radius-full: 9999px;

	/* ---------- Layout ---------- */
	--mwm-container-max: 1280px;   /* Requisito del cliente: nunca más ancho */
	--mwm-container-wide: 1440px;
	--mwm-gutter: 24px;
	--mwm-section-y: 112px;        /* Padding vertical estándar de sección */
	--mwm-section-y-sm: 80px;
	--mwm-header-h: 80px;
	--mwm-topbar-h: 40px;         /* Barra superior de enlaces (se oculta al hacer scroll) */

	/* ---------- Tipografía ---------- */
	--mwm-font: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
	--mwm-fs-hero: 108px;
	--mwm-fs-h1: 76px;             /* H1 de heros interiores */
	--mwm-fs-h2: 56px;             /* Títulos de sección */
	--mwm-fs-h2-sm: 44px;
	--mwm-fs-h3: 28px;
	--mwm-fs-h4: 22px;
	--mwm-fs-lead: 20px;
	--mwm-fs-body-lg: 18px;
	--mwm-fs-body: 17px;
	--mwm-fs-body-sm: 15px;
	--mwm-fs-caption: 13px;
	--mwm-fs-eyebrow: 14px;
	--mwm-ls-tight: -0.02em;
	--mwm-ls-eyebrow: 0.08em;

	/* ---------- Movimiento ---------- */
	--mwm-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
	--mwm-dur-fast: 150ms;
	--mwm-dur: 200ms;
	--mwm-dur-slow: 300ms;
}

@media (max-width: 1080px) {
	:root {
		--mwm-fs-hero: 72px;
		--mwm-fs-h1: 64px;
		--mwm-section-y: 88px;
	}
}

@media (max-width: 760px) {
	:root {
		--mwm-gutter: 16px;
		--mwm-fs-hero: clamp(44px, 12vw, 64px);
		--mwm-fs-h1: clamp(36px, 10vw, 52px);
		--mwm-fs-h2: clamp(28px, 8.5vw, 36px);
		--mwm-fs-h2-sm: clamp(28px, 8.5vw, 36px);
		--mwm-fs-h3: 22px;
		--mwm-fs-h4: 18px;
		--mwm-fs-lead: 18px;
		--mwm-fs-body-lg: 17px;
		--mwm-fs-body: 16px;
		--mwm-fs-body-sm: 14px;
		--mwm-fs-caption: 12px;
		--mwm-fs-eyebrow: 13px;
		--mwm-section-y: 64px;
		--mwm-section-y-sm: 56px;
		--mwm-header-h: 64px;
		--mwm-topbar-h: 52px;          /* Dos líneas de enlaces en móvil */
	}
}

/* Altura de la barra de admin para los elementos sticky. Por debajo de 600px la barra de admin
   es absolute (se va con el scroll), así que no hay que dejarle hueco. */
body.admin-bar { --mwm-adminbar: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) {
	body.admin-bar { --mwm-adminbar: 0px; }
}