/* Intro Indera v8 · video (amanecer → semilla que germina → logo). La controla intro.js.
   La intro anterior (acuarela animada) quedó en intro/_fuentes/acuarela-v7. */
html.ii-on, html.ii-on body { overflow: hidden; }
html:not(.ii-on) #intro-indera { display: none; }
/* fondo = verde del cuadro final del video (#103920), para que el cierre no tenga corte */
#intro-indera { position: fixed; inset: 0; z-index: 9999; overflow: hidden; background: #103920; }
#intro-indera.ii-fadeout { transition: opacity .6s ease; opacity: 0; }
.ii-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ii-skip { position: absolute; right: 20px; bottom: 20px; background: rgba(16,57,32,.35); cursor: pointer;
  border: 1px solid rgba(239,226,203,.55); color: #EFE2CB; border-radius: 999px; padding: 8px 16px;
  font: 600 12px/1 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.ii-skip:hover, .ii-skip:focus-visible { background: rgba(16,57,32,.6); outline: none; }