/* Destinos y fichas: los datos técnicos aparecen al desplegar la tarjeta. */
.worlds-discovery {
  border: 1px solid #655b83;
  border-radius: 13px;
  overflow: hidden;
  background: linear-gradient(120deg, #302944, #192c40);
}
.worlds-discovery > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 11px 13px;
  cursor: pointer;
  list-style: none;
}
.worlds-discovery > summary::-webkit-details-marker {
  display: none;
}
.worlds-discovery > summary::after {
  content: '+';
  margin-left: auto;
  color: #c7b2ed;
  font-size: 20px;
}
.worlds-discovery[open] > summary::after {
  content: '−';
}
.worlds-discovery summary strong,
.worlds-discovery summary small {
  display: block;
}
.worlds-discovery summary strong {
  font-size: 12px;
}
.worlds-discovery summary small {
  margin-top: 4px;
  font-size: 10px;
  color: #afc4e3;
}
.worlds-summary-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid #b89ada40;
  border-radius: 10px;
  color: #debcf2;
  background: #b88dd11a;
  font-size: 25px;
}
.worlds-content {
  padding: 0 16px 15px;
  color: #c2d1e8;
  font-size: 13px;
}
.worlds-content p {
  margin: 10px 0;
  line-height: 1.55;
}
.worlds-destinations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding-top: 6px;
}
.worlds-destinations button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  min-height: 43px;
  font-size: 12px;
}
.worlds-destinations button[aria-pressed='true'] {
  background: #625288;
  border-color: #b6a1dd;
  color: #fff;
}
.world-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 26%, #dac3b5, #9b857c 59%, #37313e 92%);
  box-shadow: inset -4px -2px 5px #12152555;
}
.world-icon-charon {
  background: radial-gradient(circle at 35% 32%, #c3c2c0, #929597 60%, #303645);
}
.world-icon-titan {
  background: radial-gradient(circle at 32% 28%, #ead89b, #c99d53 63%, #645025);
}
.world-icon-enceladus {
  background: radial-gradient(circle at 32% 28%, #e3f2f6, #acc2cd 65%, #536477);
}
.world-icon-phobos {
  border-radius: 43% 49% 44% 39%;
  transform: rotate(-18deg) scaleX(1.15);
  background: radial-gradient(circle at 34% 30%, #b7a495, #817164 63%, #37333b);
}
.world-icon-deimos {
  border-radius: 43% 39% 47% 41%;
  transform: rotate(17deg);
  background: radial-gradient(circle at 35% 27%, #c8b6a6, #8d7d70 67%, #443840);
}
.worlds-fact {
  margin: 15px 0 12px;
}
.worlds-fact h3 {
  margin: 0;
  color: #ede1ff;
  font-size: 19px;
}
.worlds-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}
.worlds-stats > div {
  padding: 8px 10px;
  border-radius: 9px;
  background: #111b3055;
  border: 1px solid #a0b6d322;
}
.worlds-stats dt {
  font-size: 10px;
  color: #a8beda;
}
.worlds-stats dd {
  margin: 5px 0 0;
  font-size: 13px;
  color: #ece4fa;
  font-weight: 600;
}
.worlds-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  font-size: 12px;
}
.worlds-option[hidden] {
  display: none;
}
.worlds-scale-note {
  color: #b5bee4;
  font-size: 11px;
}
.worlds-technical {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #abc0e022;
}
.worlds-technical > summary {
  color: #cbb9ec;
  cursor: pointer;
}
.worlds-technical p {
  font-size: 12px;
}
.worlds-status:empty {
  display: none;
}
.worlds-status {
  color: #f3c788;
}
.world-body-label {
  position: absolute;
  z-index: 4;
  transform: translateX(-50%);
  pointer-events: auto;
  padding: 6px 10px;
  min-height: 33px;
  border: 1px solid #c9b2e168;
  border-radius: 9px;
  background: #141e32ed;
  color: #efe1ff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.world-body-label[hidden] {
  display: none;
}
@media (max-width: 450px) {
  .worlds-content {
    padding: 0 10px 12px;
  }
  .worlds-destinations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .worlds-stats {
    gap: 6px;
  }
  .worlds-stats > div {
    padding: 7px;
  }
}

/* Los mismos pequeños mundos aparecen en el menú principal. */
.destination-icon[data-destination='pluto'] {
  background: radial-gradient(circle at 30% 26%, #dac3b5, #9b857c 59%, #37313e 92%);
}
.destination-icon[data-destination='charon'] {
  background: radial-gradient(circle at 35% 32%, #c3c2c0, #929597 60%, #303645);
}
.destination-icon[data-destination='titan'] {
  background: radial-gradient(circle at 32% 28%, #ead89b, #c99d53 63%, #645025);
}
.destination-icon[data-destination='enceladus'] {
  background: radial-gradient(circle at 32% 28%, #e3f2f6, #acc2cd 65%, #536477);
}
.destination-icon[data-destination='phobos'] {
  border-radius: 43% 49% 44% 39%;
  transform: rotate(-18deg);
  background: radial-gradient(circle at 34% 30%, #b7a495, #817164 63%, #37333b);
}
.destination-icon[data-destination='deimos'] {
  border-radius: 43% 39% 47% 41%;
  transform: rotate(17deg);
  background: radial-gradient(circle at 35% 27%, #c8b6a6, #8d7d70 67%, #443840);
}