@media (max-width: 768px) {

        .ocultar{
            display: none;
        }
    }

    .ocultarBotones {
        display: none; /* Mostrar solo en pantallas pequeñas */
    }

    @media (max-width: 768px) {
    .ocultarBotones {
        display: block; /* Mostrar solo en pantallas pequeñas */
        background-color: #EB6906;
  color: white;
  border: none;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  margin-left: 5px;
  padding: 0; /* Quita el padding del botón */
  display: flex; /* Centra el icono */
  align-items: center;
  justify-content: center;
    }
}

     /* Estilos del menú desplegable */
     .menu {
            display: none;        /* Oculto por defecto */
            position: absolute;   /* Posicionamiento absoluto */
            top:10px;
            right: 0;             /* Alineado a la derecha */
            background-color: #fff; /* Fondo blanco */
            box-shadow: 1px 2px 2px #EB6906; /* Sombra */
            border-radius: 8px;   /* Bordes redondeados */
            z-index: 10;          /* Para asegurarse de que se muestre encima */
        }

        /* Estilos de cada opción del menú */
        .menu a {
            display: block;
            padding: 10px 20px;
            text-decoration: none;
            color: #333;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        .menu a:hover {
            background-color: rgba(235, 105, 6, 0.3);;
        }

        .mostrar {
            display: block;
        }