/** ./src/css/intranet-base.css */

/* =====================================================
   01. TOKENS / VARIABLES GLOBALES
===================================================== */
:root {
  --en-blue: #007bbc;
  --en-green: #49a942;
  --en-gray: #dcdcdc;
  --en-white: #ffffff;
  --en-black: #111111;

  --bg-page: #f2f2f2;
  --bg-surface: var(--en-white);
  --bg-surface-muted: #fafafa;
  --bg-surface-soft: #f7f7f7;
  --bg-surface-soft-alt: #f6f6f6;
  --bg-surface-blue-soft: #e6f4fb;
  --bg-surface-green-soft: #e8f7ea;
  --bg-surface-green-tint: #f1faf2;
  --bg-surface-red-tint: #fbf3f3;

  --status-green-bg: #eaf8ec;
  --status-green-border: #49a942;
  --status-green-text: #0b5f1f;

  --status-yellow-bg: #fff7df;
  --status-yellow-border: #e6a23c;
  --status-yellow-text: #8a560d;

  --status-red-bg: #fbf3f3;
  --status-red-border: #c85d5d;
  --status-red-text: #8c3a3a;

  --text-color: var(--en-black);
  --text-muted: #777777;
  --text-muted-strong: #666666;
  --text-soft: #555555;
  --text-green-dark: #0b5f1f;
  --text-blue-dark: #084c73;
  --text-warning: #b36214;
  --text-danger: #8c3a3a;

  --border-color: var(--en-green);
  --border-green: var(--en-green);
  --border-soft: #dddddd;
  --border-soft-2: #eeeeee;
  --border-soft-3: #e5e5e5;
  --border-soft-4: #e8e8e8;
  --border-soft-5: #f3f3f3;
  --border-neutral: #cccccc;
  --border-neutral-2: #aaaaaa;
  --border-danger: #c00;
  --border-success: #0a0;
  --border-danger-soft: #d9c7c7;
  --border-warning: #e6923b;

  --border-radius-lg: 22px;
  --border-radius-md: 16px;

  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.025);
  --shadow-card-hover: 0 10px 26px rgba(0, 0, 0, 0.06);

  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.875rem;
  --font-size-md: 0.9375rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.375rem;
  --font-size-3xl: 1.5rem;
  --font-size-4xl: 1.625rem;
  --font-size-5xl: 1.75rem;

  --line-height-tight: 1.1;
  --line-height-snug: 1.2;
  --line-height-normal: 1.5;
}

/* =====================================================
   02. RESET / BASE GLOBAL
===================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--font-size-lg);
  color: var(--text-color);
  background: var(--bg-page);
  line-height: var(--line-height-normal);
}

body.single {
  background: var(--en-white);
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

input {
  border: none;
  border-bottom: 1px solid var(--en-black);
}

/* =====================================================
   03. UTILIDADES GENERALES
===================================================== */
.enernav-muted {
  color: var(--text-muted-strong);
  opacity: 0.8;
}

/* =====================================================
   04. WRAPPERS, HEADERS Y LAYOUT GLOBAL
===================================================== */
.page-wrapper {
  margin: 1rem auto 0;
  padding: 0 1rem;
}
body.wp-singular .page-wrapper, body.archive .page-wrapper{
  display: grid;
  gap: 1rem;
}
.page-wrapper:has(.enernav-single-page) {
  margin: 0;
}

.enernav-page-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  box-sizing: border-box;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--border-green);
  border-radius: var(--border-radius-md);
  background: var(--bg-surface);
  box-shadow: var(--shadow-soft);
}

.enernav-page-header--flush {
  margin-top: 0;
}

.page-title {
  font-size: var(--font-size-2xl);
  font-weight: 600;
}

.page-subtitle {
  max-width: 640px;
  font-size: var(--font-size-sm);
  color: var(--text-muted);
}

.page-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.page-footer {
  margin-top: 24px;
  padding: 10px 20px;
  border-top: 1px solid var(--border-color);
  font-size: var(--font-size-2xs);
  color: var(--text-muted);
  background: var(--bg-surface);
}

body.single:has(.enernav-single-page__shell) .page-footer {
  margin: 0;
}

/* Shared page header typography.
   Keep page headers visually aligned across RH, Mi Panel, archives and front-end modules. */

.enernav-page-header .page-title {
  margin: 0;
  color: var(--text-color);
  font-size: var(--font-size-4xl);
  font-weight: 700;
  line-height: var(--line-height-snug);
}

.enernav-page-header .page-subtitle,
.enernav-page-header .enernav-muted {
  max-width: 860px;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
}

.enernav-page-header .enernav-subheader {
  margin-top: 6px;
}