.circulo{
    background-color: var(--colorFondo);
    width: 100px;
    height: 100px;

    border-radius: 50%;

    opacity: 0%;

    position: absolute;

    z-index: 
    100;
}

#cuerpo{
    height: 100%;  
      width: 100%;
      
     display: flex;
      justify-content: center;  /* Centra horizontalmente */
      align-items: center;      /* Centra verticalmente */
      

    background-color: var(--colorFondo);

 

}

body{
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}

html, body{
    overflow: hidden;
}

.texto{
    color: var(--colorTitulos);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 130px;
    position: absolute;

    bottom: 18%;


}

.texto2{
    color: var(--colorTitulos);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 40px;
    position: absolute;

    bottom: 23%;
}

.textoIndicacion{
    color: rgba(255, 255, 255, 0.384);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    position: absolute;

    bottom: 20%;
    /*text-decoration: underline;*/
    font-style: italic;
}

.animar{
    animation: animacion;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}


.latir{
    animation: latir 1.9s infinite;
}

.corazon{
    width: 650px;

    filter: var(--colorPrincipalIconos);
    z-index: 1;
    position: absolute;

    bottom: 30%;
}


@keyframes animacion{
    0%{
        scale: 0;
        opacity: 100%;
    }
    100%{
        scale: 40;
        opacity: 100%;
    }
}


@keyframes latir {
    0%{
        scale: 1;
    }
   
    25%{
        scale: 1.1;
    }
    50%{
        scale: 1;
    }
    75%{
        scale: 1.1;
    }
    100%{
        scale: 1;
    }
}


.izquierda{
    margin-right: 90px;
}

.derecha{
    margin-right: -90px;
}

.centro{
    width: 675px;
}


@media (max-width: 768px) {

    .cuerpo{
        display: flex;
        flex-direction: column;
    }
    
    .corazon{
        width: 300px;

        top: 20%;

        
    }
    .texto{
        font-size: 70px;
        bottom: 30%;
    }

    .texto2{
        font-size: 20px;
        bottom: 30%;
    }
}