/* Capa de refinamiento editorial de Constelación 8 */
.hero{min-height:auto;padding-bottom:54px}
.hero-intro{max-width:900px;margin:0 auto 12px;display:flex;flex-direction:column;align-items:center}
.hero-presenter{display:inline-flex!important;align-items:baseline;justify-content:center;gap:8px;margin:10px 0 0;color:#fff;font-family:"Work Sans",Arial,sans-serif;order:2;flex-direction:row}
.hero-presenter strong{font-family:"Work Sans",Arial,sans-serif;font-size:18px;line-height:1;font-weight:700;letter-spacing:-.045em;color:#fff;white-space:nowrap}
.hero-presenter span{font-family:"Work Sans",Arial,sans-serif;font-size:10px;line-height:1;font-weight:400;letter-spacing:.02em;color:#fff;white-space:nowrap}
.hero-presenter span::after{content:none}
.hero-atlas-title{font-family:"Work Sans",Arial,sans-serif;font-size:clamp(22px,3.2vw,42px);line-height:1.08;font-weight:500;letter-spacing:-.035em;color:#fff;margin:0 auto;max-width:820px;text-wrap:balance;order:1}
.hero-lead{max-width:760px;margin:14px auto 0;font-size:clamp(11px,1.1vw,14px);line-height:1.72;color:#C7B8D4;order:3}
.hero-lead strong{font-weight:500;color:#F7F2FF}
.hero-biographic-note{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 11px;border:1px solid rgba(255,205,0,.14);border-radius:999px;background:rgba(255,205,0,.025);font-family:"Work Sans";font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#D7C9E1;order:4}
.hero-biographic-note:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--de8-yellow);box-shadow:0 0 12px rgba(255,205,0,.8)}
.archipelago-stage{margin-top:3px}

/* Firma eliminada de la zona inferior de la portada; el crédito principal queda bajo el titular. */
.hero-down{order:9}
.creator-signature{display:none!important}

/* Marca DE8: texto real en Work Sans, sin imágenes ni SVG. */
.de8-wordmark{font-family:"Work Sans",Arial,sans-serif!important;font-size:18px!important;line-height:1!important;font-weight:700!important;letter-spacing:-.045em!important;color:#fff!important;background:none!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;opacity:1!important;white-space:nowrap}
.de8-wordmark em{font-style:normal;color:var(--de8-yellow)}
footer .footer-de8{display:flex;align-items:baseline;gap:8px}
footer .footer-de8 .de8-wordmark{display:inline-block!important;font-size:16px!important;background:none!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;opacity:1!important}

.time-match{position:relative;padding:76px 5vw 88px;border-top:1px solid rgba(255,205,0,.08);background:radial-gradient(circle at 50% 0,rgba(90,24,154,.17),transparent 35%),linear-gradient(180deg,rgba(15,2,28,.76),rgba(13,2,25,.9));overflow:hidden}
.time-match:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 26%,rgba(157,78,221,.055) 0 1px,transparent 1px 52px);mask-image:linear-gradient(to bottom,#000,transparent 68%)}
.time-match-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(440px,1.22fr);gap:7vw;align-items:start}
.time-match-copy{max-width:520px}
.time-match-copy h2{font-family:"Work Sans";font-size:clamp(34px,5vw,68px);font-weight:500;line-height:.94;letter-spacing:-.05em;margin:0 0 18px;color:#fff}
.time-match-copy h2 span{color:var(--de8-yellow)}
.time-match-copy>p:last-of-type{font-size:13px;line-height:1.75;color:#AD9BBA;max-width:500px}
.time-orbit{width:128px;height:128px;border:1px solid rgba(157,78,221,.22);border-radius:50%;position:relative;margin-top:30px}
.time-orbit:before,.time-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,205,0,.16)}
.time-orbit:before{inset:17px}.time-orbit:after{inset:39px;border-color:rgba(157,78,221,.38)}
.time-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--de8-yellow);left:14px;top:30px;box-shadow:0 0 17px rgba(255,205,0,.85);animation:nodePulse 3s ease-in-out infinite}
.time-orbit b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--violet-4);right:20px;bottom:28px;box-shadow:0 0 14px rgba(157,78,221,.8)}

.time-tool{border:1px solid rgba(157,78,221,.18);border-radius:26px;padding:25px;background:linear-gradient(145deg,rgba(59,10,106,.14),rgba(18,3,34,.78));box-shadow:0 28px 90px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.time-tool-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.055);margin-bottom:20px}
.time-tool-head strong{font-family:"Work Sans";font-size:15px;font-weight:500;color:#F6F0FA}
.time-tool-head small{display:block;font-size:9px;line-height:1.55;color:#806F91;max-width:330px;margin-top:5px}
.time-tool-badge{flex:none;border:1px solid rgba(255,205,0,.16);border-radius:999px;padding:6px 8px;font-family:"Work Sans";font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--de8-yellow)}
.time-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
.time-field{display:flex;flex-direction:column;gap:7px}
.time-field span{font-family:"Work Sans";font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#A08DAF}
.time-field input,.time-field select{width:100%;min-height:42px;border:1px solid rgba(157,78,221,.2);border-radius:13px;background:rgba(12,2,23,.7);padding:12px 13px;outline:none;font-size:11px;color:#F6F0FA;transition:.2s}
.time-field select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#FFCD00 50%),linear-gradient(135deg,#FFCD00 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.time-field select option{background:#1A0633;color:#F6F0FA}
.time-field input:focus,.time-field select:focus{border-color:rgba(255,205,0,.4);box-shadow:0 0 0 3px rgba(255,205,0,.035)}
.time-submit{border:1px solid rgba(255,205,0,.36);border-radius:13px;background:var(--de8-yellow);color:#1A0633;padding:12px 16px;font-family:"Work Sans";font-size:9px;font-weight:600;white-space:nowrap;transition:.2s;min-height:42px}
.time-submit:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,205,0,.12)}
.time-privacy{margin:9px 0 0;font-size:7px;color:#665574}
.time-results{margin-top:22px}
.time-empty{border-top:1px solid rgba(255,255,255,.05);padding-top:18px;font-size:10px;line-height:1.6;color:#837292}
.time-summary{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.time-summary span{border:1px solid rgba(157,78,221,.18);border-radius:999px;padding:6px 9px;font-size:8px;color:#A998B7}
.time-summary b{color:var(--de8-yellow);font-weight:500;margin-right:3px}
.time-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding-right:3px}
.time-person{border:1px solid rgba(157,78,221,.16);border-radius:15px;background:rgba(59,10,106,.07);padding:13px;text-align:left;transition:.2s}
.time-person:hover{border-color:rgba(255,205,0,.28);background:rgba(255,205,0,.025);transform:translateY(-1px)}
.time-person strong{display:block;font-family:"Work Sans";font-size:11px;font-weight:500;color:#F6F0FA}
.time-person small{display:block;color:#837091;font-size:8px;margin-top:4px;line-height:1.45}
.time-overlap{display:inline-flex;margin-top:10px;border-radius:999px;padding:5px 7px;background:rgba(255,205,0,.045);border:1px solid rgba(255,205,0,.12);font-size:7px;color:#D7C867}

.section-heading h2{max-width:760px}
/* Una vez elegida una isla, evitamos repetir la introducción general y mostramos directamente su directorio. */
.explorer:has(.island-chip.active) .section-heading,
.explorer:has(.island-chip.active) .island-selector{display:none}
.explorer:has(.island-chip.active) .directory-shell{margin-top:0}
.project-section{padding-top:86px}
.project-copy .project-definition{color:#DED3E6;font-size:15px;line-height:1.8;margin-bottom:16px}
.project-copy .project-secondary{color:#9E8BAB;font-size:12px;line-height:1.75}
.de8-credit{display:none!important}
.de8-credit>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#766584}
.de8-credit .de8-wordmark{font-size:18px}
.chip small{margin-left:6px;font-size:7px;opacity:.55;font-weight:400}

@media(max-width:900px){
  .hero-atlas-title{font-size:clamp(21px,5.7vw,36px);padding:0 20px}
  .time-match-inner{grid-template-columns:1fr;gap:30px}.time-match-copy{max-width:650px}.time-orbit{display:none}
}

@media(max-width:620px){
  .hero{padding-top:86px}
  .hero-intro{margin-bottom:4px}
  .hero-presenter{margin:11px 0 0;gap:7px}
  .hero-presenter strong{font-size:17px}
  .hero-presenter span{font-size:11px}
  .hero-atlas-title{font-size:25px;line-height:1.08}
  .creator-signature{display:none!important}
  footer .footer-de8 .de8-wordmark{font-size:15px!important}

  /* Escala móvil simplificada: 12 / 14 / 16 px. */
  .hero-lead{font-size:16px!important;line-height:1.62;max-width:360px}
  .hero-biographic-note{font-size:12px!important;line-height:1.35}

  #coincidencias .time-match-copy>p:last-of-type{font-size:16px!important;line-height:1.65;max-width:none}
  #coincidencias .time-tool{padding:22px;border-radius:22px}
  #coincidencias .time-tool-head{flex-direction:column;gap:10px}
  #coincidencias .time-tool-head strong{font-size:19px!important;line-height:1.25}
  #coincidencias .time-tool-head small{font-size:14px!important;line-height:1.55;margin-top:7px;max-width:none}
  #coincidencias .time-tool-badge{font-size:12px!important;padding:7px 10px}
  #coincidencias .time-form{grid-template-columns:1fr;gap:16px}
  #coincidencias .time-field span{font-size:12px!important;letter-spacing:.1em}
  #coincidencias .time-field input,#coincidencias .time-field select{font-size:16px!important;min-height:54px;padding:14px 15px}
  #coincidencias .time-field select{padding-right:42px;background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px}
  #coincidencias .time-submit{font-size:16px!important;min-height:54px;width:100%}
  #coincidencias .time-privacy{font-size:12px!important;line-height:1.55;margin-top:12px}
  #coincidencias .time-empty{font-size:14px!important;line-height:1.6;padding-top:20px}
  #coincidencias .time-summary span{font-size:12px!important}
  #coincidencias .time-person strong{font-size:16px!important}
  #coincidencias .time-person small{font-size:14px!important;line-height:1.5}
  #coincidencias .time-overlap{font-size:12px!important}
  #coincidencias .time-match-grid{grid-template-columns:1fr;max-height:430px}

  #explorar .section-heading>.eyebrow,#proyecto .eyebrow{font-size:12px!important}
  #explorar .section-heading>p:last-child{font-size:16px!important;line-height:1.65}
  .directory-head p{font-size:14px!important;line-height:1.55}
  .directory-count{font-size:12px!important}
  .search{font-size:16px!important;min-height:50px}
  .chip,.island-chip{font-size:12px!important;padding:9px 12px}
  .chip small{font-size:12px!important}
  .person-row strong{font-size:16px!important}
  .person-row small,.person-year{font-size:14px!important;line-height:1.5}
  .profile-meta{font-size:14px!important}
  .profile-bio{font-size:16px!important;line-height:1.75}
  .fact{font-size:12px!important}
  .rel-card strong{font-size:16px!important}
  .rel-card small,.reason{font-size:12px!important}
  .project-copy .project-definition{font-size:16px!important;line-height:1.7}
  .project-copy .project-secondary{font-size:14px!important;line-height:1.65}
}