/* User Provided Stylesheet */

/* ==========================================================================
   Teoría de riesgos: teoría y métodos de análisis de riesgos de desastres y climáticos
   Identidad visual compartida con EVA (el libro de Leticia) y SIDRo, sobre el tema
   book-theme de MyST. Este archivo es la fuente; `construir_css.py` le añade los íconos
   de amenaza (SVG incrustados) y escribe `teoria.css`, que es el que usa myst.yml.
   ========================================================================== */

:root {
  /* Paleta: las tres capas del riesgo del logo, más el azul noche del texto */
  --tr-noche: #0b2545;
  --tr-rio: #1a6fa3;         /* amenaza */
  --tr-rio-oscuro: #145a8c;
  --tr-bosque: #2e7d32;      /* exposición */
  --tr-tierra: #c8811a;      /* vulnerabilidad */
  --tr-alerta: #c2410c;
  --tr-niebla: #f4f7fa;
  --tr-titulo: var(--tr-noche);
  --tr-texto: #2b3440;
  --tr-borde: #e3e8ee;
  --tr-sidebar-fondo: #fbfcfd;
  --tr-ancho-sidebar: 18rem;
  --tr-alto-barra: 60px;

  /* Tamaños de fuente de CCDR-tools (GFDRR) */
  --tr-fs-texto: 16px;
  --tr-lh-texto: 1.65;
  --tr-fs-sidebar: 14px;
  --tr-fs-h1: 36px;
  --tr-fs-h2: 32px;
  --tr-fs-h3: 19.2px;
  --tr-fs-h4: 16px;
  --tr-fs-tabla: 14.4px;

  /* Colores del tema MyST */
  --myst-color-link: var(--tr-rio);
  --myst-color-link-hover: var(--tr-noche);
  --myst-color-link-underline: var(--tr-rio);
  --myst-color-primary: var(--tr-rio);
  --myst-color-primary-hover: var(--tr-rio-oscuro);
  --myst-color-active: var(--tr-rio);
  --myst-color-active-bg: rgba(26, 111, 163, 0.1);
  --myst-color-accent-text: var(--tr-noche);
  --myst-color-focus-ring: var(--tr-rio);
  --myst-color-focus-outline: #9cc8e6;
  --myst-color-info: var(--tr-rio);
  --myst-color-info-text: var(--tr-rio-oscuro);
  --myst-color-info-bg: #eaf3fa;
  --myst-color-success: var(--tr-bosque);
  --myst-color-success-text: var(--tr-bosque);
  --myst-color-success-bg: #edf6ee;
  --myst-color-warning: var(--tr-tierra);
  --myst-color-warning-text: #9a5f0c;
  --myst-color-warning-bg: #fdf4e5;
  --myst-color-danger: var(--tr-alerta);
  --myst-color-danger-text: var(--tr-alerta);
  --myst-color-danger-bg: #fdefe8;
  --myst-color-prose-body: var(--tr-texto);
}

.dark {
  --tr-titulo: #e8eef4;
  --tr-texto: #d7dde4;
  --tr-borde: #33404d;
  --tr-niebla: #1d2733;
  --tr-sidebar-fondo: #161d26;
  --myst-color-link: #5dade2;
  --myst-color-link-hover: #a9d4f0;
  --myst-color-link-underline: #5dade2;
  --myst-color-primary: #5dade2;
  --myst-color-active: #5dade2;
  --myst-color-active-bg: rgba(93, 173, 226, 0.16);
  --myst-color-accent-text: #e8eef4;
  --myst-color-info: #5dade2;
  --myst-color-info-text: #8cc6ec;
  --myst-color-success: #66bb6a;
  --myst-color-success-text: #81c784;
  --myst-color-warning: #f0a830;
  --myst-color-warning-text: #f5bf63;
  --myst-color-danger: #fb8c55;
  --myst-color-danger-text: #fb8c55;
  --myst-color-prose-body: var(--tr-texto);
}

/* --------------------------------------------------------------------------
   Tipografía (tamaños de CCDR-tools en todo el libro)
   -------------------------------------------------------------------------- */
html { font-size: 16px; }

article,
article p,
article li,
article dd,
article dt,
article blockquote {
  font-size: var(--tr-fs-texto) !important;
  line-height: var(--tr-lh-texto) !important;
}

article { color: var(--tr-texto); }

h1, article h1 {
  font-size: var(--tr-fs-h1) !important;
  line-height: 1.15;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--tr-titulo);
}

article h2 {
  font-size: var(--tr-fs-h2) !important;
  line-height: 1.15 !important;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--tr-titulo);
  margin-top: 2.2rem;
}

article h3 {
  font-size: var(--tr-fs-h3) !important;
  line-height: 1.25;
  font-weight: 600;
  color: var(--tr-titulo);
}

article h4 { font-size: var(--tr-fs-h4) !important; color: var(--tr-titulo); }

/* Subtítulo de la página */
.myst-fm-block-subtitle, article > div p.text-zinc-600, header + p {
  font-size: var(--tr-fs-h3);
}

article table, article table p { font-size: var(--tr-fs-tabla) !important; }
article table th {
  background: var(--tr-niebla);
  color: var(--tr-titulo);
  font-weight: 600;
}
article table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--tr-niebla) 55%, transparent); }

figcaption, article figcaption p { font-size: 14.4px; line-height: 1.55; }

/* Esquema de la página (derecha) */
.myst-outline, .myst-outline a, nav[aria-label="Document Outline"], nav[aria-label="Document Outline"] a {
  font-size: var(--tr-fs-sidebar);
}

/* --------------------------------------------------------------------------
   Barra superior: logo a la izquierda, alineado con el sidebar
   -------------------------------------------------------------------------- */
.myst-top-nav { border-bottom: 1px solid var(--tr-borde); box-shadow: none; }

.myst-home-link-logo { flex: none; margin-right: 0 !important; }
.myst-home-link img {
  height: 44px !important;
  width: 84px !important;   /* proporción 92:48 del logo */
  max-width: none;
}

.myst-home-link span {
  font-size: 12.5px !important;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--myst-color-text-secondary);
  max-width: 11.5rem;
  white-space: normal;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--tr-borde);
}

/* --------------------------------------------------------------------------
   Sidebar: tamaño de CCDR, encabezados de sección y elemento activo
   -------------------------------------------------------------------------- */
.myst-primary-sidebar,
.myst-primary-sidebar .myst-toc,
.myst-primary-sidebar a {
  font-size: var(--tr-fs-sidebar);
  line-height: var(--tr-lh-texto);
}

.myst-primary-sidebar .myst-toc-item { margin-top: 1px; margin-bottom: 1px; }
.myst-primary-sidebar .myst-toc-item > a,
.myst-primary-sidebar .myst-toc > a { padding-top: 0.3rem; padding-bottom: 0.3rem; }

/* El logo ya lleva al inicio */
.myst-primary-sidebar .myst-toc > a:first-child { display: none; }

/* Las partes del libro (primer nivel con hijos) y la parte de amenazas, como encabezados */
.myst-primary-sidebar .myst-toc > div > .myst-toc-item > a,
.myst-primary-sidebar .myst-toc > div > .myst-toc-item > :not(a):first-child {
  font-weight: 600;
  color: var(--tr-titulo);
}
/* Las amenazas, en el primer nivel, son entradas de la lista con su ícono; la parte 3 las encabeza */
.myst-primary-sidebar .myst-toc > a { font-weight: 400; }
.myst-primary-sidebar .myst-toc > a[href$='/index-3'] {
  font-weight: 600;
  color: var(--tr-titulo);
  margin-top: 0.7rem;
  padding-left: 0.5rem;
}

/* Segundo nivel con guía vertical (como CLIMAAX) */
.myst-primary-sidebar .collapsible-content {
  margin-left: 0.55rem;
  padding-left: 0.6rem;
  border-left: 1px solid var(--tr-borde);
}

.myst-primary-sidebar .myst-toc-item.myst-toc-item-exact {
  background: var(--myst-color-active-bg);
  box-shadow: inset 3px 0 0 var(--myst-color-active);
}
.myst-primary-sidebar .myst-toc-item.myst-toc-item-exact > a { color: var(--myst-color-active); }

.myst-primary-sidebar-footer {
  font-size: 12px;
  line-height: 1.5;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  border-top: 1px solid var(--tr-borde);
  color: var(--myst-color-text-secondary);
}
.myst-primary-sidebar-footer p { margin: 0; }

/* --------------------------------------------------------------------------
   Sidebar fijo y siempre visible desde 1024 px (como CLIMAAX y CCDR)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  /* Sin botón de menú: el índice siempre está a la vista */
  .myst-top-nav-menu-button { display: none !important; }

  .myst-top-nav { padding-left: 0 !important; }
  .myst-top-nav-bar { max-width: none !important; }
  .myst-top-nav-bar > div:first-child {
    width: auto;
    min-width: var(--tr-ancho-sidebar) !important;
    margin-right: 1.5rem !important;
  }
  .myst-home-link { margin-left: 1.25rem !important; }

  .myst-primary-sidebar.myst-primary-sidebar {
    display: block !important;
    position: fixed !important;
    top: var(--tr-alto-barra) !important;
    left: 0 !important;
    width: var(--tr-ancho-sidebar) !important;
    max-width: none !important;
    height: calc(100vh - var(--tr-alto-barra)) !important;
    pointer-events: auto !important;
    background: var(--tr-sidebar-fondo);
    border-right: 1px solid var(--tr-borde);
    box-shadow: none !important;
  }
  .myst-primary-sidebar-pointer {
    display: flex !important;
    height: 100%;
    width: 100%;
  }
  .myst-primary-sidebar-nav { padding: 1rem 0.75rem 1rem 1rem; }
  .myst-primary-sidebar-toc { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
  .myst-primary-sidebar-footer { opacity: 1 !important; transform: none !important; }

  /* El contenido empieza a la derecha del sidebar */
  main.article-grid { margin-left: var(--tr-ancho-sidebar); }
}

/* Con el sidebar fijo, la rejilla ya no reserva el margen izquierdo del tema */
@media (min-width: 1280px) {
  main.article-grid,
  main .article-grid {
    grid-template-columns:
      [screen-start] .25rem [screen-inset-start page-start] 1rem [page-inset-start body-outset-start] 1fr
      [body-start gutter-left-start] 1rem [body-inset-start] minmax(8ch, 11ch) [middle-start] minmax(8ch, 11ch)
      [gutter-left-end] minmax(8ch, 11ch) minmax(8ch, 11ch) [gutter-right-start] minmax(8ch, 11ch) [middle-end]
      minmax(8ch, 11ch) [body-inset-end] 1rem [body-end gutter-right-end] 3rem [body-outset-end] minmax(5rem, 14rem)
      [page-inset-end] 2rem [page-end] 1fr [screen-inset-end] .25rem [screen-end];
  }
}

/* --------------------------------------------------------------------------
   Íconos de amenaza en el sidebar (como los del CLIMAAX Handbook)
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Tarjetas de la portada
   -------------------------------------------------------------------------- */
article .myst-card, article [class*="card"] { border-color: var(--tr-borde); }
article a[href] > .myst-card:hover, article .myst-card:hover { border-color: var(--tr-rio); box-shadow: 0 2px 10px rgba(26, 111, 163, 0.15); }
article .myst-card img, article [class*="card"] img { display: inline-block; width: 1.6em; height: 1.6em; margin: 0 0.4em 0 0; vertical-align: middle; }
article [class*="card"] p { margin: 0.3rem 0; }

.myst-primary-sidebar a[href$='/sismo'], .myst-primary-sidebar a[href$='/volcanes'], .myst-primary-sidebar a[href$='/tsunami'], .myst-primary-sidebar a[href$='/mov-masa'], .myst-primary-sidebar a[href$='/inundacion'], .myst-primary-sidebar a[href$='/avenidas-torrenciales'], .myst-primary-sidebar a[href$='/erosion-costera'], .myst-primary-sidebar a[href$='/erosion-fluvial'], .myst-primary-sidebar a[href$='/sequia'], .myst-primary-sidebar a[href$='/calor'], .myst-primary-sidebar a[href$='/incendios'], .myst-primary-sidebar a[href$='/ciclones'], .myst-primary-sidebar a[href$='/vendavales'], .myst-primary-sidebar a[href$='/natech'], .myst-primary-sidebar a[href$='/analisis-multiamenaza'], .myst-primary-sidebar a[href$='/riesgos-cascada'], .myst-primary-sidebar a[href$='/trayectorias-ciclones'], .myst-primary-sidebar a[href$='/sintesis-multiamenaza'], .myst-primary-sidebar a[href$='/lista-ciudad'], .myst-primary-sidebar a[href$='/pmgrd'] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.myst-primary-sidebar a[href$='/sismo']::before, .myst-primary-sidebar a[href$='/volcanes']::before, .myst-primary-sidebar a[href$='/tsunami']::before, .myst-primary-sidebar a[href$='/mov-masa']::before, .myst-primary-sidebar a[href$='/inundacion']::before, .myst-primary-sidebar a[href$='/avenidas-torrenciales']::before, .myst-primary-sidebar a[href$='/erosion-costera']::before, .myst-primary-sidebar a[href$='/erosion-fluvial']::before, .myst-primary-sidebar a[href$='/sequia']::before, .myst-primary-sidebar a[href$='/calor']::before, .myst-primary-sidebar a[href$='/incendios']::before, .myst-primary-sidebar a[href$='/ciclones']::before, .myst-primary-sidebar a[href$='/vendavales']::before, .myst-primary-sidebar a[href$='/natech']::before, .myst-primary-sidebar a[href$='/analisis-multiamenaza']::before, .myst-primary-sidebar a[href$='/riesgos-cascada']::before, .myst-primary-sidebar a[href$='/trayectorias-ciclones']::before, .myst-primary-sidebar a[href$='/sintesis-multiamenaza']::before, .myst-primary-sidebar a[href$='/lista-ciudad']::before, .myst-primary-sidebar a[href$='/pmgrd']::before {
  content: "";
  flex: none;
  width: 1.45em;
  height: 1.45em;
  background: no-repeat center / contain;
}
.myst-primary-sidebar a[href$='/sismo']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%239575CD%22/%3E%3Cstop offset=%221%22 stop-color=%22%234527A0%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 16.5 H9 L11 10 L14 23 L17 8.5 L20 22 L22 16.5 H27%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M6 26 H26%22 stroke=%22%23D1C4E9%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-dasharray=%223 2.4%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/volcanes']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23EF6C47%22/%3E%3Cstop offset=%221%22 stop-color=%22%238E1B10%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5.5 25 L12.6 13.5 H19.4 L26.5 25 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M13.6 13.5 L14.6 16.2 L16 14.8 L17.4 16.2 L18.4 13.5 Z%22 fill=%22%23F28C28%22/%3E %3Ccircle cx=%2216%22 cy=%229.8%22 r=%222.1%22 fill=%22%23FFD9A0%22/%3E %3Ccircle cx=%2219.4%22 cy=%227.6%22 r=%221.5%22 fill=%22%23FFD9A0%22/%3E %3Ccircle cx=%2212.8%22 cy=%227.9%22 r=%221.3%22 fill=%22%23FFD9A0%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/tsunami']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2326A69A%22/%3E%3Cstop offset=%221%22 stop-color=%22%230B5B66%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 23.5 C6.5 15 12 8.5 19.5 8.8 C23.5 9 26 11.6 27 14.5 C24.6 12.8 22 13.2 20.6 15 C19 17 20.2 20 23 21 L27 21.8 V25 H5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M5 26.8 q2.6 -1.9 5.2 0 t5.2 0 t5.2 0 t5.2 0%22 fill=%22none%22 stroke=%22%23B2EBE4%22 stroke-width=%221.7%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/mov-masa']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23C98B4B%22/%3E%3Cstop offset=%221%22 stop-color=%22%237A4A1A%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 11.5 L27 21.5 V25 H5 Z%22 fill=%22%23fff%22/%3E %3Ccircle cx=%2213.4%22 cy=%2214.8%22 r=%222.3%22 fill=%22%237A4A1A%22/%3E %3Ccircle cx=%2219%22 cy=%2218.6%22 r=%221.9%22 fill=%22%237A4A1A%22/%3E %3Ccircle cx=%2223.4%22 cy=%2221%22 r=%221.4%22 fill=%22%237A4A1A%22/%3E %3Cpath d=%22M9.4 9.2 L12.6 10.8%22 stroke=%22%23F3D9B8%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/inundacion']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233E9AD6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23145A8C%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M9 17.5 L16 11 L23 17.5 V20 H9 Z%22 fill=%22%23fff%22/%3E %3Crect x=%2214.2%22 y=%2216.5%22 width=%223.6%22 height=%223.5%22 fill=%22%23145A8C%22/%3E %3Cpath d=%22M5.5 21.5 q2.6 -2 5.2 0 t5.2 0 t5.2 0 t5.2 0%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.9%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M5.5 25.5 q2.6 -2 5.2 0 t5.2 0 t5.2 0 t5.2 0%22 fill=%22none%22 stroke=%22%23BFE3FA%22 stroke-width=%221.9%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/avenidas-torrenciales']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232FA39A%22/%3E%3Cstop offset=%221%22 stop-color=%22%230E5A63%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 9 L12 9 L27 24 L27 27 L5 27 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M9 14 q3 1 6 4 t7 6%22 fill=%22none%22 stroke=%22%230E5A63%22 stroke-width=%222.2%22 stroke-linecap=%22round%22/%3E %3Ccircle cx=%2214.5%22 cy=%2221.5%22 r=%221.7%22 fill=%22%237A4A1A%22/%3E %3Ccircle cx=%2219.5%22 cy=%2224%22 r=%221.4%22 fill=%22%237A4A1A%22/%3E %3Ccircle cx=%2210.5%22 cy=%2219%22 r=%221.3%22 fill=%22%23C98B4B%22/%3E %3Cpath d=%22M18 8 l-2 4 h3 l-2 4%22 fill=%22none%22 stroke=%22%23BFEDE8%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/erosion-costera']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23B98250%22/%3E%3Cstop offset=%221%22 stop-color=%22%236B4223%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 13 H16.5 L15 15.6 L17.6 18.2 L15.8 21 L17 23.5 H5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M8.5 13 L10.5 8 L12.5 13 Z%22 fill=%22%23CDE8C8%22/%3E %3Crect x=%2218.6%22 y=%2215.3%22 width=%222.4%22 height=%222.4%22 rx=%220.4%22 transform=%22rotate(20 19.8 16.5)%22 fill=%22%23fff%22/%3E %3Crect x=%2219.6%22 y=%2219.6%22 width=%221.8%22 height=%221.8%22 rx=%220.3%22 transform=%22rotate(-15 20.5 20.5)%22 fill=%22%23fff%22/%3E %3Cpath d=%22M15.5 25.6 q2.4 -1.8 4.8 0 t4.8 0 t4.8 0%22 fill=%22none%22 stroke=%22%23BFE3FA%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/erosion-fluvial']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23B98250%22/%3E%3Cstop offset=%221%22 stop-color=%22%236B4223%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M5 13 H16.5 L15 15.6 L17.6 18.2 L15.8 21 L17 23.5 H5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M8.5 13 L10.5 8 L12.5 13 Z%22 fill=%22%23CDE8C8%22/%3E %3Crect x=%2218.6%22 y=%2215.3%22 width=%222.4%22 height=%222.4%22 rx=%220.4%22 transform=%22rotate(20 19.8 16.5)%22 fill=%22%23fff%22/%3E %3Crect x=%2219.6%22 y=%2219.6%22 width=%221.8%22 height=%221.8%22 rx=%220.3%22 transform=%22rotate(-15 20.5 20.5)%22 fill=%22%23fff%22/%3E %3Cpath d=%22M15.5 25.6 q2.4 -1.8 4.8 0 t4.8 0 t4.8 0%22 fill=%22none%22 stroke=%22%23BFE3FA%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/sequia']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23F2B24A%22/%3E%3Cstop offset=%221%22 stop-color=%22%23B86E12%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Ccircle cx=%2220.5%22 cy=%2211%22 r=%223.6%22 fill=%22%23fff%22/%3E %3Cg stroke=%22%23fff%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E %3Cpath d=%22M20.5 4.8 V5.9 M26.7 11 H25.6 M24.9 6.6 L24.1 7.4 M24.9 15.4 L24.1 14.6 M16.1 6.6 L16.9 7.4%22/%3E %3C/g%3E %3Cpath d=%22M5 19 H27 V23.5 C23 25.5 9 25.5 5 23.5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M10.5 19 L12.5 21 L11.3 23.6 M17 19 L15.6 21.3 L17.4 24.2 M22.5 19 L21.2 20.8 L22.6 22.8%22 fill=%22none%22 stroke=%22%23B86E12%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/calor']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23F28A4B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23C0392B%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Crect x=%2211.6%22 y=%226%22 width=%225.2%22 height=%2214%22 rx=%222.6%22 fill=%22%23fff%22/%3E %3Ccircle cx=%2214.2%22 cy=%2221.6%22 r=%224.4%22 fill=%22%23fff%22/%3E %3Crect x=%2213.2%22 y=%2211%22 width=%222%22 height=%229%22 rx=%221%22 fill=%22%23C0392B%22/%3E %3Ccircle cx=%2214.2%22 cy=%2221.6%22 r=%222.6%22 fill=%22%23C0392B%22/%3E %3Cg stroke=%22%23fff%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E %3Cpath d=%22M20.5 10.5 H25 M20.5 14.5 H23.5 M20.5 18.5 H25%22/%3E %3C/g%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/incendios']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23EF6C3A%22/%3E%3Cstop offset=%221%22 stop-color=%22%23A61B1B%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M16.2 5.5 C17.4 9.6 23 11.8 23 18.3 A7 7 0 0 1 9 18.3 C9 15 10.8 13 12.4 11.4 C12.4 13.6 13.4 15 14.8 15.4 C14.4 11.8 14.8 8.6 16.2 5.5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M16 14.5 C16.8 16.6 19.4 17.6 19.4 20.6 A3.4 3.4 0 0 1 12.6 20.6 C12.6 18.8 13.8 17.8 14.6 17 C14.8 18.4 15.4 18.8 15.9 18.9 C15.6 17.4 15.5 16 16 14.5 Z%22 fill=%22%23FFC94A%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/ciclones']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%235C6BC0%22/%3E%3Cstop offset=%221%22 stop-color=%22%231A237E%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%222.2%22 fill=%22%23fff%22/%3E %3Cpath d=%22M16 12.4 C19.6 12.2 21.2 16 18.8 18.6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M18.4 8.8 C24.4 9.4 26.4 16.6 22.2 21%22 fill=%22none%22 stroke=%22%23C5CAE9%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M16 19.6 C12.4 19.8 10.8 16 13.2 13.4%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M13.6 23.2 C7.6 22.6 5.6 15.4 9.8 11%22 fill=%22none%22 stroke=%22%23C5CAE9%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/vendavales']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%236F8FB8%22/%3E%3Cstop offset=%221%22 stop-color=%22%232F4C73%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M10 16.5 A4 4 0 0 1 10.6 8.6 A5.6 5.6 0 0 1 21.2 8.2 A4.2 4.2 0 0 1 22 16.5 Z%22 fill=%22%23fff%22/%3E %3Cg stroke=%22%23BFE3FA%22 stroke-width=%221.7%22 stroke-linecap=%22round%22%3E %3Cpath d=%22M11 19 L9.8 22 M15.5 19 L14.3 22 M20 19 L18.8 22%22/%3E %3C/g%3E %3Cpath d=%22M6.5 25 H19.5 A2.4 2.4 0 1 0 17.2 22%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M9 27.6 H24.5 A2 2 0 1 0 22.6 25%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/natech']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238A6FB0%22/%3E%3Cstop offset=%221%22 stop-color=%22%2346306E%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Crect x=%227%22 y=%2215%22 width=%2210%22 height=%229%22 rx=%221.5%22 fill=%22%23fff%22/%3E %3Crect x=%2219%22 y=%2212%22 width=%226.5%22 height=%2212%22 rx=%221.5%22 fill=%22%23E7DFF3%22/%3E %3Cpath d=%22M12 6 l-3 6 h3.2 l-2 5.5 l5.2 -7 h-3.2 l1.6 -4.5 Z%22 fill=%22%23F0A830%22/%3E %3Cpath d=%22M5.5 26 q2.6 -2 5.2 0 t5.2 0 t5.2 0 t4.4 0%22 fill=%22none%22 stroke=%22%239AD3F2%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/analisis-multiamenaza']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232B4C7E%22/%3E%3Cstop offset=%221%22 stop-color=%22%230B2545%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M16 6.5 L26 11.5 L16 16.5 L6 11.5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M6 16 L16 21 L26 16%22 fill=%22none%22 stroke=%22%235DADE2%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M6 20.5 L16 25.5 L26 20.5%22 fill=%22none%22 stroke=%22%23F0A830%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/riesgos-cascada']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232B4C7E%22/%3E%3Cstop offset=%221%22 stop-color=%22%230B2545%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M16 6.5 L26 11.5 L16 16.5 L6 11.5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M6 16 L16 21 L26 16%22 fill=%22none%22 stroke=%22%235DADE2%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M6 20.5 L16 25.5 L26 20.5%22 fill=%22none%22 stroke=%22%23F0A830%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/trayectorias-ciclones']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%235C6BC0%22/%3E%3Cstop offset=%221%22 stop-color=%22%231A237E%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%222.2%22 fill=%22%23fff%22/%3E %3Cpath d=%22M16 12.4 C19.6 12.2 21.2 16 18.8 18.6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M18.4 8.8 C24.4 9.4 26.4 16.6 22.2 21%22 fill=%22none%22 stroke=%22%23C5CAE9%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M16 19.6 C12.4 19.8 10.8 16 13.2 13.4%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M13.6 23.2 C7.6 22.6 5.6 15.4 9.8 11%22 fill=%22none%22 stroke=%22%23C5CAE9%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/sintesis-multiamenaza']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232B4C7E%22/%3E%3Cstop offset=%221%22 stop-color=%22%230B2545%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M16 6.5 L26 11.5 L16 16.5 L6 11.5 Z%22 fill=%22%23fff%22/%3E %3Cpath d=%22M6 16 L16 21 L26 16%22 fill=%22none%22 stroke=%22%235DADE2%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M6 20.5 L16 25.5 L26 20.5%22 fill=%22none%22 stroke=%22%23F0A830%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/lista-ciudad']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237A5BC4%22/%3E%3Cstop offset=%221%22 stop-color=%22%233E2A7A%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Cpath d=%22M8 11 l1.8 1.8 l3 -3.2 M8 17.5 l1.8 1.8 l3 -3.2 M8 24 l1.8 1.8 l3 -3.2%22 fill=%22none%22 stroke=%22%23F0A830%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 transform=%22translate(0 -3)%22/%3E %3Cpath d=%22M16 9 h8 M16 15.5 h8 M16 22 h8%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }
.myst-primary-sidebar a[href$='/pmgrd']::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E %3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%233FA66B%22/%3E%3Cstop offset=%221%22 stop-color=%22%2316603A%22/%3E%3C/linearGradient%3E%3C/defs%3E %3Ccircle cx=%2216%22 cy=%2216%22 r=%2216%22 fill=%22url(%23g)%22/%3E %3Crect x=%229%22 y=%227.5%22 width=%2214%22 height=%2218%22 rx=%222%22 fill=%22%23fff%22/%3E %3Crect x=%2212.5%22 y=%225.8%22 width=%227%22 height=%223.6%22 rx=%221.2%22 fill=%22%23BFE8CF%22 stroke=%22%2316603A%22 stroke-width=%221%22/%3E %3Cpath d=%22M12 14 l1.8 1.8 l3.2 -3.4%22 fill=%22none%22 stroke=%22%2316603A%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 20.5 h8%22 stroke=%22%2316603A%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3C/svg%3E"); }


/* Ilustraciones de cabecera de cada capítulo */
img.ilustracion, .ilustracion img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  margin: 0.25rem 0 1.5rem;
}