/* Contraste reforzado para lectura en exterior y pantallas móviles. */
:root{
  --text:#FFFFFF;
  --muted:#EEE7F5;
  --soft:#D8CCE5;
}

/* Texto editorial principal y secundario */
.hero-lead,
.time-match-copy>p:last-of-type,
.section-heading>p:last-child,
.project-copy .project-definition,
.project-copy .project-secondary,
.directory-head p,
.profile-bio,
.directory-empty p{
  color:#F4EFF8!important;
}

/* Resumen visual de la portada: amarillo de marca */
.hero-biographic-note{
  color:#FFCD00!important;
  border-color:rgba(255,205,0,.78)!important;
}

/* Nota editorial bajo el mapa: casi blanca, discreta pero plenamente legible */
#inicio .c8-inclusion-note{
  color:rgba(255,255,255,.92)!important;
}

/* Metadatos: blanco violáceo luminoso, nunca gris oscuro */
.time-tool-head small,
.time-field span,
.time-privacy,
.time-empty,
.time-summary span,
.time-person small,
.person-row small,
.person-year,
.profile-meta,
.rel-card small,
.map-gesture-hint,
.map-tooltip small,
.directory-count{
  color:#DDD1E8!important;
}

/* Texto esencial: blanco puro */
.person-row strong,
.time-person strong,
.rel-card strong,
.profile h3,
.directory-head h3,
.directory-empty strong,
.time-tool-head strong,
.hero-down,
.hero-credit-below,
.hero-credit-below span,
.hero-credit-below strong{
  color:#FFFFFF!important;
}

/* Controles y filtros */
.search,
.time-field input,
.time-field select{
  color:#FFFFFF!important;
}
.search::placeholder,
.time-field input::placeholder{
  color:#CFC2DA!important;
  opacity:1;
}
.island-chip,
.chip,
.profile-back{
  color:#E9E0F1!important;
}
.island-chip.active,
.island-chip:hover{
  color:#1A0633!important;
}
.chip.active{
  color:#FFCD00!important;
}
.chip small{
  opacity:.85!important;
}

/* Etiquetas y datos de ficha */
.fact{
  color:#E8DFF0!important;
}
.profile-kicker,
.constellation-title{
  color:#FFFFFF!important;
}
.reason,
.time-overlap{
  color:#FFF0A8!important;
}

/* Fuentes documentales: máxima legibilidad */
.profile-sources,
.profile-sources h4,
.profile-sources li,
.profile-sources small{
  color:#F1EAF6!important;
}
.profile-sources a{
  color:#FFFFFF!important;
  text-decoration-color:rgba(255,205,0,.72)!important;
  text-underline-offset:3px;
}
.profile-sources a:hover,
.profile-sources a:focus-visible{
  color:#FFDF57!important;
}

/* Navegación y pie */
.main-nav button,
footer,
footer small,
footer span{
  color:#E8DFF0!important;
}

/* Origen del proyecto: una nota de autor antes del cierre legal/de marca. */
footer{
  min-height:auto!important;
  padding:88px 5vw 28px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  border-top:0!important;
}
footer::before{
  content:"Constelación 8 nació de una necesidad muy sencilla. En DE8 Films, productora canaria de cine documental, queríamos una herramienta propia que nos permitiera tener a mano, ordenar y descubrir las biografías de las personas de Canarias y de quienes han dejado una huella profunda en las islas. De esa necesidad de trabajo nació este atlas: una idea original de Enrique Roda, cofundador y director creativo de DE8 Films.\A\A Muy pronto entendimos que una herramienta así no tenía sentido si se quedaba dentro de una productora. Nuestra vocación es divulgar: compartir historias, despertar curiosidad y hacer que conocer nuestro pasado también pueda ser entretenido. Por eso Constelación 8 se comparte como un proyecto abierto a la comunidad, dispuesto a crecer con nuevas fuentes, correcciones y propuestas. Ojalá sirva también para recordarnos lo afortunados que somos de compartir —o haber compartido— tiempo y territorio con tantas personas interesantes que, desde disciplinas muy distintas, han contribuido a hacer de este archipiélago un lugar mejor.\A\A Y hay una convicción personal detrás de esta constelación: Canarias también se construye con quienes la eligieron. Algunas personas nacieron fuera por azar o circunstancias familiares y crecieron aquí desde muy pequeñas; otras llegaron después y decidieron entregar a estas islas lo mejor de sus carreras, su talento y su vida. Siempre he creído que hay muchas maneras de ser canario. En este atlas también están quienes, sin haber nacido en las islas, lo demostraron con su arraigo, su compromiso y su aportación. Porque también hay quienes se hacen canarios eligiendo Canarias. — Enrique Roda";
  display:block;
  flex:0 0 100%;
  max-width:940px;
  margin:0 auto 30px;
  padding:0 0 54px;
  border-bottom:1px solid rgba(255,255,255,.075);
  white-space:pre-line;
  text-align:left;
  font:400 13px/1.86 "Open Sans",Arial,sans-serif;
  color:rgba(244,239,248,.86);
  letter-spacing:0;
}

/* Wordmark de cabecera inspirado en DE8 Films: Work Sans, blanco y punto final. */
.brand{
  gap:11px!important;
}
.brand-name{
  font-family:"Work Sans",Arial,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:700!important;
  text-transform:none!important;
  color:#FFFFFF!important;
}
.brand-name::after{
  content:"Constelación 8.";
  display:inline-block;
  font-family:"Work Sans",Arial,sans-serif;
  font-size:18px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.045em;
  color:#FFFFFF;
  white-space:nowrap;
}
.brand-name b{
  font-size:0!important;
  color:inherit!important;
}
.brand-mark{
  position:relative!important;
  width:37px!important;
  height:22px!important;
  display:block!important;
  flex:none;
  transform:none!important;
  filter:drop-shadow(0 0 4px rgba(255,205,0,.38));
  background:
    radial-gradient(circle at 3px 13px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 8px 5px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 14px 17px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 18px 9px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 23px 3px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 27px 15px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 32px 8px,#FFCD00 0 2px,transparent 2.4px),
    radial-gradient(circle at 35px 19px,#FFCD00 0 2px,transparent 2.4px)!important;
}
.brand-mark i,
.brand-mark::before,
.brand-mark::after{
  display:none!important;
  content:none!important;
}

@media(max-width:620px){
  .hero-lead,
  .time-match-copy>p:last-of-type,
  .section-heading>p:last-child,
  .project-copy .project-definition,
  .project-copy .project-secondary,
  .profile-bio,
  .directory-head p,
  .directory-empty p{
    color:#FFFFFF!important;
  }

  #inicio .c8-inclusion-note{
    color:rgba(255,255,255,.95)!important;
  }

  .time-tool-head small,
  .time-privacy,
  .time-empty,
  .time-summary span,
  .time-person small,
  .person-row small,
  .person-year,
  .profile-meta,
  .rel-card small{
    color:#E9E0F1!important;
  }

  footer{
    padding:64px 22px 24px!important;
  }
  footer::before{
    margin-bottom:32px;
    padding-bottom:38px;
    font-size:12px;
    line-height:1.82;
    color:rgba(255,255,255,.88);
  }

  .brand{
    gap:9px!important;
  }
  .brand-name::after{
    font-size:16px;
  }
  .brand-mark{
    width:34px!important;
    height:21px!important;
    transform:none!important;
  }
}