body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 0; /* Padding para móviles */
    margin-bottom: 60px;
}

@media (min-width: 769px) {
    body {
        margin-left: 25%; /* Padding para pantallas de PC (a partir de 768px) */
        margin-right: 25%; /* Padding para pantallas de PC (a partir de 768px) */

    }
}


h1 {
    font-size: 38px;
    color: #92419f;
}
p {
    font-size: 18px;
    color: #666;
}
a {
    color: #92419f; /* Change link color to prpl */
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}

.logo {
    max-width: 20%; /* Ajusta el tamaño máximo al 100% del contenedor */
    height: auto; /* Mantén la proporción de la imagen */
}