.action {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px; /* Espacio entre los elementos */
}

.action li a {
    display: flex;
    align-items: center; /* Centra los íconos verticalmente */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    /*color: inherit;  Hereda el color del texto */
    padding: 5px; /* Espacio interno */
    /*background-color: #f0f0f0;  Fondo para los botones */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s; /* Efecto de transición */
}

.action li a:hover {
    background-color: #c3d7d0; /* Cambia el color al pasar el mouse */
}


    .page-body {
        background-image: url('../images/fondo_ds.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 100vh;
    }

    .logo-wrapper img {
        width: 80%;  /* El ancho será el 50% del contenedor padre */
      }