/* ===== Estilos que ya tenía la revista (no borrar) ===== */

@font-face {
  font-family: 'Aileron';
  src: url("/public/Fonts/Aileron-Regular.otf");
  font-weight: 100;
}

.pkp_structure_head {
    border-bottom: 1px solid #D3D5AF;
}

.pkp_structure_sidebar:before {
    border-left: 0px solid #ddd;
}

#navigationPrimary a {
    color: #7B7F5F;
}

a {
    color: #7B7F5F;
}

.pkp_block .title {
    color: #7B7F5F;
	font-family: Aileron !important;
}

.pkp_navigation_user>li>a {
    color: #7B7F5F;
	font-family: Aileron !important;
}

#navigationPrimary>li>a {
	font-family: Aileron !important;
}

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    color: #FFFCDF;
	background: #7B7F5F;
	font-family: Aileron !important;
}

.pkp_brand_footer {
    display: none;
}

.pkp_structure_footer_wrapper {
    background: #D3D5AF;
}

.pkp_footer_content {
    color: #7B7F5F;
	font-family: Aileron !important;
}

.pkp_page_index .homepage_about h2 {
    color: #7B7F5F;
	font-family: Aileron !important;
}

.pkp_navigation_search_wrapper a {
    color: #7B7F5F;
	font-family: Aileron !important;
}

.pkp_site_name .is_img img {
    max-height: 100px;
}

body {
  font-family: Aileron !important;
  font-weight: 100;
}

.pkp_structure_main h1 {
    font-family: Aileron !important;
}

/* =====================================================================
   IRCAM · Franja "IRCAM en cifras" (portada)
   Colores de la revista: oliva #7B7F5F, crema #FFFCDF, caqui #D3D5AF
   ===================================================================== */

/* Ubicación: después de la descripción de la revista y antes del número actual */
.page_index_journal { display: flex; flex-direction: column; }
.page_index_journal > .additional_content { order: 1; margin: 0.5em 0 1.5em; }
.page_index_journal > .current_issue { order: 2; }

.ircam-cifras-titulo {
  text-align: center;
  font-family: Aileron, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700;
  color: #7B7F5F;
  margin: 0.4em 0 0.6em;
  letter-spacing: .02em;
}
.ircam-cifras {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 10px;
  background: #7B7F5F;
  border-top: 4px solid #D3D5AF;
  border-radius: 6px;
  padding: 20px 14px;
}
.ircam-cifras > div {
  flex: 1 1 120px;
  text-align: center;
  color: #FFFCDF;
  padding: 8px 6px;
  border-radius: 6px;
  transition: background .25s ease, transform .25s ease;
}
.ircam-cifras > div:hover { background: #666A4E; transform: translateY(-3px); }
.ircam-cifras p { margin: 0; font-family: Aileron, sans-serif !important; }
.ircam-cifras .ircam-num {
  font-size: 34px !important;
  font-weight: 700;
  line-height: 1.1;
  color: #FFFCDF;
}
.ircam-cifras .ircam-lbl {
  font-size: 14px !important;
  color: #D3D5AF;
  margin-top: 2px;
}
@media (max-width: 480px) {
  .ircam-cifras > div { flex: 1 1 40%; }
  .ircam-cifras .ircam-num { font-size: 28px !important; }
}

/* =====================================================================
   IRCAM · Áreas temáticas interactivas (portada)
   Tarjetas desplegables: clic para ver las sublíneas de investigación.
   ===================================================================== */
.ircam-areas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 0.5em;
}
@media (max-width: 600px) { .ircam-areas { grid-template-columns: 1fr; } }

details.ircam-area {
  background: #FFFCDF;
  border: 1px solid #D3D5AF;
  border-top: 4px solid #7B7F5F;
  border-radius: 8px;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  align-self: start;
}
details.ircam-area:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(79, 82, 57, .18);
}
details.ircam-area[open] { background: #ffffff; box-shadow: 0 6px 16px rgba(79, 82, 57, .15); }

details.ircam-area summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 14px 14px;
  text-align: center;
  outline: none;
}
details.ircam-area summary::-webkit-details-marker { display: none; }
details.ircam-area summary:focus-visible { box-shadow: 0 0 0 3px #D3D5AF inset; border-radius: 8px; }

.ircam-area-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #7B7F5F;
  color: #FFFCDF;
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 0 0 6px rgba(123, 127, 95, .15);
  animation: ircam-flota 3.2s ease-in-out infinite;
  transition: transform .5s ease, background .3s ease;
}
.ircam-areas details:nth-child(2) .ircam-area-icono { animation-delay: .4s; }
.ircam-areas details:nth-child(3) .ircam-area-icono { animation-delay: .8s; }
.ircam-areas details:nth-child(4) .ircam-area-icono { animation-delay: 1.2s; }
details.ircam-area:hover .ircam-area-icono { transform: rotate(360deg) scale(1.08); background: #666A4E; }

.ircam-area-titulo {
  display: block;
  font-weight: bold;
  color: #4F5239;
  font-size: 16px;
  line-height: 1.3;
  margin: 12px 0 6px;
}
.ircam-area-ver {
  display: inline-block;
  font-size: 12px;
  color: #7B7F5F;
  border: 1px solid #D3D5AF;
  border-radius: 12px;
  padding: 2px 10px;
  transition: background .25s ease, color .25s ease;
}
.ircam-area-ver::after { content: " \25BE"; }
details.ircam-area[open] .ircam-area-ver::after { content: " \25B4"; }
details.ircam-area:hover .ircam-area-ver { background: #7B7F5F; color: #FFFCDF; }

details.ircam-area ul {
  margin: 0;
  padding: 4px 18px 16px 34px;
  text-align: left;
  color: #4F5239;
  font-size: 13.5px;
  line-height: 1.45;
}
details.ircam-area li { margin: 4px 0; animation: ircam-aparece .35s ease both; }
details.ircam-area li::marker { color: #7B7F5F; }
details.ircam-area li:nth-child(2) { animation-delay: .04s; }
details.ircam-area li:nth-child(3) { animation-delay: .08s; }
details.ircam-area li:nth-child(4) { animation-delay: .12s; }
details.ircam-area li:nth-child(5) { animation-delay: .16s; }
details.ircam-area li:nth-child(6) { animation-delay: .20s; }
details.ircam-area li:nth-child(7) { animation-delay: .24s; }
details.ircam-area li:nth-child(8) { animation-delay: .28s; }
details.ircam-area li:nth-child(9) { animation-delay: .32s; }

@keyframes ircam-flota {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -6px; }
}
@keyframes ircam-aparece {
  from { opacity: 0; translate: 0 -4px; }
  to   { opacity: 1; translate: 0 0; }
}

/* =====================================================================
   IRCAM · Movimiento del logo (jaguar) en la portada
   Llega desde el fondo al cargar y luego "sale hacia adelante" y regresa,
   con la sombra creciendo. Al pasar el mouse se acerca un poco más.
   ===================================================================== */
.page_index_journal .homepage-image {
  overflow: visible;
  text-align: center;
  padding: 10px 0;
}
.page_index_journal .homepage-image img {
  display: inline-block;
  transform-origin: center center;
  animation: ircam-logo-entra 2.2s cubic-bezier(.2,.8,.2,1) both,
             ircam-logo-adelante 9s ease-in-out 2.2s infinite;
  transition: transform 1.2s ease;
  will-change: transform, scale, filter;
}
.page_index_journal .homepage-image img:hover { transform: scale(1.03); }
@keyframes ircam-logo-entra {
  from { opacity: 0; scale: .55; filter: blur(4px) drop-shadow(0 0 0 rgba(79,82,57,0)); }
  to   { opacity: 1; scale: 1;   filter: blur(0)   drop-shadow(0 2px 3px rgba(79,82,57,.15)); }
}
@keyframes ircam-logo-adelante {
  0%, 100% { scale: 1;    filter: drop-shadow(0 2px 3px rgba(79,82,57,.15)); }
  50%      { scale: 1.05; filter: drop-shadow(0 10px 14px rgba(79,82,57,.28)); }
}

/* =====================================================================
   IRCAM · Fondo amazónico
   Patrón de Banisteriopsis caapi y motivos geométricos en el azul del jaguar (#2B4155);
   el contenido queda en una tarjeta blanca para mantener la lectura.
   ===================================================================== */
body {
  background-color: #EEF0E2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg opacity='0.45' fill='none' stroke-linecap='round'%3E%3Cpath d='M-10 205 C 30 185 70 245 120 215 S 175 145 220 165 S 290 225 330 205' stroke='%232B4155' stroke-width='3'/%3E%3Cpath d='M-10 210 C 33 192 68 252 122 222 S 172 152 222 172 S 288 232 330 210' stroke='%234A6378' stroke-width='1.6'/%3E%3C/g%3E%3Cg transform='translate(30 200) rotate(-15) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(100 224) rotate(-40) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(168 170) rotate(-50) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(245 190) rotate(20) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(300 212) rotate(0) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(62 222) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(70 232) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(56 232) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(205 160) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(214 170) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(198 170) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(275 212) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(128 98) scale(1.7)' opacity='0.5' fill='none' stroke='%234A6378' stroke-width='1.6'%3E%3Cpath d='M0 -12 L12 0 L0 12 L-12 0 Z'/%3E%3Cpath d='M0 -7 L7 0 L0 7 L-7 0 Z'/%3E%3Cpath d='M0 -2.5 L2.5 0 L0 2.5 L-2.5 0 Z' fill='%234A6378'/%3E%3C/g%3E%3Cg transform='translate(32 142) scale(1.5)' opacity='0.5' fill='none' stroke='%232B4155' stroke-width='1.8'%3E%3Cpath d='M-16 6 L-16 2 L-12 2 L-12 -2 L-8 -2 L-8 -6 L0 -6 L0 -2 L-4 -2 L-4 2 L4 2 L4 -2 L8 -2 L8 -6 L12 -6 L12 -2 L16 -2 L16 6'/%3E%3C/g%3E%3Cg transform='translate(258 272) scale(1.5)' opacity='0.4' fill='none' stroke='%231F3243' stroke-width='1.8'%3E%3Cpath d='M0 0 L4 0 L4 4 L-4 4 L-4 -4 L8 -4 L8 8 L-8 8 L-8 -8 L12 -8'/%3E%3C/g%3E%3Cg transform='translate(48 296) scale(1.5)' opacity='0.45' fill='none' stroke='%232B4155' stroke-width='1.6'%3E%3Cpath d='M-18 -3 L-12 3 L-6 -3 L0 3 L6 -3 L12 3 L18 -3'/%3E%3Cpath d='M-18 3 L-12 9 L-6 3 L0 9 L6 3 L12 9 L18 3'/%3E%3C/g%3E%3Cg transform='translate(288 292) scale(1.4)' opacity='0.45' fill='%234A6378'%3E%3Cpath d='M-15 4 L-10 -4 L-5 4 Z'/%3E%3Cpath d='M-3 4 L2 -4 L7 4 Z'/%3E%3Cpath d='M9 4 L14 -4 L19 4 Z'/%3E%3C/g%3E%3Cg transform='translate(108 150) scale(1.6)' opacity='0.5' fill='%232B4155'%3E%3Ccircle r='2.2'/%3E%3Ccircle cx='8' r='1.4'/%3E%3Ccircle cx='-8' r='1.4'/%3E%3Ccircle cy='8' r='1.4'/%3E%3Ccircle cy='-8' r='1.4'/%3E%3C/g%3E%3Cg transform='translate(300 18) scale(1.2)' opacity='0.45' fill='none' stroke='%232B4155' stroke-width='1.6'%3E%3Cpath d='M0 -12 L12 0 L0 12 L-12 0 Z'/%3E%3Cpath d='M0 -7 L7 0 L0 7 L-7 0 Z'/%3E%3Cpath d='M0 -2.5 L2.5 0 L0 2.5 L-2.5 0 Z' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(176 108) scale(1.4)' opacity='0.45' fill='none' stroke='%234A6378' stroke-width='1.8'%3E%3Cpath d='M0 0 L4 0 L4 4 L-4 4 L-4 -4 L8 -4 L8 8 L-8 8 L-8 -8 L12 -8'/%3E%3C/g%3E%3Cg transform='translate(222 302) scale(1.3)' opacity='0.45' fill='none' stroke='%234A6378' stroke-width='1.8'%3E%3Cpath d='M-16 6 L-16 2 L-12 2 L-12 -2 L-8 -2 L-8 -6 L0 -6 L0 -2 L-4 -2 L-4 2 L4 2 L4 -2 L8 -2 L8 -6 L12 -6 L12 -2 L16 -2 L16 6'/%3E%3C/g%3E%3Cg transform='translate(18 78) scale(1.6)' opacity='0.45' fill='%234A6378'%3E%3Ccircle r='2.2'/%3E%3Ccircle cx='8' r='1.4'/%3E%3Ccircle cx='-8' r='1.4'/%3E%3Ccircle cy='8' r='1.4'/%3E%3Ccircle cy='-8' r='1.4'/%3E%3C/g%3E%3Cg transform='translate(138 14) scale(1.2)' opacity='0.35' fill='none' stroke='%231F3243' stroke-width='1.6'%3E%3Cpath d='M-18 -3 L-12 3 L-6 -3 L0 3 L6 -3 L12 3 L18 -3'/%3E%3Cpath d='M-18 3 L-12 9 L-6 3 L0 9 L6 3 L12 9 L18 3'/%3E%3C/g%3E%3C/svg%3E"),
                    linear-gradient(180deg, #E5E9D2 0%, #F1F2E6 45%, #E2E7CE 100%);
  background-size: 320px 320px, 100% 100%;
  background-attachment: fixed, fixed;
}
.pkp_structure_page { background: transparent; }
.pkp_structure_content {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(79, 82, 57, .16);
  margin-top: 22px;
  margin-bottom: 28px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 767px) {
  .pkp_structure_content { margin-top: 10px; border-radius: 0; }
}

/* =====================================================================
   IRCAM · Pie de página compacto (aprox. la mitad del tamaño original)
   ===================================================================== */
footer.footer { padding: 14px 0 10px; font-size: 12px; line-height: 1.35; }
footer.footer p { margin: 0 0 3px; }
footer.footer .col-md-10 p:last-child { display: none; }
footer.footer .col-md-10 img { width: 150px; height: auto; margin-bottom: 4px; }
footer.footer .col-md-2 img { max-width: 110px; height: auto; margin-left: auto; }

/* =====================================================================
   IRCAM · Video de fondo en la portada (YouTube "Amazonia 2.0")
   Ocupa toda la pantalla detrás del contenido y se repite sin parar.
   En celulares se oculta y queda el patrón de caapi y motivos.
   ===================================================================== */
.ircam-video-fondo {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: #EEF0E2;
}
.ircam-video-fondo iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100vw, 177.78vh);
  height: max(100vh, 56.25vw);
  transform: translate(-50%, -50%) scale(1.25);
  border: 0;
  filter: saturate(1.3) contrast(1.06) brightness(1.04);
}
.ircam-video-fondo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(238, 240, 226, .06);
}
@media (max-width: 767px) { .ircam-video-fondo { display: none; } }

/* =====================================================================
   IRCAM · Patrón de caapi y motivos dentro de la tarjeta de contenido
   Muy tenue (velo blanco al 86 %) para no afectar la lectura.
   ===================================================================== */
.pkp_structure_content {
  background:
    linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .86)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg opacity='0.45' fill='none' stroke-linecap='round'%3E%3Cpath d='M-10 205 C 30 185 70 245 120 215 S 175 145 220 165 S 290 225 330 205' stroke='%232B4155' stroke-width='3'/%3E%3Cpath d='M-10 210 C 33 192 68 252 122 222 S 172 152 222 172 S 288 232 330 210' stroke='%234A6378' stroke-width='1.6'/%3E%3C/g%3E%3Cg transform='translate(30 200) rotate(-15) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(100 224) rotate(-40) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(168 170) rotate(-50) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(245 190) rotate(20) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(300 212) rotate(0) scale(0.9)' opacity='0.42'%3E%3Cg transform='rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3Cg transform='scale(1 -1) rotate(-35)'%3E%3Cpath d='M0 0 C 6 -8 20 -10 30 -2 C 20 6 6 6 0 0 Z' fill='%232B4155'/%3E%3Cpath d='M1 0 L 28 -2' stroke='%23EEF0E2' stroke-width='0.8'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(62 222) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(70 232) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(56 232) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(205 160) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(214 170) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(198 170) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(275 212) scale(0.9)' opacity='0.75'%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(0)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(72)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(144)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(216)' fill='%236E8BA3'/%3E%3Cellipse cx='0' cy='-5' rx='3' ry='5' transform='rotate(288)' fill='%236E8BA3'/%3E%3Ccircle r='2' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(128 98) scale(1.7)' opacity='0.5' fill='none' stroke='%234A6378' stroke-width='1.6'%3E%3Cpath d='M0 -12 L12 0 L0 12 L-12 0 Z'/%3E%3Cpath d='M0 -7 L7 0 L0 7 L-7 0 Z'/%3E%3Cpath d='M0 -2.5 L2.5 0 L0 2.5 L-2.5 0 Z' fill='%234A6378'/%3E%3C/g%3E%3Cg transform='translate(32 142) scale(1.5)' opacity='0.5' fill='none' stroke='%232B4155' stroke-width='1.8'%3E%3Cpath d='M-16 6 L-16 2 L-12 2 L-12 -2 L-8 -2 L-8 -6 L0 -6 L0 -2 L-4 -2 L-4 2 L4 2 L4 -2 L8 -2 L8 -6 L12 -6 L12 -2 L16 -2 L16 6'/%3E%3C/g%3E%3Cg transform='translate(258 272) scale(1.5)' opacity='0.4' fill='none' stroke='%231F3243' stroke-width='1.8'%3E%3Cpath d='M0 0 L4 0 L4 4 L-4 4 L-4 -4 L8 -4 L8 8 L-8 8 L-8 -8 L12 -8'/%3E%3C/g%3E%3Cg transform='translate(48 296) scale(1.5)' opacity='0.45' fill='none' stroke='%232B4155' stroke-width='1.6'%3E%3Cpath d='M-18 -3 L-12 3 L-6 -3 L0 3 L6 -3 L12 3 L18 -3'/%3E%3Cpath d='M-18 3 L-12 9 L-6 3 L0 9 L6 3 L12 9 L18 3'/%3E%3C/g%3E%3Cg transform='translate(288 292) scale(1.4)' opacity='0.45' fill='%234A6378'%3E%3Cpath d='M-15 4 L-10 -4 L-5 4 Z'/%3E%3Cpath d='M-3 4 L2 -4 L7 4 Z'/%3E%3Cpath d='M9 4 L14 -4 L19 4 Z'/%3E%3C/g%3E%3Cg transform='translate(108 150) scale(1.6)' opacity='0.5' fill='%232B4155'%3E%3Ccircle r='2.2'/%3E%3Ccircle cx='8' r='1.4'/%3E%3Ccircle cx='-8' r='1.4'/%3E%3Ccircle cy='8' r='1.4'/%3E%3Ccircle cy='-8' r='1.4'/%3E%3C/g%3E%3Cg transform='translate(300 18) scale(1.2)' opacity='0.45' fill='none' stroke='%232B4155' stroke-width='1.6'%3E%3Cpath d='M0 -12 L12 0 L0 12 L-12 0 Z'/%3E%3Cpath d='M0 -7 L7 0 L0 7 L-7 0 Z'/%3E%3Cpath d='M0 -2.5 L2.5 0 L0 2.5 L-2.5 0 Z' fill='%232B4155'/%3E%3C/g%3E%3Cg transform='translate(176 108) scale(1.4)' opacity='0.45' fill='none' stroke='%234A6378' stroke-width='1.8'%3E%3Cpath d='M0 0 L4 0 L4 4 L-4 4 L-4 -4 L8 -4 L8 8 L-8 8 L-8 -8 L12 -8'/%3E%3C/g%3E%3Cg transform='translate(222 302) scale(1.3)' opacity='0.45' fill='none' stroke='%234A6378' stroke-width='1.8'%3E%3Cpath d='M-16 6 L-16 2 L-12 2 L-12 -2 L-8 -2 L-8 -6 L0 -6 L0 -2 L-4 -2 L-4 2 L4 2 L4 -2 L8 -2 L8 -6 L12 -6 L12 -2 L16 -2 L16 6'/%3E%3C/g%3E%3Cg transform='translate(18 78) scale(1.6)' opacity='0.45' fill='%234A6378'%3E%3Ccircle r='2.2'/%3E%3Ccircle cx='8' r='1.4'/%3E%3Ccircle cx='-8' r='1.4'/%3E%3Ccircle cy='8' r='1.4'/%3E%3Ccircle cy='-8' r='1.4'/%3E%3C/g%3E%3Cg transform='translate(138 14) scale(1.2)' opacity='0.35' fill='none' stroke='%231F3243' stroke-width='1.6'%3E%3Cpath d='M-18 -3 L-12 3 L-6 -3 L0 3 L6 -3 L12 3 L18 -3'/%3E%3Cpath d='M-18 3 L-12 9 L-6 3 L0 9 L6 3 L12 9 L18 3'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 320px 320px repeat,
    #ffffff;
}

/* =====================================================================
   IRCAM · Experiencia en celular (interactividad táctil)
   - Botón flotante "Enviar manuscrito" (en todas las páginas, solo celular)
   - Respuesta al tocar en tarjetas, cifras y pasos
   - Aparición de elementos al deslizar (navegadores compatibles)
   - Lectura: texto a la izquierda y tarjeta a todo el ancho
   ===================================================================== */
.ircam-fab { display: none; }

@media (max-width: 767px) {
  /* Lectura */
  .pkp_structure_content {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 4px;
    padding-right: 4px;
  }
  .page_index_journal .journal-description p,
  .page_index_journal .journal-description span { text-align: left !important; }
  .page_index_journal .homepage-image img { max-width: 88%; }
  .ircam-cifras-titulo,
  .additional_content p[style*="font-size: 24px"] { font-size: 21px !important; }

  /* Respuesta al tocar */
  details.ircam-area summary { -webkit-tap-highlight-color: transparent; }
  details.ircam-area:active { transform: scale(.98); box-shadow: 0 4px 12px rgba(79, 82, 57, .2); }
  details.ircam-area[open] .ircam-area-icono { transform: rotate(360deg); background: #666A4E; }
  .ircam-cifras > div:active { background: #666A4E; transform: scale(.96); }
  .ircam-area-ver { animation: ircam-late 2.4s ease-in-out infinite; }
  details.ircam-area[open] .ircam-area-ver { animation: none; background: #7B7F5F; color: #FFFCDF; }
  .additional_content a[href*="politicas"]:active { background: #7B7F5F; color: #FFFCDF !important; }

  /* Botón flotante */
  .ircam-fab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: fixed;
    right: 14px;
    bottom: 16px;
    z-index: 1000;
    padding: 12px 18px;
    border-radius: 999px;
    background: #2B4155;
    color: #FFFCDF !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(31, 50, 67, .35);
    animation: ircam-fab-entra .6s ease-out 1s both;
  }
  .ircam-fab:active { transform: scale(.94); background: #1F3243; }
  footer.footer { padding-bottom: 70px; }
}

@keyframes ircam-late {
  0%, 100% { box-shadow: 0 0 0 0 rgba(123, 127, 95, .45); }
  50%      { box-shadow: 0 0 0 6px rgba(123, 127, 95, 0); }
}
@keyframes ircam-fab-entra {
  from { opacity: 0; translate: 0 30px; }
  to   { opacity: 1; translate: 0 0; }
}

/* Aparición al deslizar (Chrome/Android y navegadores compatibles) */
@supports (animation-timeline: view()) {
  @media (max-width: 767px) {
    details.ircam-area,
    .ircam-cifras > div,
    .additional_content div[style*="max-width: 150px"],
    .pkp_block,
    .obj_issue_summary,
    .obj_article_summary {
      animation: ircam-sube linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}
@keyframes ircam-sube {
  from { opacity: 0; translate: 0 26px; }
  to   { opacity: 1; translate: 0 0; }
}

/* =====================================================================
   IRCAM · Un video de fondo distinto por sección
   - General (portada y demás): zeDrBvURQ6k "Amazonia 2.0"
   - Actual / números de la revista: BuCHaJBgye0
   - Acerca de: ketNiLWfxrw "Amazonia 4.0"
   - Archivos: Krg3iKJiP1M
   Los videos ocultos no se descargan (loading="lazy").
   ===================================================================== */
.ircam-vf-actual, .ircam-vf-archivos, .ircam-vf-acerca { display: none; }
.pkp_page_issue.pkp_op_view .ircam-vf-general,
.pkp_page_issue.pkp_op_archive .ircam-vf-general,
.pkp_page_about .ircam-vf-general { display: none; }
.pkp_page_issue.pkp_op_view .ircam-vf-actual { display: block; }
.pkp_page_about .ircam-vf-acerca { display: block; }
.pkp_page_issue.pkp_op_archive .ircam-vf-archivos { display: block; }
@media (max-width: 767px) { .ircam-video-fondo { display: none !important; } }

/* =====================================================================
   IRCAM · Logo de UNIPUTUMAYO en pestaña blanca colgante
   (estilo "escudo que cuelga" del encabezado). Baja al cargar la página
   y se mueve un poco al pasar el mouse.
   ===================================================================== */
#headerNavigationContainer { position: relative; }
#headerNavigationContainer .site-name { margin: 0; }
#headerNavigationContainer .navbar-brand-logo {
  position: absolute;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(31, 50, 67, .20);
  transform-origin: top center;
  animation: ircam-cuelga 1.1s cubic-bezier(.2, .9, .25, 1.2) both;
  transition: transform .35s ease, box-shadow .35s ease;
}
#headerNavigationContainer .navbar-brand-logo:hover {
  transform: translateY(4px);
  box-shadow: 0 8px 18px rgba(31, 50, 67, .26);
}
#headerNavigationContainer .navbar-brand-logo img { height: auto; max-height: none; }

/* Computador (1024 px o más) */
@media (min-width: 1024px) {
  #headerNavigationContainer .navbar-header { position: relative; width: 195px; min-height: 50px; }
  #headerNavigationContainer .navbar-brand-logo {
    top: -52px; left: 0; width: 185px; height: 132px;
    padding: 52px 18px 14px;
    border-radius: 0 0 92px 92px / 0 0 46px 46px;
  }
  #headerNavigationContainer .navbar-brand-logo img { width: 145px; }
}
/* Tableta (768 a 1023 px) */
@media (min-width: 768px) and (max-width: 1023px) {
  #headerNavigationContainer .navbar-header { position: relative; width: 155px; min-height: 50px; }
  #headerNavigationContainer .navbar-brand-logo {
    top: -48px; left: 0; width: 145px; height: 108px;
    padding: 48px 12px 10px;
    border-radius: 0 0 72px 72px / 0 0 36px 36px;
  }
  #headerNavigationContainer .navbar-brand-logo img { width: 115px; }
}
/* Celular */
@media (max-width: 767px) {
  #headerNavigationContainer .navbar-header { position: relative; min-height: 60px; }
  #headerNavigationContainer .navbar-brand-logo {
    top: -44px; left: 6px; width: 128px; height: 98px;
    padding: 46px 12px 10px;
    border-radius: 0 0 64px 64px / 0 0 32px 32px;
  }
  #headerNavigationContainer .navbar-brand-logo img { width: 102px; }
  .pkp_structure_content { padding-top: 34px; }
}
@keyframes ircam-cuelga {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}

/* =====================================================================
   IRCAM · "La Amazonia colombiana en cifras" (portada)
   Botones interactivos: se levantan al pasar el mouse y al tocarlos
   despliegan una explicación con su fuente. Algunos números cuentan.
   ===================================================================== */
.amz-cifras-titulo {
  text-align: center; font-family: Aileron, sans-serif !important;
  font-size: 24px !important; font-weight: 700; color: #2B4155; margin: 1.6em 0 .2em;
}
.amz-cifras-sub { text-align: center; color: #4A6378; font-size: 13px !important; margin: 0 0 .8em; }
.amz-cifras {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px;
  background: #2B4155; border-radius: 10px; padding: 18px 12px;
  box-shadow: 0 8px 22px rgba(31, 50, 67, .25);
}
@media (max-width: 480px) { .amz-cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
details.amz-dato {
  border-radius: 8px; text-align: center; color: #FFFCDF;
  transition: background .25s ease, transform .25s ease; align-self: start;
}
details.amz-dato summary { list-style: none; cursor: pointer; padding: 10px 6px 8px; outline: none; -webkit-tap-highlight-color: transparent; }
details.amz-dato summary::-webkit-details-marker { display: none; }
details.amz-dato:hover { background: #34506A; transform: translateY(-4px); }
details.amz-dato:active { transform: scale(.97); }
details.amz-dato[open] { background: #1F3243; }
.amz-ic {
  display: block; width: 58px; height: 58px; margin: 0 auto 8px; border-radius: 50%;
  background-color: #4A6378; background-repeat: no-repeat; background-position: center; background-size: 30px 30px;
  box-shadow: 0 0 0 4px rgba(227, 182, 64, .25);
  transition: transform .5s ease, box-shadow .3s ease, background-color .3s ease;
}
details.amz-dato:hover .amz-ic, details.amz-dato[open] .amz-ic {
  transform: rotate(-8deg) scale(1.08); background-color: #6E8BA3; box-shadow: 0 0 0 6px rgba(227, 182, 64, .45);
}
.amz-num { display: block; font-family: Aileron, sans-serif; font-size: 28px; font-weight: 700; line-height: 1.05; color: #E3B640; }
.amz-lbl { display: block; font-size: 12.5px; line-height: 1.25; margin-top: 3px; color: #FFFCDF; }
.amz-ver { display: inline-block; margin-top: 6px; font-size: 11px; color: #E3B640; border: 1px solid rgba(227,182,64,.5); border-radius: 10px; padding: 1px 8px; }
.amz-ver::after { content: " \25BE"; }
details.amz-dato[open] .amz-ver::after { content: " \25B4"; }
details.amz-dato p { margin: 0; padding: 0 10px 12px; font-size: 12px; line-height: 1.4; color: #E6ECF1; text-align: left; animation: ircam-aparece .35s ease both; }
details.amz-dato p em { color: #E3B640; font-style: normal; }
.amz-fuentes { text-align: center; font-size: 11px !important; color: #4A6378; margin: 8px 0 1.5em; }

/* Números que cuentan desde cero */
@property --amz-n { syntax: '<integer>'; inherits: false; initial-value: 0; }
.amz-cuenta { counter-reset: amzn var(--amz-n); animation: amz-cuenta 2.2s ease-out .3s both; }
.amz-cuenta::before { content: counter(amzn); }
.amz-cuenta[data-suf]::after { content: attr(data-suf); }
@keyframes amz-cuenta { from { --amz-n: 0; } to { --amz-n: var(--amz-meta); } }
.amz-ic-territorio { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E"); }
.amz-ic-bosque { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l6 8h-3l4 6H5l4-6H6z'/%3E%3Cpath d='M12 16v6'/%3E%3C/svg%3E"); }
.amz-ic-flora { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M12 9.8c-1.5-3-1.5-5 0-7 1.5 2 1.5 4 0 7zM14.1 11.3c2.5-2.2 4.4-2.8 6.8-2-.9 2.4-2.8 3.3-6.8 2zM13.3 14c2.6 2.1 3.4 4 3 6.4-2.4-.6-3.5-2.4-3-6.4zM10.7 14c.5 4-.6 5.8-3 6.4-.4-2.4.4-4.3 3-6.4zM9.9 11.3c-4 1.3-5.9.4-6.8-2 2.4-.8 4.3-.2 6.8 2z'/%3E%3C/svg%3E"); }
.amz-ic-fauna { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='16' rx='4.5' ry='3.6'/%3E%3Ccircle cx='6' cy='10.5' r='1.9'/%3E%3Ccircle cx='9.5' cy='6.5' r='1.9'/%3E%3Ccircle cx='14.5' cy='6.5' r='1.9'/%3E%3Ccircle cx='18' cy='10.5' r='1.9'/%3E%3C/svg%3E"); }
.amz-ic-pueblos { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='3'/%3E%3Ccircle cx='16.5' cy='8' r='2.5'/%3E%3Cpath d='M2.5 21c0-4 2.5-7 5.5-7s5.5 3 5.5 7M12.5 21c.3-3.4 2-5.8 4-5.8s4 2.4 4.3 5.8'/%3E%3C/svg%3E"); }
.amz-ic-lenguas { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h11v7H8l-3 3v-3H3z'/%3E%3Cpath d='M10 14v2h6l3 3v-3h2V9h-4'/%3E%3C/svg%3E"); }
.amz-ic-maloca { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12L12 3l10 9'/%3E%3Cpath d='M5 10v11h14V10M10 21v-5h4v5M7 13l5-5 5 5'/%3E%3C/svg%3E"); }
.amz-ic-protegida { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFCDF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9-8 11-4.6-2-8-6-8-11V5z'/%3E%3Cpath d='M12 17c-2.5-2-3-5 0-9 3 4 2.5 7 0 9zM12 17v-5'/%3E%3C/svg%3E"); }
.amz-m64 { --amz-meta: 64; }
.amz-m51 { --amz-meta: 51; }
.amz-m56 { --amz-meta: 56; }
.amz-m18 { --amz-meta: 18; }

/* =====================================================================
   IRCAM · Área temática única (Ciencias Ambientales y Recursos Naturales)
   La tarjeta ocupa todo el ancho y las sublíneas se ven en dos columnas.
   ===================================================================== */
.ircam-areas { grid-template-columns: 1fr; max-width: 640px; margin-left: auto; margin-right: auto; }
details.ircam-area ul { columns: 2; column-gap: 28px; }
details.ircam-area li { break-inside: avoid; }
@media (max-width: 600px) { details.ircam-area ul { columns: 1; } }


/* =====================================================================
   IRCAM · Amazonia en cifras con FOTOS a color (reemplaza los íconos)
   Fotos de Pexels (licencia libre). Para volver a los íconos, borrar esta sección.
   ===================================================================== */
.amz-ic {
  width: 74px; height: 74px; margin-bottom: 10px;
  background-size: cover !important; background-position: center;
  box-shadow: 0 0 0 3px #E3B640, 0 4px 10px rgba(0, 0, 0, .3);
}
details.amz-dato:hover .amz-ic, details.amz-dato[open] .amz-ic {
  transform: scale(1.1); box-shadow: 0 0 0 4px #E3B640, 0 6px 16px rgba(0, 0, 0, .4);
}
@media (max-width: 767px) { .amz-ic { width: 64px; height: 64px; } }
.amz-ic-territorio { background-image: url("https://images.pexels.com/photos/29152688/pexels-photo-29152688.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-bosque { background-image: url("https://images.pexels.com/photos/18478575/pexels-photo-18478575.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-flora { background-image: url("https://images.pexels.com/photos/28448563/pexels-photo-28448563.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-fauna { background-image: url("https://images.pexels.com/photos/13079704/pexels-photo-13079704.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-pueblos { background-image: url("https://images.pexels.com/photos/13816470/pexels-photo-13816470.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-lenguas { background-image: url("https://images.pexels.com/photos/38185674/pexels-photo-38185674.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-maloca { background-image: url("https://images.pexels.com/photos/38729520/pexels-photo-38729520.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }
.amz-ic-protegida { background-image: url("https://images.pexels.com/photos/14017144/pexels-photo-14017144.jpeg?auto=compress&cs=tinysrgb&w=200&h=200&fit=crop"); }


/* =====================================================================
   IRCAM · Foto de fondo en el botón del área temática
   Foto de Pexels 37812265 (palmas y río amazónico con canoa). Para quitarla, borrar esta sección.
   ===================================================================== */
details.ircam-area { overflow: hidden; border: 0; border-top: 4px solid #E3B640; }
details.ircam-area summary {
  padding: 30px 14px 24px;
  background-color: #2B4155;
  background-image: linear-gradient(180deg, rgba(31, 50, 67, .25) 0%, rgba(31, 50, 67, .78) 100%),
    url("https://images.pexels.com/photos/37812265/pexels-photo-37812265.jpeg?auto=compress&cs=tinysrgb&w=1200&h=420&fit=crop");
  background-size: cover; background-position: center 40%;
  transition: background-position 1.2s ease;
}
details.ircam-area:hover summary { background-position: center 55%; }
details.ircam-area .ircam-area-icono { box-shadow: 0 0 0 5px rgba(227, 182, 64, .55); }
details.ircam-area .ircam-area-titulo { color: #FFFCDF; font-size: 18px; text-shadow: 0 2px 6px rgba(0, 0, 0, .6); }
details.ircam-area .ircam-area-ver { color: #FFFCDF; border-color: rgba(255, 252, 223, .7); background: rgba(31, 50, 67, .35); }
details.ircam-area:hover .ircam-area-ver,
details.ircam-area[open] .ircam-area-ver { background: #E3B640; color: #1F3243; border-color: #E3B640; }
details.ircam-area[open] ul { padding-top: 14px; }


/* =====================================================================
   IRCAM · Foto de fondo en "Proceso editorial"
   Foto de Pexels 29137616 (río entre la selva, vista aérea). Para quitarla, borrar esta sección.
   ===================================================================== */
.additional_content div[style*="flex-wrap: wrap"] {
  padding: 26px 12px 20px;
  border-radius: 8px;
  border-top: 4px solid #E3B640;
  overflow: hidden;
  background-color: #2B4155;
  background-image: linear-gradient(180deg, rgba(31, 50, 67, .55) 0%, rgba(31, 50, 67, .85) 100%),
    url("https://images.pexels.com/photos/29137616/pexels-photo-29137616.jpeg?auto=compress&cs=tinysrgb&w=1200&h=500&fit=crop");
  background-size: cover; background-position: center 40%;
  transition: background-position 1.2s ease;
}
.additional_content div[style*="flex-wrap: wrap"]:hover { background-position: center 60%; }
.additional_content div[style*="max-width: 150px"] > p:first-child {
  background: #E3B640 !important; color: #1F3243 !important;
  box-shadow: 0 0 0 4px rgba(227, 182, 64, .3);
  transition: transform .4s ease;
}
.additional_content div[style*="max-width: 150px"]:hover > p:first-child { transform: scale(1.12); }
.additional_content div[style*="max-width: 150px"] > p:nth-child(2) { color: #FFFCDF !important; text-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
.additional_content div[style*="max-width: 150px"] > p:nth-child(3) { color: #E6ECF1 !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }


/* =====================================================================
   IRCAM · "Actual": foto fija en lugar del video del agua oscura (BuCHaJBgye0)
   Foto de Pexels 18478575 (rayos de sol en el bosque). Para volver al video, borrar esta sección.
   ===================================================================== */
.ircam-vf-actual iframe { display: none !important; }
.ircam-vf-actual {
  background-color: #2B4155;
  background-image: url("https://images.pexels.com/photos/18478575/pexels-photo-18478575.jpeg?auto=compress&cs=tinysrgb&w=1920");
  background-size: cover;
  background-position: center;
  animation: ircam-acerca-zoom 40s ease-in-out infinite alternate;
}
@keyframes ircam-acerca-zoom {
  from { background-size: 100% auto; background-position: center 30%; }
  to   { background-size: 112% auto; background-position: center 60%; }
}
@media (max-aspect-ratio: 16/10) { .ircam-vf-actual { animation: none; background-size: cover; } }


/* =====================================================================
   IRCAM · Celular: franja con foto amazónica arriba de cada sección
   (en celular los videos de fondo no se muestran; esta franja los reemplaza)
   Fotos de Pexels. Para quitarla, borrar esta sección.
   ===================================================================== */
@media (max-width: 767px) {
  .pkp_structure_content::before {
    content: "" !important;
    display: block !important;
    height: 170px;
    margin: -34px -4px 14px;
    background-color: #2B4155;
    background-image: linear-gradient(180deg, rgba(31, 50, 67, 0) 55%, rgba(31, 50, 67, .45) 100%),
      url("https://images.pexels.com/photos/7867865/pexels-photo-7867865.jpeg?auto=compress&cs=tinysrgb&w=800&h=400&fit=crop");
    background-size: cover, 115% auto;
    background-position: center, center 40%;
    border-bottom: 4px solid #E3B640;
    animation: ircam-franja 24s ease-in-out infinite alternate;
  }
  .pkp_page_index .pkp_structure_content::before {
    height: 200px;
    background-image: linear-gradient(180deg, rgba(31, 50, 67, 0) 55%, rgba(31, 50, 67, .45) 100%),
      url("https://images.pexels.com/photos/29152688/pexels-photo-29152688.jpeg?auto=compress&cs=tinysrgb&w=800&h=500&fit=crop");
  }
  .pkp_page_issue.pkp_op_view .pkp_structure_content::before {
    background-image: linear-gradient(180deg, rgba(31, 50, 67, 0) 55%, rgba(31, 50, 67, .45) 100%),
      url("https://images.pexels.com/photos/18478575/pexels-photo-18478575.jpeg?auto=compress&cs=tinysrgb&w=800&h=400&fit=crop");
  }
  .pkp_page_issue.pkp_op_archive .pkp_structure_content::before {
    background-image: linear-gradient(180deg, rgba(31, 50, 67, 0) 55%, rgba(31, 50, 67, .45) 100%),
      url("https://images.pexels.com/photos/29137616/pexels-photo-29137616.jpeg?auto=compress&cs=tinysrgb&w=800&h=400&fit=crop");
  }
  .pkp_page_about .pkp_structure_content::before {
    background-image: linear-gradient(180deg, rgba(31, 50, 67, 0) 55%, rgba(31, 50, 67, .45) 100%),
      url("https://images.pexels.com/photos/37812265/pexels-photo-37812265.jpeg?auto=compress&cs=tinysrgb&w=800&h=400&fit=crop");
  }
}
@keyframes ircam-franja {
  from { background-position: center, 30% 35%; }
  to   { background-position: center, 70% 60%; }
}


/* =====================================================================
   IRCAM · Logo UNIPUTUMAYO: más separado de la tarjeta y con movimiento
   suave hacia adelante (respira lento, 9 s)
   ===================================================================== */
@media (min-width: 1024px) { .pkp_structure_content { margin-top: 52px; } }
@media (min-width: 768px) and (max-width: 1023px) { .pkp_structure_content { margin-top: 42px; } }
@media (max-width: 767px) { .pkp_structure_content { margin-top: 26px !important; } }
#headerNavigationContainer .navbar-brand-logo img {
  animation: ircam-logo-adelante 9s ease-in-out 1.2s infinite;
  transform-origin: center;
}
@keyframes ircam-logo-adelante {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.07); }
}

/* =====================================================================
   IRCAM · Asistente de chat (preguntas frecuentes + contacto)
   Está en el Pie de página. Funciona sin programas externos.
   ===================================================================== */
details.ircam-chat { position: fixed; right: 20px; bottom: 20px; z-index: 1002; font-family: Aileron, sans-serif; }
.ircam-chat > summary { list-style: none; }
.ircam-chat > summary::-webkit-details-marker { display: none; }
.ircam-chat-boton {
  display: flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 8px 16px 8px 8px; border-radius: 999px;
  background: #2B4155; color: #FFFCDF; font-weight: bold; font-size: 14px;
  box-shadow: 0 6px 18px rgba(31, 50, 67, .35);
  -webkit-tap-highlight-color: transparent;
  animation: ircam-chat-llama 3s ease-in-out 2s infinite;
}
.ircam-chat-boton::before {
  content: ""; width: 40px; height: 40px; border-radius: 50%; flex: none;
  background: #E3B640 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3243' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20.5l1.4-4.6A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E") center / 24px no-repeat;
}
.ircam-chat-boton:hover { background: #1F3243; }
.ircam-chat[open] > .ircam-chat-boton { animation: none; }
.ircam-chat[open] .ircam-chat-txt { display: none; }
.ircam-chat[open] > .ircam-chat-boton { padding: 8px; }
.ircam-chat[open] > .ircam-chat-boton::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3243' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}
.ircam-chat-panel {
  position: absolute; right: 0; bottom: 66px; width: 330px; max-width: calc(100vw - 32px);
  max-height: min(520px, calc(100vh - 120px)); display: flex; flex-direction: column;
  background: #ffffff; border-radius: 14px; overflow: hidden;
  box-shadow: 0 14px 40px rgba(31, 50, 67, .35);
  animation: ircam-chat-abre .3s ease-out both; transform-origin: bottom right;
}
.ircam-chat-cab { background: #2B4155; color: #FFFCDF; padding: 12px 16px; border-bottom: 3px solid #E3B640; }
.ircam-chat-cab strong { display: block; font-size: 15px; }
.ircam-chat-cab span { font-size: 11px; opacity: .85; }
.ircam-chat-cuerpo { padding: 12px; overflow-y: auto; background: #F4F6F1; flex: 1; }
.ircam-chat p.ircam-chat-bot {
  margin: 6px 30px 8px 0; padding: 9px 12px; background: #ffffff; color: #1F3243;
  border-radius: 12px 12px 12px 3px; font-size: 13px; line-height: 1.45; text-align: left;
  box-shadow: 0 1px 3px rgba(31, 50, 67, .12);
}
.ircam-chat p.ircam-chat-bot a { color: #2B4155; font-weight: bold; text-decoration: underline; }
.ircam-chat-q > summary {
  list-style: none; cursor: pointer; margin: 6px 0 6px auto; width: fit-content; max-width: 88%;
  padding: 7px 12px; border: 1px solid #4A6378; border-radius: 14px; color: #2B4155;
  font-size: 13px; background: #ffffff; text-align: left; transition: background .2s, color .2s;
}
.ircam-chat-q > summary::-webkit-details-marker { display: none; }
.ircam-chat-q > summary:hover { background: #E6ECF1; }
.ircam-chat-q[open] > summary { background: #2B4155; color: #FFFCDF; border-color: #2B4155; border-radius: 12px 12px 3px 12px; }
.ircam-chat-q[open] > p { animation: ircam-chat-msg .35s ease-out both; }
.ircam-chat-pie { padding: 10px 12px; background: #ffffff; border-top: 1px solid #E6ECF1; text-align: center; }
.ircam-chat-pie a {
  display: block; padding: 8px; border-radius: 10px; background: #E3B640; color: #1F3243 !important;
  font-weight: bold; font-size: 13px; text-decoration: none !important;
}
@keyframes ircam-chat-llama { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes ircam-chat-abre { from { opacity: 0; transform: scale(.85) translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes ircam-chat-msg { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
  details.ircam-chat { right: auto; left: 12px; bottom: 16px; }
  .ircam-chat-txt { display: none; }
  .ircam-chat-boton { padding: 7px; }
  .ircam-chat-panel { left: 0; right: auto; bottom: 62px; transform-origin: bottom left; width: calc(100vw - 24px); }
}
footer.footer .ircam-chat p.ircam-chat-bot { display: block; }


/* =====================================================================
   IRCAM · Pie de página: logo del aliado CIECYT
   (Centro de Investigación y Extensión Científica y Tecnológica)
   ===================================================================== */
footer.footer .col-md-10 { position: relative; }
.ircam-aliado { display: flex; flex-direction: column; align-items: center; text-align: center; width: 240px; }
.ircam-aliado-tit { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #4A6378; font-weight: bold; margin-bottom: 6px; }
.ircam-aliado-logo {
  display: block; width: 90px; height: 120px;
  background: url("data:image/png;base64,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") center / contain no-repeat;
  transition: transform .4s ease;
  animation: ircam-logo-adelante 9s ease-in-out 2s infinite;
}
.ircam-aliado:hover .ircam-aliado-logo { transform: scale(1.08); }
.ircam-aliado-nom { font-size: 11.5px; line-height: 1.3; color: #2B4155; margin-top: 6px; }
@media (min-width: 992px) {
  .ircam-aliado { position: absolute; left: 60%; top: 50%; transform: translate(-50%, -50%); }
}
@media (max-width: 991px) {
  .ircam-aliado { margin: 18px auto 6px; }
}


/* =====================================================================
   IRCAM · Asistente: respuestas automáticas (caja para escribir)
   El código está en Ajustes > Sitio web > Módulos > Módulo de cabecera personalizada (pie)
   ===================================================================== */
footer.footer .ircam-chat p.ircam-chat-yo { display: block; }
.ircam-chat p.ircam-chat-yo {
  margin: 6px 0 8px auto; width: fit-content; max-width: 85%; padding: 8px 12px;
  background: #2B4155; color: #FFFCDF; border-radius: 12px 12px 3px 12px;
  font-size: 13px; line-height: 1.4; text-align: left; word-wrap: break-word;
  animation: ircam-chat-msg .3s ease-out both;
}
.ircam-chat p.ircam-chat-bot { animation: ircam-chat-msg .3s ease-out both; }
.ircam-chat-sug { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; margin: 4px 0 6px; }
.ircam-chat-sug button {
  border: 1px solid #4A6378; background: #ffffff; color: #2B4155; border-radius: 14px;
  padding: 5px 10px; font-size: 12px; cursor: pointer; font-family: inherit; transition: background .2s, color .2s;
}
.ircam-chat-sug button:hover { background: #2B4155; color: #FFFCDF; }
.ircam-chat-escribe { display: inline-flex; gap: 4px; padding: 2px 0; }
.ircam-chat-escribe i { width: 7px; height: 7px; border-radius: 50%; background: #6E8BA3; animation: ircam-chat-punto 1s infinite ease-in-out; }
.ircam-chat-escribe i:nth-child(2) { animation-delay: .15s; }
.ircam-chat-escribe i:nth-child(3) { animation-delay: .3s; }
@keyframes ircam-chat-punto { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-4px); } }
.ircam-chat-form { display: flex; gap: 6px; padding: 8px 10px; background: #ffffff; border-top: 1px solid #E6ECF1; margin: 0; }
.ircam-chat-form input {
  flex: 1; min-width: 0; border: 1px solid #C9D3DB; border-radius: 18px; padding: 8px 12px;
  font-size: 14px; color: #1F3243; outline: none; font-family: inherit;
}
.ircam-chat-form input:focus { border-color: #2B4155; box-shadow: 0 0 0 2px rgba(43, 65, 85, .15); }
.ircam-chat-form button {
  width: 38px; height: 38px; flex: none; border: 0; border-radius: 50%; cursor: pointer;
  background: #E3B640 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3243' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l16-8-6 16-3-6z'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.ircam-chat-form button:hover { background-color: #D4A52F; }
.ircam-chat-pie { padding: 6px 12px 10px; }
.ircam-chat-pie a { padding: 6px; font-size: 12px; }


/* =====================================================================
   IRCAM · "La Amazonia colombiana en cifras": foto amazónica de fondo
   Foto de Pexels 29759408 (río y lago amazónico, vista aérea).
   Se acerca y se desplaza lento; al pasar el mouse se aclara.
   ===================================================================== */
.amz-cifras { position: relative; overflow: hidden; isolation: isolate; background: #1F3243; }
.amz-cifras::before {
  content: ""; position: absolute; inset: -6%; z-index: -2;
  background: url("https://images.pexels.com/photos/29759408/pexels-photo-29759408.jpeg?auto=compress&cs=tinysrgb&w=1400&h=900&fit=crop") center / cover no-repeat;
  animation: amz-fondo-viaje 36s ease-in-out infinite alternate;
}
.amz-cifras::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(31, 50, 67, .72) 0%, rgba(31, 50, 67, .58) 50%, rgba(31, 50, 67, .80) 100%);
  transition: background .6s ease;
}
.amz-cifras:hover::after {
  background: linear-gradient(180deg, rgba(31, 50, 67, .60) 0%, rgba(31, 50, 67, .45) 50%, rgba(31, 50, 67, .72) 100%);
}
@keyframes amz-fondo-viaje {
  0%   { transform: scale(1) translate(0, 0); }
  50%  { transform: scale(1.08) translate(-2%, 1%); }
  100% { transform: scale(1.14) translate(2%, -2%); }
}
.amz-num, .amz-lbl { text-shadow: 0 2px 6px rgba(0, 0, 0, .55); }
details.amz-dato:hover { background: rgba(255, 252, 223, .14); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
details.amz-dato[open] { background: rgba(31, 50, 67, .82); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.amz-ver { background: rgba(31, 50, 67, .45); }


/* =====================================================================
   IRCAM · Celular y tableta: todo centrado y simétrico
   ===================================================================== */
/* Botones "Ver más" alineados a la misma altura en cada fila de cifras */
.amz-lbl { min-height: 2.5em; }

@media (max-width: 991px) {
  /* Pie de página centrado */
  footer.footer .row > [class*="col-"] { float: none; width: 100%; text-align: center; }
  footer.footer .col-md-10 p { text-align: center !important; }
  footer.footer .col-md-10 p img { display: block; margin: 0 auto 6px; max-width: 180px; height: auto; }
  footer.footer .ircam-aliado {
    position: static; transform: none; margin: 18px auto 4px;
    padding-top: 16px; border-top: 1px solid rgba(43, 65, 85, .15); width: 260px;
  }
  footer.footer .col-md-2 { margin-top: 14px; }
  footer.footer .col-md-2::before { content: ""; display: block; width: 260px; max-width: 80%; margin: 0 auto 14px; border-top: 1px solid rgba(43, 65, 85, .15); }
  footer.footer .col-md-2 a, footer.footer .col-md-2 img { display: inline-block; margin: 0 auto; float: none; }
  footer.footer .col-md-2 img { width: 95px; }
}
@media (max-width: 767px) {
  footer.footer { padding-top: 22px; padding-bottom: 90px; }
  footer.footer .col-md-10 p { font-size: 12.5px; line-height: 1.45; }
  /* Títulos de los bloques laterales centrados */
  .pkp_block .title { text-align: center; }
  .pkp_block .content { text-align: center; }
  .pkp_block .content ul { display: inline-block; text-align: left; }
}
@media (max-width: 767px) {
  /* Archivos: portada arriba y título debajo, centrados */
  .issue-summary.media { display: block; text-align: center; margin-bottom: 26px; }
  .issue-summary .media-left { display: block; padding: 0; margin: 0 auto 10px; }
  .issue-summary .media-left img { display: block; margin: 0 auto; max-width: 210px; width: 100%; box-shadow: 0 6px 16px rgba(31, 50, 67, .25); }
  .issue-summary .media-body { display: block; width: auto; }
  .issue-summary .media-heading { font-size: 20px; }
  /* Número actual (portada y página del número): portada centrada y de tamaño moderado */
  .heading.row { text-align: center; }
  .heading .thumbnail { float: none; max-width: 260px; margin: 0 auto 10px; }
  .heading .issue-details { float: none; text-align: center; }
  /* Encabezados de página centrados */
  .page-header, .page h1, .pkp_structure_main h1 { text-align: center; }
  .breadcrumb { text-align: center; }
}


/* =====================================================================
   IRCAM · Encabezado: franja con simbología inspirada en los chumbes kamëntsá
   (rombo, cruz/estrella, dientes y líneas de tejido), en dorado y crema.
   ===================================================================== */
#headerNavigationContainer > .container-fluid:first-child { position: relative; }
#headerNavigationContainer > .container-fluid:first-child::before {
  content: ""; display: block !important; position: absolute; z-index: 0;
  top: 2px; height: 38px; left: 205px; right: 240px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='28' viewBox='0 0 64 28'%3E %3Cpath d='M0 1.5H64M0 26.5H64' stroke='%23E3B640' stroke-width='1.2' opacity='.8'/%3E %3Cpath d='M0 3 L4 6 L8 3 L12 6 L16 3 L20 6 L24 3 L28 6 L32 3 L36 6 L40 3 L44 6 L48 3 L52 6 L56 3 L60 6 L64 3' stroke='%236E8BA3' stroke-width='1' fill='none'/%3E %3Cpath d='M0 25 L4 22 L8 25 L12 22 L16 25 L20 22 L24 25 L28 22 L32 25 L36 22 L40 25 L44 22 L48 25 L52 22 L56 25 L60 22 L64 25' stroke='%236E8BA3' stroke-width='1' fill='none'/%3E %3Cpath d='M16 7 L23 14 L16 21 L9 14 Z' stroke='%23E3B640' stroke-width='1.6' fill='none'/%3E %3Cpath d='M16 10.5 L19.5 14 L16 17.5 L12.5 14 Z' fill='%23FFFCDF'/%3E %3Ccircle cx='16' cy='14' r='1.2' fill='%232B4155'/%3E %3Cpath d='M42 8 L54 20 M54 8 L42 20' stroke='%23FFFCDF' stroke-width='1.4'/%3E %3Cpath d='M48 11 L51 14 L48 17 L45 14 Z' fill='%23E3B640'/%3E %3Cpath d='M40 8h2v2M56 8h-2v2M40 20h2v-2M56 20h-2v-2' stroke='%23FFFCDF' stroke-width='1.2' fill='none'/%3E %3Ccircle cx='32' cy='14' r='1.4' fill='%23E3B640'/%3E%3Ccircle cx='0' cy='14' r='1.4' fill='%23E3B640'/%3E%3Ccircle cx='64' cy='14' r='1.4' fill='%23E3B640'/%3E %3C/svg%3E") 0 0 / 87px 38px repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
  opacity: .9; pointer-events: none;
  animation: ircam-chumbe 40s linear infinite;
}
@keyframes ircam-chumbe { from { background-position: 0 0; } to { background-position: 870px 0; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #headerNavigationContainer > .container-fluid:first-child::before { left: 170px; right: 240px; }
}
@media (max-width: 767px) {
  #headerNavigationContainer > .container-fluid:first-child::before { display: none !important; }
}


/* =====================================================================
   IRCAM · Encabezado fijo: el menú, el logo y la franja kamëntsá
   se quedan arriba al bajar por la página (computador y celular).
   ===================================================================== */
#headerNavigationContainer { position: sticky !important; top: 0; z-index: 1001; box-shadow: 0 4px 14px rgba(31, 50, 67, .25); }
html { scroll-padding-top: 115px; }
@media (max-width: 767px) {
  #headerNavigationContainer .navbar-collapse.in, #headerNavigationContainer .navbar-collapse.collapsing { max-height: calc(100vh - 110px); overflow-y: auto; }
}


/* =====================================================================
   IRCAM · Bloque lateral "Investigación en UNIPUTUMAYO" (tarjetas con foto)
   El contenido está en el Módulo de cabecera personalizada (pie).
   ===================================================================== */
.ircam-eventos .content { display: grid; gap: 14px; }
.ircam-evento { display: block; text-decoration: none !important; color: inherit; border-bottom: 1px solid #E6ECF1; padding-bottom: 10px; }
.ircam-evento-img {
  position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 6px; overflow: hidden;
  background-color: #2B4155; background-size: cover; background-position: center;
  transition: transform .4s ease, box-shadow .4s ease;
  box-shadow: 0 3px 10px rgba(31, 50, 67, .18);
}
.ircam-evento:hover .ircam-evento-img { transform: scale(1.03); box-shadow: 0 8px 18px rgba(31, 50, 67, .3); }
.ircam-evento-tag {
  position: absolute; left: 8px; bottom: 8px; padding: 2px 8px; border-radius: 3px;
  background: rgba(31, 50, 67, .88); color: #FFFCDF; font-size: 10.5px; font-weight: bold; letter-spacing: .02em;
}
.ircam-evento-tit { display: block; margin-top: 7px; font-size: 13px; line-height: 1.35; color: #2B4155; font-weight: 600; text-align: left; }
.ircam-evento:hover .ircam-evento-tit { color: #7B7F5F; text-decoration: underline; }
.ircam-eventos-mas {
  display: block; text-align: center; padding: 7px; border-radius: 16px; border: 1px solid #2B4155;
  color: #2B4155 !important; font-size: 12.5px; font-weight: bold; text-decoration: none !important;
}
.ircam-eventos-mas:hover { background: #2B4155; color: #FFFCDF !important; }
@media (min-width: 480px) and (max-width: 991px) {
  .ircam-eventos .content { grid-template-columns: 1fr 1fr; }
  .ircam-eventos-mas { grid-column: 1 / -1; }
}


/* =====================================================================
   IRCAM · Redes sociales de UNIPUTUMAYO (al final del bloque de investigación)
   ===================================================================== */
.ircam-redes { text-align: center; padding-top: 4px; grid-column: 1 / -1; }
.ircam-redes-tit { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #4A6378; font-weight: bold; margin-bottom: 8px; }
.ircam-redes-iconos { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.ircam-red {
  display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%;
  background: #2B4155; color: #FFFCDF !important; text-decoration: none !important;
  box-shadow: 0 0 0 3px rgba(227, 182, 64, .35); transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}
.ircam-red:hover { transform: translateY(-3px) scale(1.08); box-shadow: 0 0 0 3px #E3B640, 0 6px 12px rgba(31, 50, 67, .3); }
.ircam-red-fb:hover { background: #1877F2; }
.ircam-red-ig:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.ircam-red-yt:hover { background: #FF0000; }
.ircam-red-x:hover { background: #000000; }
.ircam-red-in:hover { background: #0A66C2; }
.ircam-red-web:hover { background: #7B7F5F; }