/* La portada al abrir: solo el logo del Grupo sobre blanco y un filo dorado, igual que en
   MV Pedidos (29/09/2026, Jorge). En fichero aparte porque la CSP no admite estilos en línea. */
#portada {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}
#portada img {
  width: 290px;
  max-width: 78vw;
  height: auto;
  animation: portada-aparece 0.7s ease-out both;
}
#portada .filo {
  width: 0;
  height: 2px;
  background: #a8822f;
  border-radius: 2px;
  animation: portada-filo 0.9s 0.25s ease-out forwards;
}
#portada.fuera {
  opacity: 0;
  visibility: hidden;
}
#portada .oscuro {
  display: none;
}
html.dark #portada {
  background: #100e0c;
}
html.dark #portada .claro {
  display: none;
}
html.dark #portada .oscuro {
  display: block;
}
@keyframes portada-aparece {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
}
@keyframes portada-filo {
  to {
    width: 64px;
  }
}