/* Piel del sitio para las herramientas a pantalla completa (sistema solar 3D y simulador FOV).
   Reemplaza sus tipografías por las del sitio sin tocar su CSS: "Orbitron" pasa a ser Space Mono
   y "Questrial" pasa a ser Inter. */
@font-face { font-family: "Orbitron"; font-weight: 100 900; font-display: swap; src: url(../vendor/fonts/space-mono-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Questrial"; font-weight: 100 900; font-display: swap; src: url(../vendor/fonts/inter-latin-wght-normal.woff2) format("woff2"); }
@font-face { font-family: "Cormorant"; font-weight: 300; font-display: swap; src: url(../vendor/fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2"); }
@font-face { font-family: "Cormorant"; font-weight: 300; font-style: italic; font-display: swap; src: url(../vendor/fonts/cormorant-garamond-latin-300-italic.woff2) format("woff2"); }
.tool-home {
  position: fixed; top: 12px; left: 12px; z-index: 9999; display: flex; align-items: center; gap: 10px;
  padding: 6px 16px 6px 6px; border-radius: 999px; background: rgba(4, 5, 11, .78); color: #f1ece2;
  border: 1px solid rgba(232, 226, 214, .18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  font: 400 10px/1 "Orbitron", monospace; letter-spacing: .26em; text-transform: uppercase; text-decoration: none;
  transition: border-color .3s, color .3s;
}
.tool-home:hover { border-color: #d8b77a; color: #f0d9a8; }
.tool-home img { width: 30px; height: 30px; object-fit: contain; }
.tool-home .arr { font-family: "Questrial", sans-serif; letter-spacing: 0; font-size: 14px; margin-right: 2px; }
.tool-title { font-family: "Cormorant", Georgia, serif !important; font-weight: 300 !important; letter-spacing: 0 !important; text-transform: none; }
.tool-title em { font-style: italic; color: #f0d9a8; }
@media (max-width: 600px) { .tool-home .txt { display: none; } .tool-home { padding: 6px; } }

/* ---- celular ---- */
@media (max-width: 760px) {
  /* sistema solar 3D: los paneles no deben tapar la escena */
  #solar-general-info { display: none; }
  #solar-detail-panel { top: auto !important; bottom: 150px; left: 8px !important; right: 8px; width: auto !important; max-height: 36vh !important; }
  #solar-title-overlay p { display: none; }
  #solar-title-overlay h1 { font-size: 26px !important; }
  #solar-time-hud { top: 62px !important; min-width: 0 !important; padding: 6px 10px !important; }
  /* simulador FOV: el acceso al sitio pasa a ser una barra arriba del panel */
  .tool-home[style*="bottom"] { position: static !important; margin: 10px auto 6px; width: max-content; padding: 6px 16px 6px 6px !important; }
  .tool-home[style*="bottom"] .txt { display: inline !important; }
}