/* SPDX-License-Identifier: AGPL-3.0-or-later */
/* La portada combina el botón dorado común con un pequeño planeta lateral. */
.hero.hero--planetary {padding-bottom:100px}
.hero-cta.planet-navigation {
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:960px;
  column-gap:32px;
  row-gap:36px;
  margin:48px auto 0;
}
.planet-button {--planet-size:72px;--planet-x:6.16%;--planet-y:10.58%}
.hero-cta.planet-navigation .planet-button {
  width:100%;
  height:auto;
  min-height:58px;
  padding:14px 14px 14px 80px;
  font-size:15px;
  letter-spacing:.01em;
}
.planet-button--planets {--planet-x:50%}
.planet-button--houses {--planet-x:94.01%}
.planet-button--elements {--planet-y:87.66%}
.planet-button--beyond {--planet-x:50%;--planet-y:87.66%}
.planet-button--calendar {--planet-x:94.01%;--planet-y:87.66%}
.planet-visual {
  position:absolute;
  top:50%;
  left:-4px;
  width:var(--planet-size);
  height:var(--planet-size);
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  isolation:isolate;
  z-index:3;
  border:1px solid #ffe0a1;
  border-radius:50%;
  background:radial-gradient(circle at 24% 18%,#d8a24d,#4e344c 38%,#1b132a 75%);
  box-shadow:0 0 6px #ffe1a399,0 0 16px #e9ad4940,4px 1px 9px #3820394d;
  pointer-events:auto;
}
.planet-surface {
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background-image:url('images/botones-planeta-texturas-v1.png');
  background-size:384% 256%;
  background-position:var(--planet-x) var(--planet-y);
  box-shadow:inset 0 0 2px 1px #ffe9bc80;
}
.planet-visual::before {
  content:'';
  position:absolute;
  inset:37% -13%;
  border:1px solid #edc977;
  border-radius:50%;
  transform:rotate(-22deg);
  box-shadow:0 0 5px #f4c96526;
  pointer-events:none;
}
.planet-visual::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle,#100d205e,transparent 65%);
  pointer-events:none;
}
.planet-button-icon {
  position:relative;
  z-index:1;
  display:block;
  width:30px;
  height:30px;
  color:#fbe09d;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px #0b071f);
}
.planet-button-label {
  position:relative;
  z-index:1;
  display:block;
  min-width:0;
  font:inherit;
  color:inherit;
  pointer-events:none;
}
:root[data-theme="sol"] .planet-visual {
  border-color:#b1843d;
  box-shadow:0 0 0 1px #d9af6866,0 4px 12px #5a381b40;
}
:root[data-theme="sol"] .planet-visual::before {border-color:#a57b35;box-shadow:none}
@media(max-width:1000px) {
  .hero-cta.planet-navigation {grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
}
@media(max-width:680px) {
  .hero-cta.planet-navigation {grid-template-columns:1fr;max-width:360px;row-gap:28px;margin-top:42px}
  .hero-cta.planet-navigation .planet-button {--planet-size:64px;min-height:54px;padding:13px 12px 13px 70px;font-size:14px}
  .planet-button-icon {width:27px;height:27px}
  .hero.hero--planetary {padding-bottom:60px}
}
@media(forced-colors:active) {
  .planet-visual {border:2px solid LinkText;background:Canvas;box-shadow:none}
  .planet-surface,.planet-visual::before,.planet-visual::after {display:none}
  .planet-button-icon {color:LinkText;filter:none}
}