/* Tarjeta desplegable y rótulos del sistema joviano. */
.jupiter-discovery {
  border: 1px solid #655976;
  border-radius: 13px;
  background: linear-gradient(120deg, #302b42, #1b293d);
  overflow: hidden;
}
.jupiter-discovery > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 11px 13px;
  cursor: pointer;
  list-style: none;
}
.jupiter-discovery > summary::-webkit-details-marker {
  display: none;
}
.jupiter-discovery > summary::after {
  content: '+';
  margin-left: auto;
  font-size: 20px;
  color: #c2b2eb;
}
.jupiter-discovery[open] > summary::after {
  content: '−';
}
.jupiter-discovery summary strong {
  font-size: 12px;
}
.jupiter-discovery summary strong,
.jupiter-discovery summary small {
  display: block;
}
.jupiter-discovery summary small {
  margin-top: 4px;
  color: #a9bfde;
  font-size: 10px;
}
.jupiter-summary-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  font-size: 24px;
  color: #e8c399;
  background: #d6a66513;
  border: 1px solid #d6a66535;
  padding: 0;
  border-radius: 10px;
}
.jupiter-content {
  padding: 0 16px 16px;
  color: #bccce4;
  font-size: 13px;
}
.jupiter-content p {
  line-height: 1.55;
  margin: 10px 0;
}
.jupiter-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.jupiter-actions label {
  display: flex;
  align-items: center;
  gap: 7px;
}
.jupiter-destinations {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0;
}
.jupiter-content button {
  font-size: 12px;
  min-height: 37px;
  padding: 7px 10px;
}
.jupiter-destinations button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 8px 4px;
}
.jupiter-moon-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 28%, #e6d294, #908056 67%, #1d2230);
  box-shadow: inset -4px -2px 6px #080c1866;
}
.jupiter-moon-icon.europa {
  background: radial-gradient(circle at 30% 28%, #e6e1d1, #aa9e8d 67%, #1d2230);
}
.jupiter-moon-icon.ganymede {
  background: radial-gradient(circle at 30% 28%, #bebaa3, #767068 67%, #1d2230);
}
.jupiter-moon-icon.callisto {
  background: radial-gradient(circle at 30% 28%, #a6a09c, #676563 67%, #1d2230);
}
.jupiter-technical {
  margin-top: 12px;
  border-top: 1px solid #a2b9da2b;
  padding-top: 10px;
}
.jupiter-technical summary {
  cursor: pointer;
  color: #c6bbeb;
}
.jupiter-technical table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.jupiter-technical th,
.jupiter-technical td {
  padding: 6px 3px;
  text-align: left;
  border-bottom: 1px solid #a2b9da22;
}
.jupiter-scale-note {
  color: #c8b6de;
  font-size: 12px;
}
.jupiter-moon-label {
  position: absolute;
  z-index: 4;
  transform: translate(-50%, 0);
  padding: 5px 8px;
  min-height: 30px;
  font-size: 12px;
  line-height: 1.4;
  font-family: inherit;
  border: 1px solid #c6b59366;
  border-radius: 8px;
  background: #151d32df;
  color: #f1dfbe;
  pointer-events: auto;
}
.jupiter-moon-label[hidden] {
  display: none;
}
@media (max-width: 380px) {
  .jupiter-content {
    padding: 0 10px 12px;
  }
  .jupiter-technical table {
    font-size: 10px;
  }
}