.contenedor-404{
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    .main-container{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    h1{
        margin-bottom: 32px
    }
    .contenedor-404-child{
        @extend .text-404;
        margin-bottom: 32px;
        position: relative;
        .cero{
            opacity: 0;
        }
        .contenedor-corazon{
            position: absolute;
            // width: 20%;
            // min-width: 215px;
            width: 68%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
            // overflow: hidden;
            // @media (max-width: 1059px) {
            //     display: none;
            //     width: 71%;
            // }
            .aux{
                width: 100%;
                height: 100%;
                transform: translate(2%, 11%);
                transform-origin: center;
                pointer-events: none;
            }

            img{
                pointer-events: none;
                object-fit: contain;
                width: 100%;
                height: 100%;
            }
        }
    }
    p{
        margin-bottom: 32px
    }

}