/* IDAORA · página del mapa de procesos: viste el cuestionario del kit con la identidad del sitio.
   Se carga después de css/styles.css (que va después del CSS propio del cuestionario). Marfil sobre Noche; el ámbar solo sobre fondos oscuros. */
:root {
  --papel: #F7F3EA; --fondo: #ECE6D6; --tinta: #0B1F3A; --suave: #4A5A6E; --linea: #D8D0BC;
  --ok: #256B4A; --radio: 16px; --letra: var(--f-b);
}
body.pg-mapa { font-size: 16px; line-height: 1.5; }
.pg-mapa .contenido, .pg-mapa .lateral { color: var(--tinta); }

/* Cinta bajo el menú: nombre de la herramienta y estado del guardado */
.pg-mapa .cabecera { background: transparent; color: var(--ink); margin-top: 68px; border-bottom: 1px solid var(--line); position: relative; z-index: 1; }
.pg-mapa .cabecera-in { padding: 12px 20px; }
.pg-mapa .cabecera img { display: none; }
.pg-mapa .cabecera-txt b { font: 600 15px/1.2 var(--f-d); }
.pg-mapa .cabecera-txt span { color: var(--mut); opacity: 1; }
.pg-mapa .guardado { color: var(--mut); opacity: 1; }
.pg-mapa .marco { position: relative; z-index: 1; padding-top: 28px; padding-bottom: 56px; }

/* Tarjetas en marfil */
.pg-mapa .lateral, .pg-mapa .seccion { box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.pg-mapa h1, .pg-mapa h2, .pg-mapa h3 { font-family: var(--f-d); letter-spacing: 0; }
.pg-mapa h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); }
.pg-mapa h2 { font-size: 1.5rem; }
.pg-mapa h3 { font-size: 1.15rem; }
.pg-mapa .contenido a { color: var(--marca); text-decoration: underline; }
.pg-mapa .contenido p { margin-bottom: .9em; }
.pg-mapa .contenido ul, .pg-mapa .contenido ol { list-style: revert; padding-left: 1.2em; margin-bottom: .9em; }
.pg-mapa .lateral ol, .pg-mapa .revision { list-style: none; padding-left: 0; }
.pg-mapa .lateral li button.actual { background: color-mix(in srgb, var(--marca) 9%, #F7F3EA); }
.pg-mapa .progreso { background: #E4DDCB; }
.pg-mapa .progreso div { background: #9A5B00; }          /* Ámbar Profundo: el ámbar claro no va sobre marfil */
.pg-mapa .boton { background: #fff; border-color: var(--linea); color: var(--tinta); }
.pg-mapa .boton:hover { border-color: var(--marca); color: var(--marca); }
.pg-mapa .boton.principal { background: var(--marca); border-color: var(--marca); color: #F7F3EA; }
.pg-mapa .boton.principal:hover { color: #F7F3EA; }
.pg-mapa .boton.acento { background: #256B4A; border-color: #256B4A; color: #fff; }   /* Verde Savia para la acción principal sobre marfil */
.pg-mapa .navegacion { position: relative; z-index: 1; }
.pg-mapa .navegacion .boton { box-shadow: 0 6px 18px rgba(0, 0, 0, .2); }
.pg-mapa .toast { z-index: 80; }

/* Menú y pie del sitio: el CSS del cuestionario no debe pintarlos */
.pg-mapa .nav a, .pg-mapa .foot a, .pg-mapa .brand { color: inherit; text-decoration: none; }
.pg-mapa .nav__cta { color: #0B1F3A !important; }
.pg-mapa .foot { margin-top: 0; }
.pg-mapa .foot p { margin-bottom: 0; }

@media (max-width: 820px) {
  .pg-mapa .marco { grid-template-columns: 1fr; padding-left: 16px; padding-right: 16px; }
  .pg-mapa .lateral { position: static; }
  .pg-mapa .seccion { padding: 22px 18px; }
}
@media print {
  .pg-mapa .nav, .pg-mapa .foot, .pg-mapa #red, .pg-mapa .grain { display: none !important; }
  .pg-mapa .cabecera { margin-top: 0; color: #000; }
}

/* La cinta solo muestra el estado del guardado: el nombre ya está en el menú */
.pg-mapa .cabecera-txt { display: none; }
.pg-mapa .cabecera-in { justify-content: flex-end; padding-top: 8px; padding-bottom: 8px; }
.pg-mapa .lateral { top: 88px; }
/* Anterior / Siguiente van sobre el fondo oscuro: el ámbar sí se permite ahí */
.pg-mapa .navegacion .boton.principal { background: #F2B134; border-color: #F2B134; color: #0B1F3A; }
.pg-mapa .navegacion .boton.principal:hover { color: #0B1F3A; filter: brightness(1.06); }