/* ==========================================================================
   Layout — rejilla principal, columna lateral y pie de página
   ========================================================================== */

/* El contenido queda encima del fondo animado */
html[data-theme] :is(.page-layout, .breadcrumb-bar, .site-footer) {
  position: relative;
  z-index: 1;
}

/* minmax(0,1fr): sin esto, contenido muy ancho (el lienzo del mapa) ensancha la
   columna y empuja la barra lateral fuera de la pantalla */
html[data-theme] .page-layout {
  grid-template-columns: minmax(0, 1fr) 304px;
  max-width: 1440px;
  gap: 1.5rem;
}
@media (max-width: 900px) {
  html[data-theme] .page-layout { grid-template-columns: minmax(0, 1fr); }
}
html[data-theme] .main-content { min-width: 0; }

/* La barra de migas solo existe en la ficha de objeto; vacía no debe dejar hueco */
html[data-theme] .breadcrumb-bar:empty { display: none; }
html[data-theme] .breadcrumb-bar:empty + .page-layout { padding-top: calc(var(--nav-h) + 24px) !important; }
@media (max-width: 560px) {
  html[data-theme] .breadcrumb-bar:empty + .page-layout { padding-top: calc(var(--nav-h) + 12px) !important; }
}

html[data-theme] .sidebar { top: calc(var(--nav-h) + 24px); }

/* Pie: una línea discreta, no otra tarjeta */
html[data-theme] .site-footer { max-width: 1440px; }
html[data-theme] .site-footer-inner {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--c-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--c-text-3) !important;
  padding: 1.2rem .25rem !important;
}
html[data-theme] .site-footer-text strong { color: var(--c-text-2) !important; }
html[data-theme] .site-footer-brand {
  background: transparent !important;
  border-color: var(--c-line-strong) !important;
  color: var(--c-text-2) !important;
}