/* ==========================================================================
   SITIO COLOMBIAMAR — capa de marca
   --------------------------------------------------------------------------
   WEB-28. Las secciones oscuras del sitio no se veían iguales entre sí: las
   páginas nuevas (agenda, hoteles, expositores, plano, cuenta regresiva del
   Home) usan el degradado naval, mientras que las que venían del tema —las
   cifras del Home y el pie de página— pintaban `.bg-black`, que en este tema
   no es negro sino un azul plano (#174c87), es decir, sólo el último color
   del degradado. Se veían como dos azules distintos porque lo eran.

   Esta hoja se carga DESPUÉS de sitio-style.css y unifica el fondo. Es la
   única fuente del degradado: las vistas lo toman de `--cm-degradado` en vez
   de repetir la declaración, para que un cambio de paleta sea un cambio en un
   solo sitio.
   ========================================================================== */

:root {
    /* Paleta naval — los mismos valores del portal (css/portal-colombiamar.css) */
    --cm-navy-900: #081c38;
    --cm-navy-800: #0d2c52;
    --cm-navy-700: #123a68;
    --cm-navy-600: #174c87;
    --cm-azul: #1b62ad;
    --cm-cian: #06c1f3;

    /* Texto sobre fondo naval */
    --cm-sobre-navy: #b9cfe8;
    --cm-sobre-navy-tenue: #7fa6cf;

    /* La banda oscura del sitio. Un único degradado para todas. */
    --cm-degradado: linear-gradient(135deg, var(--cm-navy-900) 0%, var(--cm-navy-700) 55%, var(--cm-navy-600) 100%);
}

/* --------------------------------------------------------------------------
   1. LA BANDA OSCURA DEL TEMA
   -------------------------------------------------------------------------- */

/* `.bg-black` la usan las cifras del Home, el pie y la sección con parallax.
   En esta última es sólo el fondo que queda bajo la fotografía, así que el
   degradado no se ve; si la imagen falla, al menos cae en la paleta correcta. */
.bg-black {
    background: var(--cm-degradado);
}

/* --------------------------------------------------------------------------
   2. CIFRAS DEL HOME
   -------------------------------------------------------------------------- */

/* El tema pinta el texto de una sección oscura con `rgba(255,255,255,.5)`, y
   `.box-header` hereda de ahí. Sobre el degradado, los rótulos ("PAISES",
   "STANDS") quedaban por debajo del contraste mínimo de 4,5:1 que se le pide a
   un texto pequeño. El azul claro de la paleta los sube y los hermana con los
   rótulos del resto del sitio (encabezado de Expositores, cuenta regresiva). */
.bg-black .box-counter .box-header {
    color: var(--cm-sobre-navy);
    letter-spacing: 1.5px;
}

/* La cifra en blanco pleno: es el dato, y quedaba al mismo tono que su rótulo. */
.bg-black .box-counter .counter,
.bg-black .box-counter .text-large {
    color: #fff;
}

/* El icono ya venía en cian (`icon-primary`); se le da el mismo aire que en las
   tarjetas del portal para que las cuatro columnas respiren igual. */
.bg-black .box-counter .novi-icon { margin-bottom: 6px; }

/* --------------------------------------------------------------------------
   3. PIE DE PÁGINA
   -------------------------------------------------------------------------- */

.page-foot.bg-black {
    background: var(--cm-degradado);
    /* Filete cian de remate: el mismo gesto que cierra el encabezado de
       Expositores y separa el pie de la sección que lo precede. */
    border-top: 3px solid var(--cm-cian);
}

.page-foot-default .rights { color: #fff; }
.page-foot-default .rights .link-primary { color: var(--cm-cian); }
.page-foot-default .rights .link-primary:hover { color: #fff; }