/* CONTENEDOR CON FONDO DE IMAGEN (PC) */
.desktop-wrapper {
  width: 100%;
  min-height: 100vh;                 /* ocupa toda la pantalla */
  background-image: url(/public/img/fondo-portada.webp); /* ruta de tu imagen */
  background-size: cover;            /* cubre toda el área */
  background-position: center;       /* centra la imagen */
  background-repeat: no-repeat;      /* no se repite */
  display: flex;
  justify-content: center;           /* centra el contenedor naranja */
  padding: 40px 0;                   /* espacio arriba y abajo */
}

/* CONTENEDOR NARANJA */
.app-container {
  width: 100%;
  max-width: 1300PX;           /* 👈 MÁS GRANDE PARA PC */
  background: var(--yellow);
  border-radius: var(--radius);
  overflow: hidden;
}