*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
.main-nav{
    margin-top: 10px;
    list-style: none;
    padding-left: 0;
    background-color: #13a4a4;
}
.main-nav-item{
    display: inline-block;
    border-right: 3px solid #ffffff;
}
.main-nav-item a{
    color: #ffffff;
    padding: 2px 8px;
    text-decoration: none;
    border-radius: 2px;
    /*background-color: red;*/
}
.main-nav-item a:hover{
    color:blue
}
.main-nav-item a:active{
    color: chocolate;
}
/*
.main-nav-item a::after{
content: " | ";
*/
main{
    width: 100%;
    height: 500px;
    border: 10px solid gray;
    padding: 20px 35px;
}
.btn-volver {
    display: inline-block;
    padding: 10px 20px;
    background-color: #3498db; /* Color azul del botón */
    color: #ffffff; /* Color del texto */
    text-decoration: none; /* Quita el subrayado del enlace */
    border-radius: 5px; /* Bordes redondeados */
    font-weight: bold;
    font-family: sans-serif;
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animación suave */
}

/* Efecto al pasar el cursor sobre el botón */
.btn-volver:hover {
    background-color: #2980b9; /* Azul más oscuro */
    color: #ffffff;
    transform: translateY(-2px); /* Efecto de ligera elevación */
}