@media (max-width: 576px) {
    .bg {
    background-image: url('/assets/img/fondo-movil.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
}
    

.logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
}

/* En pantallas pequeñas (por ejemplo, menor a 768px) */
@media (max-width: 768px) {
  .logo {
    width: 280px;          /* opcional: reduce un poco el tamaño */
    top: 10px;             /* separa un poco del borde superior */
  }
}

    .arbol {
               width: 115vw;
        left: 50%;
        transform: translateX(-48%);
        bottom: -127px;
    }

    .nin2 {
        position: absolute;
        width: 440px;
        left: 50%;
        transform: translate(-49%, 149%);
        bottom: 50%;
        z-index: 2;
    }

    .hoja-1 {
                position: absolute;
        bottom: 251px;
        right: -3%;
        width: 188px;
        z-index: 3;
    }

    .hoja-2 {
        position: absolute;
        bottom: 277px;
        left: -6%;
        width: 244px;
        z-index: 3;
    }
    .fsize1 {
    font-size: large;
}
.ornamento-1 {
    width: 60%;
    left: 19%;
    bottom: -8%;
    position: absolute;
}
.ornamento-2 {
    position: absolute;
    width: 42%;
    top: -43px;
    left: 30%;
}

.ornamento-4 {
     width: 60%;
    left: 19%;
    bottom: -8%;
    position: absolute;
}
.ornamento-3 {
   position: absolute;
    width: 42%;
    top: -43px;
    left: 30%;
}
}