/*
 * Estructura del sistema de diseño "Cundinamarca - gov.co" (barra gov.co,
 * franja, pie institucional) con la PALETA DE VIVE SUBACHOQUE.
 *
 * Los tokens conservan sus nombres (--cundi-azul-*) para no tocar el resto de
 * las hojas, pero sus valores son la escala verde de la sabana. La franja pasa
 * de la bandera departamental a verde, amarillo cosecha y terracota. La barra
 * gov.co NO cambia: es del organismo nacional.
 *
 * Origen de la estructura:
 *
 * Fuente: C:\coworking\td\Sistema de diseño\kit-ui\assets\sistema
 *   tokens/theme-cundinamarca.css        paleta y tipografía
 *   transversal/tipografia-cundinamarca.css   @font-face de Nunito Sans
 *   transversal/plantilla.css, marca-cundinamarca.css,
 *   franja-institucional.css, pie-institucional.css   barra gov.co, marca,
 *                                                     franja y pie
 *
 * Es un extracto con los tokens ya resueltos: el sistema completo trae sus
 * propios componentes y competiría con Bootstrap 5.3 en el resto de la
 * página. Si el kit cambia, se actualiza desde allá; no se rediseña aquí.
 *
 * Verdana NO se declara a propósito (igual que en el kit): viene instalada en
 * Windows y macOS.
 */

/* ---- Nunito Sans (SIL OFL 1.1, ver ../fonts/OFL.txt) ---- */
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Regular.woff2") format("woff2"),url("../fonts/NunitoSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-SemiBold.woff2") format("woff2"),url("../fonts/NunitoSans-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Bold.woff2") format("woff2"),url("../fonts/NunitoSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-ExtraBold.woff2") format("woff2"),url("../fonts/NunitoSans-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Black.woff2") format("woff2"),url("../fonts/NunitoSans-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}

:root{
  /* Escala verde sabana (H~135). Nombres heredados del kit: "azul" = color de marca. */
  --cundi-azul-50:#EDF7EE;
  --cundi-azul-100:#CDEBD1;
  --cundi-azul-200:#A5D9AD;
  --cundi-azul-300:#72C081;
  --cundi-azul-400:#45A659;
  --cundi-azul-500:#2E8B45;
  --cundi-azul-600:#226E37;
  --cundi-azul-700:#1A542B;
  --cundi-azul-800:#103A1E;

  /* Escala neutral-grey */
  --cundi-gris-50:#F4F4F4;
  --cundi-gris-100:#E0E0E0;
  --cundi-gris-200:#C9CCCF;
  --cundi-gris-600:#666666;
  --cundi-gris-700:#4C4C4C;
  --cundi-gris-900:#1C1C1C;
  --cundi-gris-borde-a11y:#909090;   /* 3.19:1, para bordes funcionales */

  /* Estado */
  --cundi-error-600:#A80521;
  --cundi-exito-600:#158361;

  /* Franja institucional (banda de ancho completo; el PNG del logotipo trae
     su propio subrayado con otros valores) */
  --franja-azul-color:#2E8B45;
  --franja-amarillo-color:#F2B705;
  --franja-rojo-color:#C65A2E;

  /* Roles */
  --gc-govco:#0943B5;          /* organismo nacional: no se re-marca */
  --gc-govco-on:#fff;
  --gc-brand:var(--cundi-azul-600);
  --gc-brand-hover:var(--cundi-azul-500);
  --gc-brand-soft:var(--cundi-azul-200);
  --gc-surface:#fff;
  --gc-surface-inverse:var(--cundi-azul-500);
  --gc-text:var(--cundi-gris-700);
  --gc-text-muted:var(--cundi-gris-600);
  --gc-text-link:var(--cundi-azul-600);
  --gc-border-focus:var(--cundi-azul-600);
  --gc-radius-lg:20px;

  /* Tipografía: Nunito Sans en titulares, Verdana en el cuerpo */
  --gc-font-title:"Nunito Sans",Verdana,Tahoma,sans-serif;
  --gc-font-body:Verdana,Tahoma,sans-serif;
}

/* ---- Barra gov.co (arriba y al final del documento) ---- */
.barra-govco-plantilla{display:flex;align-items:center;padding:.75rem 2rem;background-color:var(--gc-govco);color:var(--gc-govco-on);font-family:var(--gc-font-title);font-weight:700;font-size:15px;letter-spacing:.05em}
.barra-govco-plantilla a{color:inherit;text-decoration:none}
.barra-govco-plantilla a:focus-visible{outline:2px solid var(--gc-govco-on);outline-offset:3px}

/* ---- Marca: el logotipo oficial es una sola pieza, no se recompone ---- */
.marca-cundinamarca-govco{--marca-alto:3.5rem;display:inline-flex;align-items:center;max-width:100%;min-width:0;text-decoration:none;color:inherit}
.logotipo-marca-govco{display:block;height:var(--marca-alto);width:auto;aspect-ratio:1870/536}
.marca-cundinamarca-govco:focus-visible{outline:2px solid var(--gc-border-focus);outline-offset:4px;border-radius:4px}

/* ---- Franja tricolor bajo la cabecera (degradado, no tres bloques) ---- */
.franja-institucional-govco{display:block;width:100%;height:.375rem;background-image:linear-gradient(to right,transparent 0%,var(--franja-azul-color) 32%,var(--franja-amarillo-color) 36%,var(--franja-amarillo-color) 58%,var(--franja-rojo-color) 62%,transparent 100%)}

/* ---- Pie institucional: tarjeta blanca sobre azul ---- */
.pie-institucional-govco{padding:2rem;background-color:var(--gc-surface-inverse);font-family:var(--gc-font-body)}
.tarjeta-pie-govco{display:grid;grid-template-columns:1fr auto;gap:2rem;max-width:80rem;margin:0 auto;padding:2rem;background-color:var(--gc-surface);border:1px solid var(--gc-brand-soft);border-radius:var(--gc-radius-lg)}
.tarjeta-pie-govco>*{min-width:0}
.titulo-pie-govco{margin:0 0 .75rem;color:var(--gc-brand);font-family:var(--gc-font-title);font-weight:600;font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.datos-pie-govco{margin:0;color:var(--gc-text-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.datos-pie-govco dt,.datos-pie-govco dd{display:inline;margin:0;font-weight:400}
.datos-pie-govco dt::after{content:": "}
.datos-pie-govco dd::after{content:"\A";white-space:pre}
.enlaces-pie-govco{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 0;padding:0;list-style:none}
.enlace-pie-govco{display:inline-flex;align-items:center;gap:.375rem;color:var(--gc-text-link);font-size:12px;text-decoration:underline}
.enlace-pie-govco:hover{color:var(--gc-brand-hover)}
.enlace-pie-govco:focus-visible{outline:2px solid var(--gc-border-focus);outline-offset:2px}
.marca-pie-govco{display:flex;flex-direction:column;align-items:flex-end}
.logotipo-pie-govco{display:block;height:auto;max-width:100%;width:min(16rem,100%)}

@media (max-width:62rem){
  .tarjeta-pie-govco{grid-template-columns:1fr}
  .marca-pie-govco{align-items:flex-start}
}
@media (max-width:48rem){
  .barra-govco-plantilla{padding-left:1.25rem;padding-right:1.25rem}
  .pie-institucional-govco{padding:1.25rem}
  .tarjeta-pie-govco{padding:1.5rem}
  .marca-cundinamarca-govco{--marca-alto:2.75rem}
}
@media (max-width:30rem){
  .marca-cundinamarca-govco{--marca-alto:2.25rem}
}