/* Galaxya.Space — hoja de estilo del sitio público. Paleta de la guía visual (notas/marca/paleta-galaxya-space.pdf). */
:root{
  --azul-espacial:#0755C9; --azul-noche:#071B53; --amarillo:#FFD23F;
  --blanco-lunar:#F5F8FF; --celeste:#E4EFFF; --verde:#137A53;
  --texto:#071B53; --suave:#3A4C7A; --borde:#C9D9F3;
  --radio:18px; --ancho:1080px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco-lunar);color:var(--texto);
  font:400 1.0625rem/1.6 ui-rounded,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul-espacial);text-underline-offset:3px}
a:hover{color:var(--azul-noche)}
:focus-visible{outline:3px solid var(--azul-espacial);outline-offset:3px;border-radius:6px}
.saltar{position:absolute;left:-999px;top:8px;background:var(--azul-noche);color:#fff;padding:10px 16px;border-radius:8px;z-index:10}
.saltar:focus{left:8px}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 20px}
header.sitio{padding:18px 0}
header.sitio .contenedor{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.marca img{width:200px;height:auto}
nav.menu{display:flex;gap:6px;flex-wrap:wrap}
nav.menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:999px;color:var(--azul-noche);text-decoration:none;font-weight:600}
nav.menu a:hover{background:var(--celeste)}
/* Portada */
.heroe{padding:24px 0 56px}
.heroe .contenedor{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.etiqueta{display:inline-block;background:var(--celeste);color:var(--azul-noche);font-weight:700;font-size:.9rem;
  padding:6px 14px;border-radius:999px;border:1px solid var(--borde);margin:0 0 14px}
h1{font-size:clamp(2rem,5.4vw,3.2rem);line-height:1.1;margin:0 0 16px;color:var(--azul-noche);letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,3.6vw,2rem);line-height:1.2;margin:0 0 12px;color:var(--azul-noche)}
h3{font-size:1.15rem;margin:0 0 6px;color:var(--azul-noche)}
.entrada{font-size:1.2rem;color:var(--suave);max-width:36em;margin:0 0 22px}
.acciones{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;
  font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid transparent}
.boton.principal{background:var(--azul-espacial);color:#fff}
.boton.principal:hover{background:var(--azul-noche);color:#fff}
.boton.secundario{background:none;color:var(--azul-noche);text-decoration:underline;padding:0 12px}
.boton.secundario:hover{background:var(--celeste);color:var(--azul-noche)}
.aviso-mision{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--borde);border-left:6px solid var(--amarillo);
  border-radius:var(--radio);padding:14px 16px;max-width:34em}
.aviso-mision strong{color:var(--azul-noche)}
.manny{display:flex;justify-content:center}
.manny img{width:min(100%,380px);filter:drop-shadow(0 18px 24px rgba(7,27,83,.18));animation:flota 6s ease-in-out infinite}
@keyframes flota{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media (prefers-reduced-motion:reduce){.manny img{animation:none}html{scroll-behavior:auto}}
/* Secciones */
section.bloque{padding:56px 0}
section.celeste{background:var(--celeste)}
.pasos{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:paso}
.pasos li{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:18px;counter-increment:paso}
.pasos li::before{content:counter(paso);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  background:var(--amarillo);color:var(--azul-noche);font-weight:800;margin-bottom:10px}
.pasos p{margin:0;color:var(--suave)}
.dos{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.dos img{width:min(100%,300px);margin:0 auto}
.lista{margin:12px 0 0;padding-left:1.2em}
.lista li{margin:6px 0}
.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:18px}
.tarjeta p{margin:0;color:var(--suave)}
.ok{color:var(--verde);font-weight:700}
.ok::before{content:"\2713\00a0"}
/* Pie */
footer.pie{background:var(--azul-noche);color:#E4EFFF;padding:36px 0 28px;margin-top:0}
footer.pie a{color:#fff}
footer.pie .fila{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
footer.pie nav{display:flex;gap:6px 18px;flex-wrap:wrap}
footer.pie :focus-visible{outline-color:var(--amarillo)}
footer.pie nav a{display:inline-flex;align-items:center;min-height:44px}
footer.pie .fila a[itemprop="email"]{display:inline-flex;align-items:center;min-height:44px}
footer.pie .legal{font-size:.92rem;color:#C9D9F3;max-width:46em;margin:16px 0 0}
/* Páginas de texto */
main.texto{padding:12px 0 56px}
main.texto .contenedor{max-width:760px}
main.texto h1{font-size:clamp(1.8rem,4.6vw,2.4rem)}
main.texto h2{margin-top:30px;font-size:1.35rem}
main.texto p,main.texto li{color:var(--texto)}
.migas{font-size:.95rem;color:var(--suave);margin:0 0 8px}
.migas a{color:var(--azul-espacial)}
@media (max-width:860px){
  .dos{grid-template-columns:1fr}
  .solo-escritorio{display:none}
  .pasos{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .heroe .contenedor{grid-template-columns:1fr}
  .manny img{width:min(60%,220px)}
}
@media (max-width:520px){.pasos{grid-template-columns:1fr}.marca img{width:170px}}
/* Pantallas bajas (móviles pequeños y teléfonos en horizontal): que el botón principal se vea sin desplazarse */
@media (max-width:700px) and (max-height:700px){
  header.sitio{padding:8px 0}
  .heroe{padding:4px 0 36px}
  .etiqueta{margin-bottom:8px}
  h1{font-size:1.8rem;margin-bottom:10px}
  .entrada{font-size:1.02rem;margin-bottom:14px}
  .manny img{width:min(42%,150px)}
}
@media (max-height:500px){
  header.sitio{padding:8px 0}
  .heroe{padding:4px 0 32px}
  h1{font-size:1.7rem}
  .entrada{font-size:1rem;margin-bottom:12px}
  .manny img{width:min(100%,200px)}
}

/* v1.3.0: muestra de misión, cierre y menú de una fila */
.etiqueta-blanca{background:#fff}
.situacion{max-width:44em;margin:8px 0 18px;font-size:1.1rem}
.reglas{max-width:44em;margin:0 0 18px;color:var(--suave)}
.pregunta{font-size:1.3rem;margin:0 0 12px}
.opciones{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.opcion{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:18px}
.opcion h4{margin:0 0 8px;font-size:1.1rem;color:var(--azul-noche)}
.opcion p{margin:8px 0 0;color:var(--suave)}
.datos{list-style:none;margin:0;padding:0;display:flex;gap:8px 22px;flex-wrap:wrap}
.datos li{background:var(--celeste);border-radius:10px;padding:6px 12px}
.pie-muestra{max-width:46em;margin:18px 0 0;color:var(--texto)}
section.cierre{background:var(--azul-noche);color:#fff;text-align:center}
section.cierre h2{color:#fff}
section.cierre p{color:#E4EFFF;margin:0 0 16px}
section.cierre .boton.principal{background:var(--amarillo);color:var(--azul-noche)}
section.cierre .boton.principal:hover{background:#fff;color:var(--azul-noche)}
section.cierre :focus-visible{outline-color:var(--amarillo)}
@media (max-width:700px){.opciones{grid-template-columns:1fr}}
@media (max-width:400px){nav.menu a.solo-ancho{display:none}}