/* =========================================================
   COYOTE 61 · V18
   Mapa a ancho completo, puntos territoriales y movimiento visual
   ========================================================= */

/* Header: recuperar la composición original, alineada a la izquierda. */
.brand__type,
.site-brand__type,
.menu-brand span {
  justify-items: start;
  text-align: left;
}
.brand__type small,
.site-brand__type small,
.menu-brand small {
  width: auto;
  max-width: 190px;
}

/* El mapa del terreno utiliza todo el ancho disponible sin deformarse. */
.scene--map .camera-stage {
  padding-inline: 0;
}
.scene--map .map-canvas {
  width: 100vw;
  max-width: none;
}

/* Movimiento continuo y muy suave en las fotografías de la secuencia. */
.project-sequence-slide img {
  transform: scale(1.035) translate3d(-.35%, .12%, 0);
  transition: none;
  will-change: transform;
}
.project-sequence-slide[aria-hidden="false"] img {
  animation: v18ProjectImageGlide 30s cubic-bezier(.45,0,.55,1) infinite alternate;
}
@keyframes v18ProjectImageGlide {
  0%   { transform: scale(1.035) translate3d(-.35%, .12%, 0); }
  100% { transform: scale(1.065) translate3d(.75%, -.35%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .project-sequence-slide[aria-hidden="false"] img {
    animation: none;
    transform: scale(1.035);
  }
}

@media (max-width: 640px) {
  .brand__type small,
  .site-brand__type small,
  .menu-brand small {
    max-width: 140px;
  }
}

/* La navegación inferior refleja seis zonas en Mapa y cuatro en Región. */
.app-shell[data-scene="map"] .section-nav {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.app-shell[data-scene="region"] .section-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .app-shell[data-scene="map"] .section-nav {
    grid-template-columns: repeat(6, minmax(126px, 1fr));
  }
  .app-shell[data-scene="region"] .section-nav {
    grid-template-columns: repeat(4, minmax(132px, 1fr));
  }
}