/*
Theme Name:   GeneratePress ITA Curadores
Theme URI:    https://vlanko.com
Description:  Child theme institucional para Curadores Urbanos — ITA 2026
Author:       Vlanko
Template:     generatepress
Version:      1.0.0
Text Domain:  generatepress-ita
*/

/* ─── VARIABLES ──────────────────────────────────────────────────────────────── */
:root {
  --ita-azul:        #1a3a5c;
  --ita-azul-hover:  #142d47;
  --ita-azul-light:  #2a5a8c;
  --ita-dorado:      #d4a017;
  --ita-dorado-light:#f0c040;
  --ita-gris:        #f5f6f8;
  --ita-gris-medio:  #e8eaed;
  --ita-texto:       #2c3e50;
  --ita-texto-suave: #5a6a7a;
  --ita-blanco:      #ffffff;
  --ita-radio:       6px;
  --ita-sombra:      0 2px 16px rgba(0,0,0,0.08);
  --ita-sombra-hover:0 6px 24px rgba(26,58,92,0.18);
}

/* ─── HOMEPAGE OVERRIDE — quitar margin-top del admin bar ───────────────────── */
.ita-homepage { margin-top: 0 !important; }
/* WP ya añade html { margin-top: 32px } para el admin bar — no duplicar */
@media screen and (max-width: 782px) { html { margin-top: 46px !important; } }

/* ─── RESET GENERATEPRESS ────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', 'Open Sans', Arial, sans-serif;
  color: var(--ita-texto);
  background: var(--ita-blanco);
  font-size: 15px;
  line-height: 1.75;
}

/* ─── BARRA GOV.CO — Resolución 1519/2020 MinTIC, Anexo 2 ──────────────────────── */
.ita-govco-bar {
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  font-size: 12px;
  padding: 4px 0;
}
.ita-govco-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.ita-govco-logo {
  display: flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: #222;
  font-size: 13px;
  letter-spacing: 0.01em;
  flex-shrink: 0;
}
.ita-govco-logo strong { font-weight: 800; color: #222; }
.ita-govco-logo .ita-govco-co { color: #b91c1c; }
.ita-govco-logo .ita-govco-sep { color: #555; margin: 0 1px; }
.ita-govco-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 1px; }
.ita-govco-dot-1 { background: #ffcd00; }
.ita-govco-dot-2 { background: #003893; }
.ita-govco-dot-3 { background: #c8102e; }
.ita-govco-text {
  color: #475569;
  font-size: 11.5px;
  flex: 1;
}
.ita-govco-right { display: flex; align-items: center; gap: 10px; }
.ita-govco-right a { color: #1a3a5c; }
.ita-govco-right a:hover { color: var(--ita-dorado); }
@media (max-width: 640px) {
  .ita-govco-text { display: none; }
}

/* ─── TOP BAR ────────────────────────────────────────────────────────────────── */
.ita-topbar {
  background: var(--ita-azul);
  color: rgba(255,255,255,0.88);
  font-size: 12.5px;
  padding: 6px 0;
  border-bottom: 2px solid var(--ita-dorado);
}
.ita-topbar .ita-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.ita-topbar a { color: rgba(255,255,255,0.88); text-decoration: none; }
.ita-topbar a:hover { color: var(--ita-dorado-light); }
.ita-topbar-items { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.ita-topbar-item { display: flex; align-items: center; gap: 5px; }
.ita-topbar-item svg { width: 13px; height: 13px; opacity: 0.8; flex-shrink: 0; }
.ita-topbar-vigencia {
  background: var(--ita-dorado);
  color: var(--ita-azul);
  font-weight: 700;
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 20px;
  letter-spacing: 0.03em;
}

/* ─── HEADER PROPIO (front-page standalone) ─────────────────────────────────── */
.ita-header {
  background: var(--ita-blanco);
  border-bottom: 1px solid var(--ita-gris-medio);
  box-shadow: 0 1px 8px rgba(0,0,0,0.06);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.ita-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 24px;
}
.ita-logo-wrap { flex-shrink: 0; }
.ita-logo-link { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.ita-logo-sigla {
  width: 44px; height: 44px;
  background: var(--ita-azul);
  color: var(--ita-blanco);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 800;
  text-align: center; line-height: 1.2;
  flex-shrink: 0;
}
.ita-logo-nombre { display: block; font-size: 13.5px; font-weight: 800; color: var(--ita-azul); line-height: 1.25; max-width: 180px; }
.ita-logo-subtitulo { display: block; font-size: 10.5px; color: var(--ita-texto-suave); margin-top: 2px; white-space: nowrap; }
.ita-nav { display: flex; align-items: center; gap: 2px; min-width: 0; }
.ita-nav-lista { display: flex; list-style: none; margin: 0; padding: 0; gap: 0; flex-wrap: nowrap; }
.ita-nav-item { position: relative; }
.ita-nav-item > a {
  display: block;
  padding: 10px 10px;
  font-size: 13px; font-weight: 500;
  color: var(--ita-texto);
  text-decoration: none;
  border-radius: var(--ita-radio);
  transition: background 0.18s, color 0.18s;
  white-space: nowrap;
}
.ita-nav-item > a:hover { background: var(--ita-gris); color: var(--ita-azul); }
.ita-arrow { font-size: 10px; opacity: 0.6; }
.ita-submenu {
  position: absolute;
  top: 100%;          /* empieza justo debajo del li padre */
  left: 0;
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-top: 2px solid var(--ita-dorado);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  min-width: 230px;
  list-style: none;
  margin: 0;
  /* puente: 8px de padding invisible entre el li y el borde visual */
  padding: 8px 0 6px;
  z-index: 999;
  /* animación: no desaparece instantáneamente */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}
/* Zona puente: extiende el área activa del li hacia abajo para no perder el hover */
.ita-has-sub::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8px; /* solapa con el padding-top del submenu */
  background: transparent;
}
.ita-has-sub:hover .ita-submenu,
.ita-has-sub:focus-within .ita-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.ita-submenu li a {
  display: block;
  padding: 9px 18px;
  font-size: 13px;
  color: var(--ita-texto);
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.ita-submenu li a:hover { background: var(--ita-gris); color: var(--ita-azul); }
.ita-submenu-grupo {
  padding: 8px 18px 4px;
  font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  color: var(--ita-dorado); pointer-events: none;
  border-top: 1px solid var(--ita-gris-medio); margin-top: 4px;
}
.ita-submenu li:first-child.ita-submenu-grupo { border-top: none; margin-top: 0; }
.ita-nav-pqrs { margin-left: 12px; font-size: 13px; padding: 10px 18px; white-space: nowrap; }

/* ─── HEADER GENERATEPRESS (páginas internas) ─────────────────────────────── */
.site-header {
  background: var(--ita-blanco) !important;
  border-bottom: 1px solid var(--ita-gris-medio) !important;
  padding: 16px 0 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06);
}
.site-header .inside-header { padding: 0 !important; }
.site-title { font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; }
.site-title a { color: var(--ita-azul) !important; text-decoration: none; }
.site-description { color: var(--ita-texto-suave) !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }

/* ─── NAVEGACIÓN ─────────────────────────────────────────────────────────────── */
.main-nav { background: var(--ita-azul) !important; }
.main-navigation ul li a {
  color: var(--ita-blanco) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  padding: 14px 18px !important;
  transition: background 0.2s, color 0.2s;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current-page-ancestor > a {
  background: var(--ita-dorado) !important;
  color: var(--ita-azul) !important;
}
.main-navigation .sub-menu {
  background: var(--ita-azul-hover) !important;
  border-top: 2px solid var(--ita-dorado) !important;
  border-radius: 0 0 var(--ita-radio) var(--ita-radio);
  min-width: 240px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}
.main-navigation .sub-menu a {
  font-size: 13px !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.main-navigation .sub-menu a:hover { background: var(--ita-dorado) !important; color: var(--ita-azul) !important; }

/* Botón PQRS rápido en nav */
.nav-pqrs-btn > a {
  background: var(--ita-dorado) !important;
  color: var(--ita-azul) !important;
  font-weight: 700 !important;
  border-radius: var(--ita-radio) !important;
  margin: 6px 12px !important;
}
.nav-pqrs-btn > a:hover { background: var(--ita-dorado-light) !important; }

/* ─── CONTENEDOR GLOBAL ──────────────────────────────────────────────────────── */
.ita-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ─── HERO ───────────────────────────────────────────────────────────────────── */
.ita-hero {
  background: linear-gradient(135deg, var(--ita-azul) 0%, var(--ita-azul-light) 100%);
  color: var(--ita-blanco);
  padding: 64px 0;
  position: relative;
  overflow: hidden;
}
.ita-hero::before {
  content: '';
  position: absolute;
  right: -80px; top: -80px;
  width: 420px; height: 420px;
  background: rgba(255,255,255,0.04);
  border-radius: 50%;
}
.ita-hero::after {
  content: '';
  position: absolute;
  left: -40px; bottom: -60px;
  width: 280px; height: 280px;
  background: rgba(212,160,23,0.1);
  border-radius: 50%;
}
.ita-hero-inner { display: flex; align-items: center; gap: 48px; position: relative; z-index: 1; }
.ita-hero-text { flex: 1; }
.ita-hero-badge {
  display: inline-block;
  background: var(--ita-dorado);
  color: var(--ita-azul);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.ita-hero h1 {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 12px;
  color: var(--ita-blanco);
}
.ita-hero-subtitulo {
  font-size: 16px;
  color: rgba(255,255,255,0.78);
  margin: 0 0 28px;
  max-width: 520px;
}
.ita-hero-acciones { display: flex; gap: 12px; flex-wrap: wrap; }
.ita-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 24px;
  border-radius: var(--ita-radio);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.22s;
  cursor: pointer;
  border: 2px solid transparent;
}
.ita-btn-primario { background: var(--ita-dorado); color: var(--ita-azul); }
.ita-btn-primario:hover { background: var(--ita-dorado-light); color: var(--ita-azul); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(212,160,23,0.4); }
.ita-btn-secundario { background: transparent; color: var(--ita-blanco); border-color: rgba(255,255,255,0.45); }
.ita-btn-secundario:hover { background: rgba(255,255,255,0.1); border-color: var(--ita-blanco); }
.ita-hero-foto {
  width: 220px;
  height: 280px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  border: 4px solid rgba(255,255,255,0.2);
  box-shadow: 0 16px 48px rgba(0,0,0,0.3);
  background: rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ita-hero-foto-placeholder {
  text-align: center;
  color: rgba(255,255,255,0.5);
  font-size: 13px;
  padding: 20px;
}
.ita-hero-foto-placeholder svg { width: 64px; height: 64px; margin-bottom: 8px; display: block; margin-inline: auto; }

/* ─── ACCESOS RÁPIDOS ────────────────────────────────────────────────────────── */
.ita-accesos {
  background: var(--ita-blanco);
  padding: 0;
  margin-top: -1px;
}
.ita-accesos-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-top: 4px solid var(--ita-dorado);
}
.ita-acceso-item {
  padding: 28px 24px;
  text-align: center;
  border-right: 1px solid var(--ita-gris-medio);
  text-decoration: none;
  color: var(--ita-texto);
  transition: all 0.22s;
  background: var(--ita-blanco);
}
.ita-acceso-item:last-child { border-right: none; }
.ita-acceso-item:hover { background: var(--ita-azul); color: var(--ita-blanco); }
.ita-acceso-item:hover .ita-acceso-icon { background: rgba(255,255,255,0.15); }
.ita-acceso-item:hover .ita-acceso-titulo { color: var(--ita-blanco); }
.ita-acceso-item:hover .ita-acceso-desc { color: rgba(255,255,255,0.75); }
.ita-acceso-icon {
  width: 56px; height: 56px;
  background: var(--ita-gris);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 12px;
  transition: background 0.22s;
}
.ita-acceso-icon svg { width: 26px; height: 26px; color: var(--ita-azul); transition: color 0.22s; }
.ita-acceso-item:hover .ita-acceso-icon svg { color: var(--ita-dorado-light); }
.ita-acceso-titulo { font-size: 14px; font-weight: 700; margin: 0 0 4px; color: var(--ita-azul); transition: color 0.22s; }
.ita-acceso-desc { font-size: 12px; color: var(--ita-texto-suave); margin: 0; transition: color 0.22s; }

/* ─── SECCIONES GENÉRICAS ────────────────────────────────────────────────────── */
.ita-seccion { padding: 64px 0; }
.ita-seccion-gris { background: var(--ita-gris); }
.ita-seccion-titulo {
  font-size: 28px;
  font-weight: 800;
  color: var(--ita-azul);
  margin: 0 0 8px;
}
.ita-seccion-subtitulo {
  font-size: 15px;
  color: var(--ita-texto-suave);
  margin: 0 0 40px;
}
.ita-seccion-header { text-align: center; }
.ita-seccion-header::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background: var(--ita-dorado);
  margin: 16px auto 40px;
  border-radius: 2px;
}

/* ─── LICENCIAS ──────────────────────────────────────────────────────────────── */
.ita-licencias-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.ita-licencia-card {
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 14px;
  padding: 28px 22px 24px;
  text-align: center;
  transition: all 0.25s;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.ita-licencia-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ita-azul), var(--ita-dorado));
  opacity: 0;
  transition: opacity 0.25s;
}
.ita-licencia-card:hover {
  border-color: var(--ita-azul);
  box-shadow: 0 8px 32px rgba(26,58,92,0.14);
  transform: translateY(-4px);
}
.ita-licencia-card:hover::before { opacity: 1; }
.ita-licencia-icono {
  width: 80px; height: 80px;
  border-radius: 20px;
  background: linear-gradient(135deg, #eef2f8 0%, #dce6f0 100%);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px;
  transition: background 0.25s, transform 0.25s;
}
.ita-licencia-card:hover .ita-licencia-icono {
  background: linear-gradient(135deg, var(--ita-azul) 0%, #0f2640 100%);
  transform: scale(1.06);
}
.ita-licencia-icono svg { width: 46px; height: 46px; color: var(--ita-azul); transition: color 0.25s; }
.ita-licencia-card:hover .ita-licencia-icono svg { color: var(--ita-dorado-light); }
.ita-licencia-etiq {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--ita-dorado);
  background: rgba(212,160,23,0.1);
  border-radius: 20px;
  padding: 2px 9px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.ita-licencia-nombre { font-size: 15px; font-weight: 700; color: var(--ita-azul); margin: 0 0 8px; line-height: 1.25; }
.ita-licencia-desc { font-size: 13px; color: var(--ita-texto-suave); margin: 0 auto 16px; line-height: 1.55; max-width: 260px; flex: 1; }
.ita-licencia-link {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12.5px; font-weight: 600;
  color: var(--ita-azul); text-decoration: none;
  border: 1.5px solid var(--ita-azul);
  border-radius: 20px;
  padding: 5px 14px;
  transition: background 0.2s, color 0.2s;
  margin-top: auto;
}
.ita-licencia-link:hover { background: var(--ita-azul); color: var(--ita-blanco); }

/* ─── CURADOR (SOBRE MÍ) ─────────────────────────────────────────────────────── */
.ita-curador-inner { display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: center; }
.ita-curador-foto-wrap {
  position: relative;
}
.ita-curador-foto {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ita-gris-medio);
  display: flex; align-items: center; justify-content: center;
}
.ita-curador-foto img { width: 100%; height: 100%; object-fit: cover; }
.ita-curador-badge-foto {
  position: absolute;
  bottom: -16px; left: 50%;
  transform: translateX(-50%);
  background: var(--ita-azul);
  color: var(--ita-blanco);
  font-size: 12px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 20px;
  white-space: nowrap;
  border: 3px solid var(--ita-dorado);
}
.ita-curador-texto { padding-bottom: 16px; }
.ita-curador-cargo { font-size: 13px; font-weight: 600; color: var(--ita-dorado); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.ita-curador-nombre { font-size: 32px; font-weight: 800; color: var(--ita-azul); margin: 0 0 20px; }
.ita-curador-bio { font-size: 15px; color: var(--ita-texto-suave); line-height: 1.8; margin-bottom: 28px; }
.ita-curador-stats { display: flex; gap: 24px; margin-bottom: 32px; }
.ita-stat { text-align: center; }
.ita-stat-numero { font-size: 28px; font-weight: 800; color: var(--ita-azul); display: block; }
.ita-stat-label { font-size: 12px; color: var(--ita-texto-suave); }

/* ─── HORARIOS ───────────────────────────────────────────────────────────────── */
.ita-horarios-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.ita-horario-card {
  background: var(--ita-blanco);
  border-radius: 12px;
  padding: 28px;
  border-left: 4px solid var(--ita-azul);
  box-shadow: var(--ita-sombra);
}
.ita-horario-titulo { font-size: 16px; font-weight: 700; color: var(--ita-azul); margin: 0 0 16px; display: flex; align-items: center; gap: 8px; }
.ita-horario-titulo svg { width: 18px; height: 18px; color: var(--ita-dorado); }
.ita-horario-fila { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--ita-gris-medio); font-size: 13.5px; }
.ita-horario-fila:last-child { border-bottom: none; }
.ita-horario-dia { color: var(--ita-texto-suave); }
.ita-horario-hora { font-weight: 600; color: var(--ita-azul); }

/* ─── ENTIDADES ALIADAS ──────────────────────────────────────────────────────── */
.ita-aliadas { padding: 40px 0; border-top: 1px solid var(--ita-gris-medio); border-bottom: 1px solid var(--ita-gris-medio); }
.ita-aliadas-titulo { font-size: 11px; font-weight: 700; color: var(--ita-texto-suave); text-transform: uppercase; letter-spacing: 0.1em; text-align: center; margin-bottom: 24px; }
.ita-aliadas-logos { display: flex; justify-content: center; align-items: center; gap: 32px; flex-wrap: wrap; }
.ita-aliada-item {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 10px;
  padding: 14px 20px;
  min-width: 100px;
  text-align: center;
  transition: box-shadow 0.2s;
}
.ita-aliada-item:hover { box-shadow: var(--ita-sombra); }
.ita-aliada-sigla { font-size: 18px; font-weight: 800; color: var(--ita-azul); }
.ita-aliada-nombre { font-size: 10px; color: var(--ita-texto-suave); max-width: 90px; line-height: 1.3; }

/* ─── CONTACTO RÁPIDO BANNER ─────────────────────────────────────────────────── */
.ita-contacto-banner {
  background: var(--ita-azul);
  color: var(--ita-blanco);
  padding: 40px 0;
}
.ita-contacto-banner-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; }
.ita-contacto-banner h3 { font-size: 22px; font-weight: 700; margin: 0 0 4px; color: #fff; }
.ita-contacto-banner p { margin: 0; color: rgba(255,255,255,0.75); font-size: 14px; }
.ita-contacto-datos { display: flex; gap: 32px; flex-wrap: wrap; }
.ita-contacto-banner .ita-contacto-dato { display: flex; align-items: center; gap: 10px; border: none; padding: 0; }
.ita-contacto-banner .ita-contacto-dato svg { width: 20px; height: 20px; color: rgba(255,255,255,.55); flex-shrink: 0; }
.ita-contacto-banner .ita-contacto-dato-info { display: flex; flex-direction: column; }
.ita-contacto-banner .ita-contacto-dato-label { font-size: 10px; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; margin-bottom: 2px; }
.ita-contacto-banner .ita-contacto-dato-valor { font-size: 14px; font-weight: 600; color: #fff; }

/* ─── FOOTER ─────────────────────────────────────────────────────────────────── */
.ita-footer {
  background: #0f2238;
  color: rgba(255,255,255,0.75);
  padding: 56px 0 0;
}
.ita-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px; }
.ita-footer-col-titulo { font-size: 13px; font-weight: 700; color: var(--ita-dorado); text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 16px; }
.ita-footer-nombre { font-size: 18px; font-weight: 800; color: var(--ita-blanco); margin: 0 0 6px; }
.ita-footer-subtitulo { font-size: 12px; color: rgba(255,255,255,0.5); margin: 0 0 16px; line-height: 1.5; }
.ita-footer-col ul { list-style: none; margin: 0; padding: 0; }
.ita-footer-col ul li { margin-bottom: 8px; }
.ita-footer-col ul li a { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 13px; transition: color 0.2s; }
.ita-footer-col ul li a:hover { color: var(--ita-dorado-light); }
.ita-footer-dato { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; font-size: 13px; }
.ita-footer-dato svg { width: 14px; height: 14px; color: var(--ita-dorado); flex-shrink: 0; margin-top: 3px; }
.ita-footer-redes { display: flex; gap: 12px; margin-top: 12px; }
.ita-footer-redes a { color: rgba(255,255,255,0.75); display: inline-flex; }
.ita-footer-redes a:hover { color: var(--ita-dorado-light); }
.ita-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.ita-footer-copy { font-size: 12px; color: rgba(255,255,255,0.45); }
.ita-footer-normas { display: flex; gap: 16px; flex-wrap: wrap; }
.ita-footer-normas a { font-size: 11px; color: rgba(255,255,255,0.45); text-decoration: none; }
.ita-footer-normas a:hover { color: var(--ita-dorado-light); }
.ita-footer-developed { font-size: 11px; color: rgba(255,255,255,0.3); }
.ita-footer-developed strong { color: rgba(255,255,255,0.55); }

/* ═══════════════════════════════════════════════════════════════════════════════
   PÁGINAS INTERNAS
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── PAGE HERO ──────────────────────────────────────────────────────────────── */
.ita-page-hero {
  background: var(--ita-azul);
  padding: 36px 0 32px;
  border-bottom: 3px solid var(--ita-dorado);
}
.ita-breadcrumb {
  font-size: 12.5px;
  color: rgba(255,255,255,0.65);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.ita-breadcrumb a { color: rgba(255,255,255,0.75); text-decoration: none; }
.ita-breadcrumb a:hover { color: var(--ita-dorado-light); }
.ita-bc-sep { opacity: 0.5; }
.ita-bc-current { color: var(--ita-dorado-light); font-weight: 500; }
.ita-page-titulo {
  font-size: 30px;
  font-weight: 800;
  color: var(--ita-blanco);
  margin: 0;
  line-height: 1.2;
}

/* ─── LAYOUT INTERIOR ────────────────────────────────────────────────────────── */
.ita-page-body { padding: 48px 0 64px; }
.ita-page-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  align-items: start;
}

/* ─── SIDEBAR ────────────────────────────────────────────────────────────────── */
.ita-sidebar { position: sticky; top: 80px; }
.ita-sidebar-card {
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.ita-sidebar-titulo {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--ita-blanco);
  background: var(--ita-azul);
  margin: 0;
  padding: 14px 18px;
}
.ita-sidebar-titulo a { color: var(--ita-blanco); text-decoration: none; }
.ita-sidebar-menu { list-style: none; margin: 0; padding: 8px 0; }
.ita-sidebar-item { border-bottom: 1px solid var(--ita-gris-medio); }
.ita-sidebar-item:last-child { border-bottom: none; }
.ita-sidebar-item > a {
  display: block;
  padding: 10px 18px;
  font-size: 13.5px;
  color: var(--ita-texto);
  text-decoration: none;
  transition: all 0.18s;
}
.ita-sidebar-item > a:hover { background: var(--ita-gris); color: var(--ita-azul); }
.ita-sidebar-active > a {
  background: var(--ita-gris);
  color: var(--ita-azul);
  font-weight: 700;
  border-left: 3px solid var(--ita-dorado);
  padding-left: 15px;
}
.ita-sidebar-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--ita-gris);
}
.ita-sidebar-sub li a {
  display: block;
  padding: 8px 18px 8px 28px;
  font-size: 13px;
  color: var(--ita-texto-suave);
  text-decoration: none;
  transition: color 0.18s;
}
.ita-sidebar-sub li a:hover { color: var(--ita-azul); }
.ita-sidebar-sub li.ita-sidebar-active a {
  color: var(--ita-azul);
  font-weight: 700;
  border-left: 3px solid var(--ita-dorado);
  padding-left: 25px;
}
.ita-sidebar-pqrs {
  background: var(--ita-azul);
  border-radius: 12px;
  padding: 20px;
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  text-align: center;
}
.ita-sidebar-pqrs svg { width: 32px; height: 32px; color: var(--ita-dorado); margin: 0 auto 10px; display: block; }
.ita-sidebar-pqrs p { margin: 0 0 4px; }
.ita-sidebar-pqrs strong { color: var(--ita-blanco); }

/* ─── CONTENIDO PRINCIPAL ────────────────────────────────────────────────────── */
.ita-article {
  background: var(--ita-blanco);
  border-radius: 12px;
  border: 1px solid var(--ita-gris-medio);
  padding: 40px 48px;
}
.ita-entry-content { font-size: 15px; line-height: 1.85; color: var(--ita-texto); }
.ita-entry-content h2 { font-size: 22px; font-weight: 700; color: var(--ita-azul); margin: 0 0 6px; border-bottom: 2px solid var(--ita-dorado); padding-bottom: 8px; }
.ita-entry-content h3 { font-size: 17px; font-weight: 700; color: var(--ita-azul); margin: 28px 0 8px; }
.ita-entry-content p { margin: 0 0 16px; }
.ita-entry-content ul, .ita-entry-content ol { margin: 0 0 16px 24px; }
.ita-entry-content li { margin-bottom: 6px; }
.ita-entry-content strong { color: var(--ita-azul); font-weight: 600; }
.ita-entry-content em { color: var(--ita-texto-suave); }
.ita-entry-content a { color: var(--ita-azul); text-decoration: underline; }
.ita-entry-content a:hover { color: var(--ita-dorado); }

/* Tablas legales */
.ita-entry-content table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.ita-entry-content th { background: var(--ita-azul); color: var(--ita-blanco); padding: 10px 14px; text-align: left; font-weight: 600; }
.ita-entry-content td { padding: 9px 14px; border-bottom: 1px solid var(--ita-gris-medio); }
.ita-entry-content tr:nth-child(even) td { background: var(--ita-gris); }

/* Glosario */
.ita-entry-content dl dt { font-weight: 700; color: var(--ita-azul); margin-top: 20px; font-size: 15px; }
.ita-entry-content dl dd { margin: 4px 0 0 0; padding: 8px 14px; border-left: 3px solid var(--ita-dorado); background: var(--ita-gris); border-radius: 0 6px 6px 0; font-size: 14px; }

/* Alertas / disclaimers */
.ita-entry-content blockquote {
  border-left: 4px solid var(--ita-dorado);
  background: var(--ita-gris);
  margin: 20px 0;
  padding: 16px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  font-style: normal;
  color: var(--ita-texto-suave);
}

/* PQRS shortcode dentro de páginas internas */
.ita-entry-content .ita-pqrs-form { margin-top: 24px; }
.ita-pqrs-form h3 { font-size: 18px; font-weight: 700; color: var(--ita-azul); border-bottom: 2px solid var(--ita-dorado); padding-bottom: 8px; margin-bottom: 16px; }
.ita-pqrs-fields p { margin-bottom: 14px; }
.ita-pqrs-fields label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; color: var(--ita-texto); }
.ita-pqrs-fields input[type="text"],
.ita-pqrs-fields input[type="email"],
.ita-pqrs-fields select,
.ita-pqrs-fields textarea {
  width: 100%; padding: 9px 12px;
  border: 1px solid var(--ita-gris-medio);
  border-radius: var(--ita-radio);
  font-size: 14px; font-family: inherit;
  color: var(--ita-texto);
  transition: border-color 0.2s;
  background: var(--ita-blanco);
}
.ita-pqrs-fields input:focus,
.ita-pqrs-fields select:focus,
.ita-pqrs-fields textarea:focus { outline: none; border-color: var(--ita-azul); box-shadow: 0 0 0 3px rgba(26,58,92,0.1); }
.ita-pqrs-fields textarea { resize: vertical; min-height: 120px; }
.ita-pqrs-fields button[type="submit"] {
  background: var(--ita-azul); color: var(--ita-blanco);
  padding: 11px 32px; border: none; border-radius: var(--ita-radio);
  font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.2s;
}
.ita-pqrs-fields button[type="submit"]:hover { background: var(--ita-dorado); color: var(--ita-azul); }
.ita-pqrs-ok { background: #d4edda; border: 1px solid #c3e6cb; padding: 14px 18px; margin: 16px 0; border-radius: var(--ita-radio); font-size: 14px; }

/* ─── NAVEGACIÓN ENTRE PÁGINAS HERMANAS ──────────────────────────────────────── */
.ita-page-nav { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--ita-gris-medio); }
.ita-page-nav-titulo { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--ita-texto-suave); margin: 0 0 14px; }
.ita-page-nav-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.ita-page-nav-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px;
  background: var(--ita-gris);
  border: 1px solid var(--ita-gris-medio);
  border-radius: var(--ita-radio);
  text-decoration: none;
  font-size: 13.5px;
  color: var(--ita-texto);
  transition: all 0.2s;
}
.ita-page-nav-item:hover { background: var(--ita-azul); color: var(--ita-blanco); border-color: var(--ita-azul); }
.ita-page-nav-arrow { color: var(--ita-dorado); font-weight: 700; }

/* ─── ARCHIVOS CPT ───────────────────────────────────────────────────────────── */
.ita-cpt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; margin-top: 24px; }
.ita-cpt-card {
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 10px;
  padding: 20px 22px;
  text-decoration: none;
  color: var(--ita-texto);
  transition: all 0.22s;
  display: block;
}
.ita-cpt-card:hover { border-color: var(--ita-azul); box-shadow: var(--ita-sombra-hover); transform: translateY(-2px); }
.ita-cpt-badge {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  background: var(--ita-gris);
  color: var(--ita-texto-suave);
  margin-bottom: 10px;
}
.ita-cpt-titulo { font-size: 15px; font-weight: 700; color: var(--ita-azul); margin: 0 0 6px; }
.ita-cpt-extracto { font-size: 13px; color: var(--ita-texto-suave); margin: 0 0 14px; line-height: 1.5; }
.ita-cpt-meta { font-size: 12px; color: var(--ita-texto-suave); display: flex; gap: 12px; flex-wrap: wrap; }
.ita-cpt-filtros { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
.ita-cpt-filtros a {
  font-size: 12.5px; font-weight: 600;
  padding: 6px 14px;
  border: 1px solid var(--ita-gris-medio);
  border-radius: 20px;
  text-decoration: none;
  color: var(--ita-texto-suave);
  transition: all 0.18s;
}
.ita-cpt-filtros a:hover, .ita-cpt-filtros a.active { background: var(--ita-azul); color: var(--ita-blanco); border-color: var(--ita-azul); }
.ita-cpt-empty { text-align: center; padding: 48px 24px; color: var(--ita-texto-suave); }
.ita-cpt-empty svg { width: 48px; height: 48px; margin: 0 auto 12px; display: block; opacity: 0.3; }
.ita-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 40px; flex-wrap: wrap; }
.ita-pagination a, .ita-pagination span {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  border: 1px solid var(--ita-gris-medio);
  border-radius: var(--ita-radio);
  font-size: 13px; font-weight: 600;
  text-decoration: none;
  color: var(--ita-texto);
  transition: all 0.18s;
}
.ita-pagination a:hover { background: var(--ita-azul); color: var(--ita-blanco); border-color: var(--ita-azul); }
.ita-pagination .current { background: var(--ita-azul); color: var(--ita-blanco); border-color: var(--ita-azul); }

/* ─── FILTROS CPT ────────────────────────────────────────────────────────────── */
.ita-filtros-form { margin-bottom: 28px; }
.ita-filtros-grid {
  display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
}
.ita-filtros-grid input[type="text"],
.ita-filtros-grid select {
  padding: 9px 12px;
  border: 1px solid var(--ita-gris-medio);
  border-radius: var(--ita-radio);
  font-size: 14px; font-family: inherit;
  color: var(--ita-texto);
  background: var(--ita-blanco);
  min-width: 160px; flex: 1;
}
.ita-filtros-grid input[type="text"] { flex: 2; }
.ita-filtros-grid input:focus, .ita-filtros-grid select:focus {
  outline: none; border-color: var(--ita-azul);
  box-shadow: 0 0 0 3px rgba(26,58,92,0.1);
}

/* ─── SINGLE CPT ─────────────────────────────────────────────────────────────── */
.ita-single-meta {
  display: flex; gap: 20px; flex-wrap: wrap;
  margin: 0 0 28px;
  padding: 16px 20px;
  background: var(--ita-gris);
  border-radius: var(--ita-radio);
  font-size: 13px;
}
.ita-single-meta-item { display: flex; align-items: center; gap: 6px; color: var(--ita-texto-suave); }
.ita-single-meta-item strong { color: var(--ita-texto); }
.ita-single-meta-item svg { width: 14px; height: 14px; color: var(--ita-azul); flex-shrink: 0; }
.ita-single-download {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--ita-azul); color: var(--ita-blanco);
  padding: 12px 24px; border-radius: var(--ita-radio);
  text-decoration: none; font-size: 14px; font-weight: 600;
  margin: 24px 0; transition: background 0.2s;
}
.ita-single-download:hover { background: var(--ita-dorado); color: var(--ita-azul); }
.ita-single-download svg { width: 18px; height: 18px; }

/* ─── PAGE HERO — meta strip ─────────────────────────────────────────────────── */
.ita-page-hero {
  background: linear-gradient(135deg, var(--ita-azul) 0%, #0f2640 100%);
  padding: 32px 0 28px;
  border-bottom: 3px solid var(--ita-dorado);
}
.ita-page-hero-meta {
  display: flex; gap: 24px; flex-wrap: wrap; margin-top: 12px;
}
.ita-page-hero-norma,
.ita-page-hero-update {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: rgba(255,255,255,0.72);
}
.ita-page-hero-norma { font-weight: 600; color: var(--ita-dorado-light); }
.ita-page-hero-norma svg,
.ita-page-hero-update svg { flex-shrink: 0; opacity: .8; }

/* ─── SIDEBAR — rediseño ─────────────────────────────────────────────────────── */
.ita-sidebar { display: flex; flex-direction: column; gap: 16px; }

.ita-sidebar-card {
  background: var(--ita-blanco);
  border-radius: var(--ita-radio);
  box-shadow: var(--ita-sombra);
  overflow: hidden;
}
.ita-sidebar-section-tag {
  display: flex; align-items: center; gap: 6px;
  background: var(--ita-gris); padding: 8px 16px;
  font-size: 10px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ita-texto-suave);
}
.ita-sidebar-section-tag svg { width: 14px; height: 14px; color: var(--ita-azul); }

.ita-sidebar-titulo {
  margin: 0; padding: 14px 16px;
  font-size: 13px; font-weight: 700; line-height: 1.3;
  border-bottom: 1px solid var(--ita-gris-medio);
  background: var(--ita-blanco); color: var(--ita-azul);
  text-transform: none; letter-spacing: normal;
}
.ita-sidebar-titulo a { color: var(--ita-azul); text-decoration: none; }
.ita-sidebar-titulo a:hover { color: var(--ita-dorado); }

.ita-sidebar-menu { list-style: none; margin: 0; padding: 8px 0; }
.ita-sidebar-item { margin: 0; }
.ita-sidebar-item > a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 16px; font-size: 13px; color: var(--ita-texto);
  text-decoration: none; border-left: 3px solid transparent;
  transition: all .15s;
}
.ita-sidebar-item > a:hover {
  background: var(--ita-gris); color: var(--ita-azul);
  border-left-color: var(--ita-azul-light);
}
.ita-sidebar-item > a.ita-sidebar-active {
  color: var(--ita-azul); font-weight: 700;
  background: #eef3f9; border-left-color: var(--ita-dorado);
}
.ita-sidebar-item.ita-sidebar-open > a { color: var(--ita-azul); }

.ita-sidebar-sub {
  list-style: none; margin: 0; padding: 0 0 4px;
  background: var(--ita-gris);
}
.ita-sidebar-sub li a {
  display: block; padding: 7px 16px 7px 28px;
  font-size: 12px; color: var(--ita-texto-suave); text-decoration: none;
  border-left: 2px solid transparent; transition: all .15s;
}
.ita-sidebar-sub li a:hover { color: var(--ita-azul); border-left-color: var(--ita-azul-light); }
.ita-sidebar-sub li a.ita-sidebar-active {
  color: var(--ita-azul); font-weight: 600;
  background: #dde9f7; border-left-color: var(--ita-dorado);
}

/* Sidebar — base normativa pill */
.ita-sidebar-norma {
  background: var(--ita-blanco);
  border-radius: var(--ita-radio);
  box-shadow: var(--ita-sombra);
  padding: 14px 16px;
  border-left: 4px solid var(--ita-dorado);
}
.ita-sidebar-norma-label {
  font-size: 10px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ita-dorado); margin: 0 0 4px;
}
.ita-sidebar-norma-texto {
  font-size: 12px; color: var(--ita-texto-suave); margin: 0; line-height: 1.5;
}

/* Sidebar — PQRS widget */
.ita-sidebar-pqrs {
  background: linear-gradient(135deg, var(--ita-azul) 0%, #0f2640 100%);
  color: var(--ita-blanco); border-radius: var(--ita-radio);
  padding: 20px 16px; text-align: center;
}
.ita-sidebar-pqrs svg { width: 32px; height: 32px; color: var(--ita-dorado); margin-bottom: 8px; }
.ita-sidebar-pqrs p { margin: 0 0 4px; font-size: 13px; line-height: 1.4; }
.ita-sidebar-pqrs p strong { color: var(--ita-dorado-light); }

/* ─── ARTICLE — card principal ───────────────────────────────────────────────── */
.ita-article {
  background: var(--ita-blanco);
  border-radius: var(--ita-radio);
  box-shadow: var(--ita-sombra);
  padding: 40px 48px;
  border-top: 4px solid var(--ita-dorado);
}

/* ─── ENTRY CONTENT — tipografía rica ───────────────────────────────────────── */
.ita-entry-content { font-size: 15px; line-height: 1.75; color: var(--ita-texto); }
.ita-entry-content > *:first-child { margin-top: 0; }
.ita-entry-content > *:last-child  { margin-bottom: 0; }

.ita-entry-content h2 {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 20px; font-weight: 800; color: var(--ita-azul);
  margin: 40px 0 16px; padding-bottom: 10px;
  border-bottom: 2px solid var(--ita-dorado);
}
.ita-entry-content h2:first-child { margin-top: 0; }

.ita-entry-content h3 {
  font-size: 16px; font-weight: 700; color: var(--ita-azul);
  margin: 28px 0 10px; padding-left: 12px;
  border-left: 3px solid var(--ita-azul-light);
}
.ita-entry-content h4 {
  font-size: 14px; font-weight: 700; color: var(--ita-texto);
  margin: 20px 0 8px; text-transform: uppercase; letter-spacing: .04em;
}

.ita-entry-content p { margin: 0 0 16px; }

.ita-entry-content ul,
.ita-entry-content ol { margin: 0 0 16px; padding-left: 24px; }
.ita-entry-content li { margin-bottom: 6px; }
.ita-entry-content ul > li::marker { color: var(--ita-dorado); font-size: 1.1em; }

.ita-entry-content strong { color: var(--ita-azul); font-weight: 700; }

/* Cita normativa / blockquote */
.ita-entry-content blockquote {
  margin: 24px 0; padding: 16px 20px;
  background: #f0f5fb; border-left: 4px solid var(--ita-azul-light);
  border-radius: 0 var(--ita-radio) var(--ita-radio) 0;
  font-size: 14px; color: var(--ita-texto-suave); font-style: normal;
}
.ita-entry-content blockquote p { margin: 0; }
.ita-entry-content blockquote cite {
  display: block; margin-top: 8px; font-size: 12px;
  color: var(--ita-azul); font-style: normal; font-weight: 600;
}

/* Tabla institucional */
.ita-entry-content table {
  width: 100%; border-collapse: collapse;
  margin: 24px 0; font-size: 13px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  border-radius: var(--ita-radio); overflow: hidden;
}
.ita-entry-content thead th {
  background: var(--ita-azul); color: var(--ita-blanco);
  padding: 11px 14px; text-align: left; font-weight: 600;
  font-size: 12px; letter-spacing: .03em;
}
.ita-entry-content tbody tr:nth-child(even) { background: #f5f7fa; }
.ita-entry-content tbody td {
  padding: 10px 14px; border-bottom: 1px solid var(--ita-gris-medio);
  color: var(--ita-texto);
}
.ita-entry-content tbody tr:last-child td { border-bottom: none; }
.ita-entry-content tfoot td {
  padding: 10px 14px; background: var(--ita-gris);
  font-size: 12px; color: var(--ita-texto-suave); border-top: 2px solid var(--ita-gris-medio);
}

/* dl/dt/dd — glosario, fichas */
.ita-entry-content dl { margin: 16px 0; }
.ita-entry-content dt {
  font-weight: 700; color: var(--ita-azul); margin-top: 14px;
  font-size: 14px;
}
.ita-entry-content dd {
  margin-left: 16px; color: var(--ita-texto-suave);
  font-size: 14px; line-height: 1.6;
}

/* Alerta / nota normativa — clase wp-block-notice o .ita-nota */
.ita-entry-content .ita-nota,
.ita-entry-content .wp-block-notice {
  background: #fff8e1; border: 1px solid #f0c040;
  border-left: 4px solid var(--ita-dorado);
  border-radius: var(--ita-radio); padding: 14px 18px;
  margin: 20px 0; font-size: 13px;
}

/* Separador de sección */
.ita-entry-content hr {
  border: none; border-top: 2px solid var(--ita-gris-medio);
  margin: 36px 0;
}

/* ─── ARTICLE FOOTER ─────────────────────────────────────────────────────────── */
.ita-article-footer {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  margin-top: 40px; padding-top: 20px;
  border-top: 1px solid var(--ita-gris-medio);
  font-size: 12px; color: var(--ita-texto-suave);
}
.ita-article-footer-meta { display: flex; align-items: center; gap: 6px; }
.ita-article-footer-meta svg { flex-shrink: 0; }
.ita-article-footer-print {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--ita-azul); text-decoration: none; font-size: 12px; font-weight: 600;
  padding: 6px 12px; border: 1px solid var(--ita-gris-medio);
  border-radius: var(--ita-radio); transition: all .15s;
}
.ita-article-footer-print:hover { background: var(--ita-gris); }

/* ─── PESTAÑAS PRINCIPALES ───────────────────────────────────────────────────── */
.ita-tabs-wrap {
  background: var(--ita-blanco);
  border-bottom: 2px solid var(--ita-gris-medio);
  position: sticky; top: 0; z-index: 90;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.admin-bar .ita-tabs-wrap { top: 32px; }

.ita-tabs-bar {
  display: flex; gap: 0;
  overflow-x: auto; scrollbar-width: none;
}
.ita-tabs-bar::-webkit-scrollbar { display: none; }

.ita-tab-item {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 15px 22px;
  font-size: 13px; font-weight: 500; color: var(--ita-texto-suave);
  text-decoration: none; white-space: nowrap;
  border-bottom: 3px solid transparent; margin-bottom: -2px;
  transition: color .15s, border-color .15s;
}
.ita-tab-item:hover { color: var(--ita-azul); border-bottom-color: var(--ita-gris-medio); }
.ita-tab-item.ita-tab-active {
  color: var(--ita-azul); font-weight: 700;
  border-bottom-color: var(--ita-dorado);
}

/* ─── SUB-PESTAÑAS (pills) ───────────────────────────────────────────────────── */
.ita-subtabs-wrap {
  background: #f0f4f9;
  border-bottom: 1px solid var(--ita-gris-medio);
  padding: 10px 0;
}
.ita-subtabs-bar {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.ita-subtab-item {
  display: inline-flex; align-items: center;
  padding: 6px 18px; border-radius: 20px;
  font-size: 13px; color: var(--ita-texto-suave);
  text-decoration: none;
  border: 1px solid var(--ita-gris-medio);
  background: var(--ita-blanco);
  transition: all .15s; white-space: nowrap;
}
.ita-subtab-item:hover {
  color: var(--ita-azul); border-color: var(--ita-azul-light);
  background: #eef3f9;
}
.ita-subtab-item.ita-subtab-active {
  background: var(--ita-azul); color: var(--ita-blanco);
  border-color: var(--ita-azul); font-weight: 600;
  box-shadow: 0 2px 6px rgba(26,58,92,.25);
}

/* ─── TOC — tabla de contenidos ──────────────────────────────────────────────── */
.ita-toc-card {
  background: var(--ita-blanco);
  border-radius: var(--ita-radio);
  box-shadow: var(--ita-sombra);
  overflow: hidden;
}
.ita-toc-header {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 16px;
  background: var(--ita-gris);
  font-size: 11px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: var(--ita-texto-suave);
  border-bottom: 1px solid var(--ita-gris-medio);
}
.ita-toc-header svg { color: var(--ita-azul); flex-shrink: 0; }

.ita-toc-list {
  list-style: none; margin: 0; padding: 8px 0;
}
.ita-toc-item a {
  display: block; padding: 7px 16px;
  font-size: 13px; color: var(--ita-texto-suave);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all .12s;
}
.ita-toc-item a:hover {
  color: var(--ita-azul); background: var(--ita-gris);
  border-left-color: var(--ita-azul-light);
}
.ita-toc-item.ita-toc-sub a {
  padding-left: 28px; font-size: 12px;
}
.ita-toc-item.ita-toc-active a {
  color: var(--ita-azul); font-weight: 700;
  background: #eef3f9; border-left-color: var(--ita-dorado);
}

/* ─── SIDEBAR nuevo (TOC + norma + PQRS) ────────────────────────────────────── */
.ita-sidebar {
  display: flex; flex-direction: column; gap: 16px;
  position: sticky; top: 96px; /* tab bar height + offset */
  max-height: calc(100vh - 140px);
  overflow-y: auto; scrollbar-width: thin;
  scrollbar-color: var(--ita-gris-medio) transparent;
}
.admin-bar .ita-sidebar { top: 128px; }
.ita-sidebar::-webkit-scrollbar { width: 4px; }
.ita-sidebar::-webkit-scrollbar-track { background: transparent; }
.ita-sidebar::-webkit-scrollbar-thumb { background: var(--ita-gris-medio); border-radius: 4px; }

/* ─── PAGE BODY wrapper ──────────────────────────────────────────────────────── */
.ita-page-body { padding: 32px 0 60px; background: var(--ita-gris); }

/* ─── GALERÍA DE IMÁGENES ────────────────────────────────────────────────────── */
/* Gutenberg wp-block-gallery */
.ita-entry-content .wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px; margin: 28px 0; padding: 0;
}
.ita-entry-content .wp-block-gallery .wp-block-image,
.ita-entry-content .wp-block-gallery li { margin: 0; }
.ita-entry-content .wp-block-gallery img {
  width: 100%; height: 200px; object-fit: cover;
  border-radius: var(--ita-radio);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  display: block;
}
.ita-entry-content .wp-block-gallery img:hover {
  transform: scale(1.03);
  box-shadow: var(--ita-sombra-hover);
}
.ita-entry-content .wp-block-gallery figcaption {
  font-size: 11px; color: var(--ita-texto-suave);
  text-align: center; padding: 4px 6px 0;
}

/* Galería custom .ita-galeria-grid */
.ita-galeria-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px; margin: 28px 0;
}
.ita-galeria-item {
  border-radius: var(--ita-radio); overflow: hidden;
  position: relative; cursor: pointer;
}
.ita-galeria-item img {
  width: 100%; height: 200px; object-fit: cover; display: block;
  transition: transform .2s, box-shadow .2s;
}
.ita-galeria-item img:hover { transform: scale(1.03); box-shadow: var(--ita-sombra-hover); }
.ita-galeria-item figcaption,
.ita-galeria-item span {
  display: block; padding: 6px 8px;
  font-size: 11px; color: var(--ita-texto-suave);
  background: var(--ita-blanco); text-align: center;
}
/* Placeholder de galería (antes de agregar fotos reales) */
.ita-galeria-placeholder {
  background: var(--ita-gris); border: 2px dashed var(--ita-gris-medio);
  border-radius: var(--ita-radio); overflow: hidden; text-align: center;
}
.ita-galeria-placeholder svg { width: 100%; height: 160px; display: block; }
.ita-galeria-placeholder span {
  padding: 8px; font-size: 12px; color: var(--ita-texto-suave);
  font-style: italic; background: transparent;
}

/* ─── PERFIL DE CURADOR ───────────────────────────────────────────────────────── */
.ita-curador-perfil {
  display: grid; grid-template-columns: 200px 1fr; gap: 32px;
  align-items: start; margin: 24px 0 36px;
  background: var(--ita-gris); border-radius: 12px; padding: 28px;
  border-left: 4px solid var(--ita-dorado);
}
.ita-curador-foto-placeholder {
  text-align: center;
}
.ita-curador-foto-placeholder svg {
  width: 120px; height: 120px; border-radius: 50%;
  border: 3px solid var(--ita-dorado); display: block; margin: 0 auto 8px;
}
.ita-foto-hint {
  font-size: 11px; color: var(--ita-texto-suave); font-style: italic; margin: 0;
}
.ita-curador-bio-wrap h3 {
  font-size: 20px; font-weight: 800; color: var(--ita-azul);
  margin: 4px 0 12px; font-family: 'Merriweather', Georgia, serif;
}
.ita-curador-cargo-tag {
  font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ita-dorado); margin: 0 0 2px;
}
.ita-curador-bio-wrap p { margin: 0 0 10px; font-size: 14px; line-height: 1.7; }

/* ─── CARDS DE EQUIPO ─────────────────────────────────────────────────────────── */
.ita-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 20px; margin: 24px 0;
}
.ita-team-card {
  background: var(--ita-blanco);
  border-radius: 12px;
  box-shadow: var(--ita-sombra);
  padding: 24px 16px 20px;
  text-align: center;
  transition: box-shadow .2s, transform .2s;
}
.ita-team-card:hover {
  box-shadow: var(--ita-sombra-hover);
  transform: translateY(-2px);
}
.ita-team-foto-wrap {
  width: 88px; height: 88px; margin: 0 auto 14px;
  border-radius: 50%; overflow: hidden;
  border: 3px solid var(--ita-dorado);
  background: var(--ita-gris);
}
.ita-team-foto-wrap svg,
.ita-team-foto-wrap img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.ita-team-nombre {
  font-size: 14px; font-weight: 700; color: var(--ita-azul);
  margin: 0 0 4px; line-height: 1.3;
}
.ita-team-cargo {
  font-size: 12px; color: var(--ita-texto-suave); margin: 0;
}

/* ─── LIGHTBOX ────────────────────────────────────────────────────────────────── */
.ita-lightbox {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,.88);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden;
  transition: opacity .2s, visibility .2s;
}
.ita-lightbox.ita-lb-open { opacity: 1; visibility: visible; }
.ita-lightbox img {
  max-width: 90vw; max-height: 85vh;
  border-radius: var(--ita-radio);
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  object-fit: contain;
}
.ita-lb-close {
  position: absolute; top: 20px; right: 24px;
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,.15); border: none; cursor: pointer;
  color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.ita-lb-close:hover { background: rgba(255,255,255,.3); }
.ita-lb-caption {
  position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
  color: rgba(255,255,255,.8); font-size: 13px;
  background: rgba(0,0,0,.4); padding: 6px 16px; border-radius: 20px;
  max-width: 80vw; text-align: center;
}
.ita-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,.15); border: none; cursor: pointer;
  color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.ita-lb-nav:hover { background: rgba(255,255,255,.3); }
.ita-lb-prev { left: 20px; }
.ita-lb-next { right: 20px; }

/* ══════════════════════════════════════════════════════════════════════════════
   PÁGINA DE CONTACTO
   ══════════════════════════════════════════════════════════════════════════════ */
.ita-contacto-wrap { padding: 48px 0 64px; background: var(--ita-gris); }
.ita-contacto-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 36px;
  align-items: start;
}
.ita-contacto-info { display: flex; flex-direction: column; gap: 20px; }

/* Tarjeta genérica */
.ita-contacto-card {
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 14px;
  padding: 24px;
}
.ita-contacto-card-titulo {
  font-size: 15px; font-weight: 700;
  color: var(--ita-azul);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--ita-dorado);
}

/* Tarjeta curador en contacto */
.ita-curador-card-contact {
  display: flex; align-items: center; gap: 16px;
  background: linear-gradient(135deg, var(--ita-azul) 0%, #0f2640 100%);
  border-color: transparent;
}
.ita-curador-foto-contact {
  width: 72px; height: 72px; border-radius: 50%;
  background: rgba(255,255,255,.15);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; overflow: hidden; border: 2px solid var(--ita-dorado);
}
.ita-curador-foto-contact img { width: 100%; height: 100%; object-fit: cover; }
.ita-curador-info-contact { display: flex; flex-direction: column; gap: 3px; }
.ita-curador-etiq-contact { font-size: 10px; font-weight: 700; color: var(--ita-dorado-light); letter-spacing: .05em; text-transform: uppercase; }
.ita-curador-nombre-contact { font-size: 15px; font-weight: 800; color: var(--ita-blanco); line-height: 1.2; }
.ita-curador-cargo-contact { font-size: 12px; color: rgba(255,255,255,.7); }

/* Datos de contacto */
.ita-contacto-dato {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ita-gris-medio);
}
.ita-contacto-dato:last-of-type { border-bottom: none; }
.ita-contacto-dato-icon {
  width: 36px; height: 36px; border-radius: 8px;
  background: var(--ita-gris);
  display: flex; align-items: center; justify-content: center;
  color: var(--ita-azul); flex-shrink: 0;
}
.ita-contacto-dato-label {
  display: block; font-size: 11px; font-weight: 600;
  color: var(--ita-texto-suave); text-transform: uppercase; letter-spacing: .04em;
  margin-bottom: 2px;
}
.ita-contacto-dato-valor {
  font-size: 14px; font-weight: 500; color: var(--ita-texto);
  text-decoration: none;
}
a.ita-contacto-dato-valor:hover { color: var(--ita-azul); text-decoration: underline; }

/* Formulario container */
.ita-form-card { padding: 32px; }
.ita-contacto-form-titulo { font-size: 22px; font-weight: 800; color: var(--ita-azul); margin: 0 0 6px; }
.ita-contacto-form-subtitulo { font-size: 13.5px; color: var(--ita-texto-suave); margin: 0 0 28px; line-height: 1.55; }
.ita-contacto-form-subtitulo a { color: var(--ita-azul); font-weight: 600; }

/* ══════════════════════════════════════════════════════════════════════════════
   FORMULARIOS COMPARTIDOS (contacto + PQRS)
   ══════════════════════════════════════════════════════════════════════════════ */
.ita-form { display: flex; flex-direction: column; gap: 18px; }
.ita-form-fila { display: flex; gap: 16px; }
.ita-form-fila-2 > .ita-form-grupo { flex: 1; }
.ita-form-grupo { display: flex; flex-direction: column; gap: 6px; }
.ita-form-label { font-size: 13px; font-weight: 600; color: var(--ita-azul); }
.ita-req { color: var(--ita-dorado); }
.ita-form-input,
.ita-form-textarea,
.ita-form-select {
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-family: inherit;
  color: var(--ita-texto);
  background: var(--ita-blanco);
  border: 1.5px solid var(--ita-gris-medio);
  border-radius: 8px;
  transition: border-color .18s, box-shadow .18s;
  outline: none;
}
.ita-form-input:focus,
.ita-form-textarea:focus,
.ita-form-select:focus {
  border-color: var(--ita-azul);
  box-shadow: 0 0 0 3px rgba(26,58,92,.1);
}
.ita-form-input::placeholder,
.ita-form-textarea::placeholder { color: #bbb; }
.ita-form-textarea { resize: vertical; min-height: 120px; }
.ita-form-footer {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--ita-gris-medio);
}
.ita-form-aviso {
  display: flex; align-items: flex-start; gap: 6px;
  font-size: 12px; color: var(--ita-texto-suave);
  margin: 0; line-height: 1.4; max-width: 380px;
}
.ita-form-aviso svg { flex-shrink: 0; margin-top: 1px; }
.ita-btn-grande { padding: 12px 28px; font-size: 14px; }

/* Alertas de estado */
.ita-form-alerta {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 16px 20px; border-radius: 10px;
  margin-bottom: 24px;
}
.ita-form-alerta svg { flex-shrink: 0; margin-top: 2px; }
.ita-form-alerta p { margin: 4px 0 0; font-size: 13.5px; }
.ita-form-alerta-ok {
  background: #e8f5e9; border: 1px solid #a5d6a7; color: #1b5e20;
}
.ita-form-alerta-ok svg { color: #2e7d32; }
.ita-form-alerta-err {
  background: #fdecea; border: 1px solid #ef9a9a; color: #b71c1c;
}
.ita-form-alerta-err svg { color: #c62828; }
.ita-radicado-num {
  display: inline-block;
  background: #1b5e20; color: #fff;
  padding: 2px 10px; border-radius: 4px;
  font-family: monospace; font-size: 15px; letter-spacing: .05em;
}

/* ══════════════════════════════════════════════════════════════════════════════
   MÓDULO PQRS
   ══════════════════════════════════════════════════════════════════════════════ */
.ita-pqrs-tipos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 8px;
}
.ita-pqrs-tipo-card {
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 10px;
  padding: 14px 14px 12px;
  text-align: center;
}
.ita-pqrs-tipo-card strong { display: block; font-size: 13px; color: var(--ita-azul); margin: 8px 0 4px; }
.ita-pqrs-tipo-card p { font-size: 11.5px; color: var(--ita-texto-suave); margin: 0; line-height: 1.4; }
.ita-pqrs-tipo-letra {
  width: 36px; height: 36px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto;
  font-size: 18px; font-weight: 900; color: #fff;
}

/* Selector de tipo (radio buttons estilizados) */
.ita-pqrs-tipo-selector { display: flex; gap: 10px; flex-wrap: wrap; }
.ita-pqrs-tipo-opcion { display: flex; align-items: center; cursor: pointer; }
.ita-pqrs-tipo-opcion input[type="radio"] { display: none; }
.ita-pqrs-tipo-opcion span {
  padding: 8px 18px;
  border: 1.5px solid var(--ita-gris-medio);
  border-radius: 20px;
  font-size: 13.5px; font-weight: 500;
  color: var(--ita-texto);
  transition: all .18s;
}
.ita-pqrs-tipo-opcion input:checked + span {
  background: var(--ita-azul);
  border-color: var(--ita-azul);
  color: var(--ita-blanco);
  font-weight: 700;
}
.ita-pqrs-tipo-opcion:hover span {
  border-color: var(--ita-azul);
  color: var(--ita-azul);
}
.ita-pqrs-form-titulo { font-size: 18px; font-weight: 800; color: var(--ita-azul); margin: 0 0 4px; }
.ita-pqrs-form-sub { font-size: 13px; color: var(--ita-texto-suave); margin: 0 0 24px; }

/* ══════════════════════════════════════════════════════════════════════════════
   DIRECTORIO DE FUNCIONARIOS
   ══════════════════════════════════════════════════════════════════════════════ */
.ita-dir-norma-badge {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; color: var(--ita-texto-suave);
  background: #f0f4f8;
  border: 1px solid #d0dce8;
  border-left: 3px solid var(--ita-azul);
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 28px;
  line-height: 1.4;
}
.ita-dir-norma-badge svg { flex-shrink: 0; color: var(--ita-azul); margin-top: 1px; }
.ita-dir-seccion-titulo {
  font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ita-texto-suave);
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--ita-gris-medio);
}

/* Tarjeta curador */
.ita-dir-curador-card {
  display: flex; gap: 20px; align-items: flex-start;
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-top: 3px solid var(--ita-azul);
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 8px;
}
.ita-dir-curador-foto {
  width: 72px; height: 72px; border-radius: 50%;
  background: var(--ita-gris);
  border: 2px solid var(--ita-dorado);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; overflow: hidden;
}
.ita-dir-curador-foto img { width: 100%; height: 100%; object-fit: cover; }
.ita-dir-curador-datos { flex: 1; }
.ita-dir-curador-top {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 12px; margin-bottom: 14px; flex-wrap: wrap;
}
.ita-dir-etiq {
  display: block; font-size: 10px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--ita-dorado); margin-bottom: 4px;
}
.ita-dir-curador-nombre { display: block; font-size: 18px; font-weight: 800; color: var(--ita-azul); line-height: 1.2; }
.ita-dir-curador-cargo  { display: block; font-size: 13px; color: var(--ita-texto-suave); margin-top: 2px; }
.ita-dir-vigencia-badge {
  font-size: 11px; font-weight: 700;
  color: var(--ita-azul);
  background: rgba(26,58,92,.08);
  border: 1px solid rgba(26,58,92,.2);
  border-radius: 20px;
  padding: 4px 12px;
  white-space: nowrap;
}
.ita-dir-curador-contacto {
  display: flex; flex-wrap: wrap; gap: 10px 24px;
  padding-top: 14px;
  border-top: 1px solid var(--ita-gris-medio);
}
.ita-dir-contacto-item {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--ita-texto-suave);
}
.ita-dir-contacto-item svg { flex-shrink: 0; color: var(--ita-azul); }
.ita-dir-contacto-item a { color: var(--ita-azul); text-decoration: none; font-weight: 500; }
.ita-dir-contacto-item a:hover { text-decoration: underline; }

/* Tabla de funcionarios */
.ita-dir-tabla-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid var(--ita-gris-medio);
  background: var(--ita-blanco);
}
.ita-dir-tabla {
  width: 100%; border-collapse: collapse;
  font-size: 13.5px;
}
.ita-dir-tabla thead tr {
  background: var(--ita-azul); color: var(--ita-blanco);
}
.ita-dir-tabla th {
  padding: 12px 16px; text-align: left;
  font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  white-space: nowrap;
}
.ita-dir-tabla td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--ita-gris-medio);
  vertical-align: middle;
  color: var(--ita-texto);
}
.ita-dir-tabla tbody tr:last-child td { border-bottom: none; }
.ita-dir-tabla tbody tr:hover td { background: #f5f8fc; }
.ita-dir-nombre-td { font-weight: 600; color: var(--ita-azul); }
.ita-dir-dep-badge {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  color: var(--ita-azul);
  background: rgba(26,58,92,.08);
  border-radius: 4px;
  padding: 2px 8px;
}
.ita-dir-link { color: var(--ita-azul); text-decoration: none; font-weight: 500; }
.ita-dir-link:hover { text-decoration: underline; }
.ita-dir-email { font-size: 12.5px; }
.ita-dir-footer-nota {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; color: var(--ita-texto-suave);
  margin-top: 16px; line-height: 1.5;
}
.ita-dir-footer-nota svg { flex-shrink: 0; margin-top: 1px; color: var(--ita-azul); }

/* ─── NORMATIVIDAD — lista de normas ─────────────────────────────────────────── */
.ita-filtros-grid {
  display: grid; grid-template-columns: 1fr 140px 160px auto; gap: 10px; align-items: center;
}
.ita-normas-lista { display: flex; flex-direction: column; gap: 6px; }
.ita-norma-item {
  display: grid;
  grid-template-columns: 90px 56px 1fr auto;
  align-items: center; gap: 14px;
  padding: 14px 18px;
  background: var(--ita-blanco);
  border: 1px solid var(--ita-gris-medio);
  border-radius: 8px;
  text-decoration: none; color: inherit;
  transition: border-color .2s, box-shadow .2s;
}
.ita-norma-item:hover {
  border-color: var(--ita-azul);
  box-shadow: 0 2px 12px rgba(26,58,92,.1);
}
.ita-norma-tipo {
  display: inline-block;
  font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: #fff; border-radius: 4px; padding: 3px 8px;
  white-space: nowrap;
}
.ita-norma-anio {
  font-size: 12px; font-weight: 700; color: var(--ita-texto-suave);
  white-space: nowrap;
}
.ita-norma-titulo {
  font-size: 14px; font-weight: 600; color: var(--ita-azul-oscuro);
  line-height: 1.3;
}
.ita-norma-accion {
  display: flex; align-items: center; gap: 5px;
  font-size: 12px; font-weight: 600; color: var(--ita-azul);
  white-space: nowrap;
}
.ita-norma-accion svg { flex-shrink: 0; }

/* ─── GLOSARIO ───────────────────────────────────────────────────────────────── */
.ita-glosario { margin: 0; }
.ita-glosario dt {
  font-weight: 700; color: var(--ita-azul);
  margin-top: 18px; font-size: 15px;
}
.ita-glosario dd {
  margin: 4px 0 0 0;
  padding: 8px 14px;
  border-left: 3px solid var(--ita-dorado);
  color: var(--ita-texto);
  font-size: 14px; line-height: 1.6;
  background: rgba(212,160,23,.05);
  border-radius: 0 6px 6px 0;
}

/* ─── FAQ ────────────────────────────────────────────────────────────────────── */
.ita-faq { display: flex; flex-direction: column; gap: 8px; }
.ita-faq-item {
  border: 1px solid var(--ita-gris-medio);
  border-radius: 8px; overflow: hidden;
  background: var(--ita-blanco);
}
.ita-faq-item summary {
  padding: 14px 18px;
  font-weight: 600; font-size: 14.5px; color: var(--ita-azul-oscuro);
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center;
  transition: background .15s;
}
.ita-faq-item summary::-webkit-details-marker { display: none; }
.ita-faq-item summary::after {
  content: '+'; font-size: 20px; font-weight: 300;
  color: var(--ita-azul); flex-shrink: 0; margin-left: 12px;
}
.ita-faq-item[open] summary { background: rgba(26,58,92,.04); }
.ita-faq-item[open] summary::after { content: '−'; }
.ita-faq-item summary:hover { background: rgba(26,58,92,.04); }
.ita-faq-item > p, .ita-faq-item > ul {
  padding: 4px 18px 16px; font-size: 14px; line-height: 1.65; color: var(--ita-texto); margin: 0;
}

/* ─── ORGANIGRAMA ────────────────────────────────────────────────────────────── */
.ita-organigrama { text-align: center; padding: 24px 0; }
.ita-org-nivel { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.ita-org-nivel-0 { margin-bottom: 0; }
.ita-org-linea {
  width: 2px; height: 32px; background: var(--ita-azul);
  margin: 0 auto; opacity: .3;
}
.ita-org-nivel-2 { margin-top: 0; }
.ita-org-cargo {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 14px 20px; min-width: 160px; max-width: 200px;
  border: 1px solid var(--ita-gris-medio);
  border-radius: 10px; background: var(--ita-blanco);
  border-top: 3px solid var(--ita-azul);
}
.ita-org-cargo-principal {
  border-top-color: var(--ita-dorado);
  background: linear-gradient(135deg, #1a3a5c 0%, #0f2240 100%);
  color: #fff; min-width: 220px;
}
.ita-org-cargo-principal strong { color: #fff; font-size: 16px; }
.ita-org-cargo-principal span { color: rgba(255,255,255,.75); font-size: 12px; margin-top: 4px; }
.ita-org-cargo strong { font-size: 13px; color: var(--ita-azul-oscuro); }
.ita-org-cargo span { font-size: 11.5px; color: var(--ita-texto-suave); margin-top: 3px; }

/* ─── SKIP LINK (accesibilidad) ──────────────────────────────────────────────── */
.ita-skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  background: var(--ita-azul);
  color: #fff;
  padding: 8px 16px;
  border-radius: 0 0 6px 6px;
  font-size: 13px;
  font-weight: 600;
  z-index: 9999;
  text-decoration: none;
  transition: top .15s;
}
.ita-skip-link:focus { top: 0; }

/* ─── PÁGINA 404 ─────────────────────────────────────────────────────────────── */
.ita-404-wrap { max-width: 600px; margin: 60px auto; text-align: center; padding: 0 20px 60px; }
.ita-404-code { font-size: 96px; font-weight: 800; color: var(--ita-gris-medio); line-height: 1; margin-bottom: 16px; }
.ita-404-msg  { font-size: 22px; font-weight: 700; color: var(--ita-azul); margin-bottom: 8px; }
.ita-404-sub  { font-size: 15px; color: var(--ita-texto-suave); margin-bottom: 32px; }
.ita-404-acciones { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.ita-btn-secundario {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 20px; border-radius: var(--ita-radio);
  font-size: 14px; font-weight: 600; text-decoration: none;
  background: var(--ita-gris); color: var(--ita-azul);
  border: 1.5px solid var(--ita-gris-medio);
  transition: background .15s, border-color .15s;
}
.ita-btn-secundario:hover { background: var(--ita-gris-medio); border-color: #c8cdd5; }
.ita-404-links-titulo { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: #94a3b8; margin-bottom: 14px; }
.ita-404-links-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.ita-404-links-grid a {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 10px; border: 1px solid var(--ita-gris-medio);
  border-radius: 8px; font-size: 12px; font-weight: 600; color: var(--ita-azul);
  text-decoration: none; transition: background .15s, border-color .15s;
}
.ita-404-links-grid a:hover { background: var(--ita-gris); border-color: #c8cdd5; }
.ita-404-links-grid a svg { color: var(--ita-dorado); }

/* ─── HAMBURGUESA Y MENÚ MÓVIL ───────────────────────────────────────────────── */

/* Botón hamburguesa — oculto en desktop */
.ita-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1.5px solid rgba(26,58,92,.25);
  border-radius: var(--ita-radio);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color .2s, background .2s;
}
.ita-hamburger:hover { border-color: var(--ita-azul); background: rgba(26,58,92,.06); }
.ita-hamburger span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--ita-azul);
  border-radius: 2px;
  transition: transform .25s ease, opacity .2s ease;
  transform-origin: center;
}
/* animación a X cuando está abierto */
.ita-hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ita-hamburger.is-active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ita-hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Overlay oscuro detrás del drawer */
.ita-nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10,20,40,.55);
  z-index: 1099;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity .3s ease;
}
.ita-nav-overlay.is-active { opacity: 1; }

/* Drawer lateral */
.ita-nav-mobile {
  position: fixed;
  top: 0;
  right: 0;
  width: min(320px, 88vw);
  height: 100dvh;
  background: var(--ita-azul);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  overflow: hidden;
}
.ita-nav-mobile.is-active { transform: translateX(0); }

/* Header del drawer */
.ita-nav-mobile-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  flex-shrink: 0;
}
.ita-logo-sigla-sm {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--ita-dorado);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  color: #fff;
  flex-shrink: 0;
}
.ita-nav-mobile-titulo {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,.8);
  flex: 1;
}
.ita-nav-mobile-cerrar {
  background: rgba(255,255,255,.1);
  border: none;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: background .2s;
}
.ita-nav-mobile-cerrar:hover { background: rgba(255,255,255,.2); }

/* Cuerpo scrolleable del drawer */
.ita-nav-mobile-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0 24px;
  display: flex;
  flex-direction: column;
}
.ita-nav-mobile-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

/* Ítems de primer nivel */
.ita-nav-mobile-lista > li > a,
.ita-mob-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,.9);
  text-decoration: none;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background .15s, color .15s;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.ita-nav-mobile-lista > li > a:hover,
.ita-mob-toggle:hover {
  background: rgba(255,255,255,.08);
  color: var(--ita-dorado);
}

/* Chevron del toggle */
.ita-mob-chevron {
  transition: transform .25s ease;
  flex-shrink: 0;
  color: rgba(255,255,255,.5);
}
.ita-mob-toggle[aria-expanded="true"] .ita-mob-chevron { transform: rotate(180deg); }

/* Submenú móvil */
.ita-nav-mobile-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  background: rgba(0,0,0,.18);
}
.ita-mob-has-sub.is-open .ita-nav-mobile-sub { max-height: 600px; }

.ita-nav-mobile-sub li a {
  display: block;
  padding: 10px 20px 10px 32px;
  font-size: 13.5px;
  color: rgba(255,255,255,.75);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: color .15s, background .15s;
}
.ita-nav-mobile-sub li a:hover { color: var(--ita-dorado); background: rgba(255,255,255,.06); }

/* Etiquetas de grupo en submenú móvil */
.ita-mob-grupo {
  padding: 8px 20px 4px 32px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ita-dorado);
  pointer-events: none;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 4px;
}
.ita-nav-mobile-sub li:first-child.ita-mob-grupo { border-top: none; margin-top: 0; }

/* Botón PQRS dentro del drawer */
.ita-mob-pqrs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px 16px 0;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .ita-page-layout { grid-template-columns: 240px 1fr; gap: 28px; }
}
@media (max-width: 900px) {
  /* homepage */
  .ita-hero-inner { flex-direction: column; }
  .ita-hero h1 { font-size: 28px; }
  .ita-accesos-grid { grid-template-columns: repeat(3, 1fr); }
  .ita-licencias-grid { grid-template-columns: repeat(2, 1fr); }
  .ita-curador-inner { grid-template-columns: 1fr; }
  .ita-curador-foto-wrap { max-width: 300px; margin-inline: auto; }
  .ita-horarios-grid { grid-template-columns: 1fr; }
  .ita-footer-grid { grid-template-columns: 1fr 1fr; }
  .ita-contacto-banner-inner { flex-direction: column; }
  /* páginas internas */
  .ita-page-layout { grid-template-columns: 1fr; }
  .ita-sidebar { position: static; }
  .ita-article { padding: 24px 20px; }
  /* nav — ocultar lista y botón PQRS desktop, mostrar hamburguesa */
  .ita-nav-lista { display: none; }
  .ita-nav-pqrs  { display: none; }
  .ita-hamburger { display: flex; }
  .ita-nav { justify-content: flex-end; }
  /* drawer habilitado */
  .ita-nav-overlay { display: block; pointer-events: none; }
  .ita-nav-overlay.is-active { pointer-events: auto; }
}
@media (max-width: 600px) {
  .ita-accesos-grid { grid-template-columns: repeat(2, 1fr); }
  .ita-licencias-grid { grid-template-columns: 1fr; }
  .ita-footer-grid { grid-template-columns: 1fr; }
  .ita-hero-foto { display: none; }
  .ita-page-titulo { font-size: 22px; }
  .ita-topbar-items { display: none; }
  .ita-footer-bottom { flex-direction: column; text-align: center; }
  .ita-filtros-grid { flex-direction: column; }
  .ita-filtros-grid input, .ita-filtros-grid select { min-width: 100%; }
}